diff --git a/.vercelignore b/.vercelignore index 0402bd92..2bbfe58c 100644 --- a/.vercelignore +++ b/.vercelignore @@ -13,7 +13,6 @@ supabase/** ListingHub_NextJs_*/** vendor/** radiant-ts/** -catalyst-ui-kit/** Backup/** crawler_test/** test-results/** diff --git a/catalyst-ui-kit/CHANGELOG.md b/catalyst-ui-kit/CHANGELOG.md deleted file mode 100644 index ef912d56..00000000 --- a/catalyst-ui-kit/CHANGELOG.md +++ /dev/null @@ -1,144 +0,0 @@ -# Changelog - -## 2025-08-13 - -- Fix inconsistent `Input` error border color ([#1710](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1710)) - -## 2025-07-29 - -- Update to React 19 and Next.js 15.4 - -## 2025-06-05 - -- Update `DropdownLabel` to extend a plain `
` instead of the `Headless.Label` ([#1699](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1699)) - -## 2025-04-28 - -- Update template to Tailwind CSS v4.1.4 - -## 2025-04-22 - -- Fix focus styles in the `Avatar`, `Badge`, `Button`, `Checkbox`, and `Switch` components ([#1693](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1693)) - -## 2025-04-17 - -- Update `@headlessui/react` dependency to `v2.2.2` to fix listbox performance issues ([#1667](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1667)) - -## 2025-04-04 - -- Add new `Combobox` component -- Add new `AuthLayout` component, with example login page, registration page, and forgot password page -- Fix centering of checkboxes, radios, and switches in fields with multi-line labels -- Update template to Tailwind CSS v4.1.3 -- Update template to Headless UI v2.2.1 (required for new `Combobox` component) - -## 2025-03-24 - -- Adjust avatar ring opacity from 20% to 10% - -## 2025-03-22 - -- Update template to Tailwind CSS v4.0.15 - -## 2025-02-22 - -- Fix border radius of avatars in navbar items - -## 2025-02-12 - -- Fix baseline alignment for buttons with icons ([#1668](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1668)) - -## 2025-02-10 - -- Update template to Tailwind CSS v4.0.6 - -## 2025-01-29 - -- Fix conflicting outline utilities ([#1661](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1661)) - -## 2025-01-23 - -- Update template to Tailwind CSS v4.0 - -## 2024-10-31 - -- Fix `disabled` prop in `DropdownItem` component ([#1640](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1640)) -- Update types in `SidebarItem` component - -## 2024-06-09 - -- Omit `as` prop from types for Headless UI-based components - -## 2024-06-26 - -- Update `@headlessui/react` dependency to `v2.1.1` -- Update `Dialog`, `Alert`, and `Listbox` to new data-attribute-based transition API - -## 2024-06-21 - -- Update `@headlessui/react` dependency to `v2.1.0` -- Use `DialogBackdrop` in `Alert` and `Dialog` components -- Update to new data-attribute-based transition API - -## 2024-06-19 - -- Prevent content from overflowing the mobile sidebar - -## 2024-06-18 - -- Use consistent `let` and `const` declarations -- Use consistent `clsx` import -- Use consistent `forwardRef` instead of `React.forwardRef` import -- Update `tailwindcss`, `prettier` and `prettier-plugin-tailwindcss` dependencies in Next.js demo app -- Fix class order in `Dropdown` component - -## 2024-06-10 - -- Add `dark:[color-scheme:dark]` class to `Input` component ([#1596](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1596)) - -## 2024-05-31 - -- Add Next.js demo app ([#1580](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1580)) -- Fix `Avatar` sizing and padding ([#1588](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1588)) - -## 2024-05-27 - -- Add `pointer-events-none` to `InputGroup` icon ([#1594](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1594)) -- Add default text color to `Table` component ([#1581](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1581)) -- Fix TypeScript issues when using `as={Link}` ([#1582](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1582)) -- Fix `SidebarItem` import ([#1582](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1582)) -- Add `isolate` class to `InputGroup`, `SidebarLayout`, and `StackedLayout` components -- Fix comment indentation and use proper DocBlocks - -## 2024-05-24 - -- Add new `SidebarLayout` component -- Add new `StackedLayout` component -- Add new `Navbar` component -- Add new `Sidebar` component -- Add new `DescriptionList` component -- Add new `Heading` component -- Add new `Divider` component -- Add new `framer-motion` dependency -- Update `@headlessui/react` dependency to `v2.0` -- Remove `as={Fragment}` from the transition components -- Improve and fix a number of types -- Made formatting of `className` and `{...prop}` more consistent across all components -- Made formatting of `forwardRef` consistent across all components -- Update `PaginationGap` component to use a `span` instead of a `div` -- Update the `SidebarHeading` to render use an `h3` instead of a `d`iv -- Remove `children` prop from `Switch` component - -## 2024-01-08 - -- Add `resizable` prop to `Textarea` component ([#1543](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1543)) - -## 2024-01-03 - -- Change top-level `let` declarations to `const` -- Fix `--btn-hover-overlay` color for dark/white button ([#1538](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1538)) -- Add `forwardRef` to `Input`, `Select`, and `Textarea` components ([#1540](https://github.com/tailwindlabs/tailwind-plus-issues/issues/1540)) - -## 2023-12-20 - -- Initial release diff --git a/catalyst-ui-kit/README.md b/catalyst-ui-kit/README.md deleted file mode 100644 index 367363d1..00000000 --- a/catalyst-ui-kit/README.md +++ /dev/null @@ -1,65 +0,0 @@ - # Catalyst UI Kit - -Catalyst is a modern application UI kit built with [Tailwind CSS](https://tailwindcss.com) and [React](https://react.dev/), designed and built by the Tailwind CSS team and included as part of [Tailwind Plus](https://tailwindcss.com/plus). - -## Getting started - -To get started, first copy the component files included in the downloaded ZIP file into wherever you keep components in your own project. The components are provided in both TypeScript and plain JavaScript, pick whichever set you prefer. - -Next, install the dependencies used by the components in Catalyst: - -```sh -npm install @headlessui/react framer-motion clsx -``` - -Catalyst is also designed for the latest version of Tailwind CSS, which is currently Tailwind CSS v4.0. To make sure that you are on the latest version of Tailwind, update it via npm: - -```sh -npm install tailwindcss@latest -``` - -Now you're ready to start using the components in your project — just import them from wherever you're keeping your components and start using them like any of your other React components: - -```jsx -import { Input } from './components/input' -import { Field, FieldGroup, Label } from './components/fieldset' -import { Button } from './components/button' - -export default function SettingsForm() { - return ( -
- - - - - - - - - - - -
- ) -} -``` - -Additional installation instructions can be found in the Catalyst documentation. - -## Documentation - -You can find the Catalyst documentation at https://catalyst.tailwindui.com/docs. - -## License - -This site template is a commercial product and is licensed under the [Tailwind Plus license](https://tailwindcss.com/plus/license). - -## Learn more - -To learn more about the technologies used in this site template, see the following resources: - -- [Tailwind CSS](https://tailwindcss.com/docs) - the official Tailwind CSS documentation -- [Headless UI](https://headlessui.dev) - the official Headless UI documentation -- [React](https://react.dev) - the official React documentation -- [Framer Motion](https://www.framer.com/docs/) - the official Framer Motion documentation -- [clsx](https://github.com/lukeed/clsx) - the GitHub repo for the `clsx` helper diff --git a/catalyst-ui-kit/demo/javascript/.eslintrc.json b/catalyst-ui-kit/demo/javascript/.eslintrc.json deleted file mode 100644 index f0f3abee..00000000 --- a/catalyst-ui-kit/demo/javascript/.eslintrc.json +++ /dev/null @@ -1,6 +0,0 @@ -{ - "extends": "next/core-web-vitals", - "rules": { - "@next/next/no-img-element": "off" - } -} diff --git a/catalyst-ui-kit/demo/javascript/.gitignore b/catalyst-ui-kit/demo/javascript/.gitignore deleted file mode 100644 index fd3dbb57..00000000 --- a/catalyst-ui-kit/demo/javascript/.gitignore +++ /dev/null @@ -1,36 +0,0 @@ -# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. - -# dependencies -/node_modules -/.pnp -.pnp.js -.yarn/install-state.gz - -# testing -/coverage - -# next.js -/.next/ -/out/ - -# production -/build - -# misc -.DS_Store -*.pem - -# debug -npm-debug.log* -yarn-debug.log* -yarn-error.log* - -# local env files -.env*.local - -# vercel -.vercel - -# typescript -*.tsbuildinfo -next-env.d.ts diff --git a/catalyst-ui-kit/demo/javascript/LICENSE.md b/catalyst-ui-kit/demo/javascript/LICENSE.md deleted file mode 100644 index 482f68b8..00000000 --- a/catalyst-ui-kit/demo/javascript/LICENSE.md +++ /dev/null @@ -1,129 +0,0 @@ -# Tailwind Plus License - -## Personal License - -Tailwind Labs Inc. grants you an on-going, non-exclusive license to use the Components and Templates. - -The license grants permission to **one individual** (the Licensee) to access and use the Components and Templates. - -You **can**: - -- Use the Components and Templates to create unlimited End Products. -- Modify the Components and Templates to create derivative components and templates. Those components and templates are subject to this license. -- Use the Components and Templates to create unlimited End Products for unlimited Clients. -- Use the Components and Templates to create End Products where the End Product is sold to End Users. -- Use the Components and Templates to create End Products that are open source and freely available to End Users. - -You **cannot**: - -- Use the Components and Templates to create End Products that are designed to allow an End User to build their own End Products using the Components and Templates or derivatives of the Components and Templates. -- Re-distribute the Components and Templates or derivatives of the Components and Templates separately from an End Product, neither in code or as design assets. -- Share your access to the Components and Templates with any other individuals. -- Use the Components and Templates to produce anything that may be deemed by Tailwind Labs Inc, in their sole and absolute discretion, to be competitive or in conflict with the business of Tailwind Labs Inc. - -### Example usage - -Examples of usage **allowed** by the license: - -- Creating a personal website by yourself. -- Creating a website or web application for a client that will be owned by that client. -- Creating a commercial SaaS application (like an invoicing app for example) where end users have to pay a fee to use the application. -- Creating a commercial self-hosted web application that is sold to end users for a one-time fee. -- Creating a web application where the primary purpose is clearly not to simply re-distribute the components (like a conference organization app that uses the components for its UI for example) that is free and open source, where the source code is publicly available. - -Examples of usage **not allowed** by the license: - -- Creating a repository of your favorite Tailwind Plus components or templates (or derivatives based on Tailwind Plus components or templates) and publishing it publicly. -- Creating a React or Vue version of Tailwind Plus and making it available either for sale or for free. -- Create a Figma or Sketch UI kit based on the Tailwind Plus component designs. -- Creating a "website builder" project where end users can build their own websites using components or templates included with or derived from Tailwind Plus. -- Creating a theme, template, or project starter kit using the components or templates and making it available either for sale or for free. -- Creating an admin panel tool (like [Laravel Nova](https://nova.laravel.com/) or [ActiveAdmin](https://activeadmin.info/)) that is made available either for sale or for free. - -In simple terms, use Tailwind Plus for anything you like as long as it doesn't compete with Tailwind Plus. - -### Personal License Definitions - -Licensee is the individual who has purchased a Personal License. - -Components and Templates are the source code and design assets made available to the Licensee after purchasing a Tailwind Plus license. - -End Product is any artifact produced that incorporates the Components or Templates or derivatives of the Components or Templates. - -End User is a user of an End Product. - -Client is an individual or entity receiving custom professional services directly from the Licensee, produced specifically for that individual or entity. Customers of software-as-a-service products are not considered clients for the purpose of this document. - -## Team License - -Tailwind Labs Inc. grants you an on-going, non-exclusive license to use the Components and Templates. - -The license grants permission for **up to 25 Employees and Contractors of the Licensee** to access and use the Components and Templates. - -You **can**: - -- Use the Components and Templates to create unlimited End Products. -- Modify the Components and Templates to create derivative components and templates. Those components and templates are subject to this license. -- Use the Components and Templates to create unlimited End Products for unlimited Clients. -- Use the Components and Templates to create End Products where the End Product is sold to End Users. -- Use the Components and Templates to create End Products that are open source and freely available to End Users. - -You **cannot**: - -- Use the Components or Templates to create End Products that are designed to allow an End User to build their own End Products using the Components or Templates or derivatives of the Components or Templates. -- Re-distribute the Components or Templates or derivatives of the Components or Templates separately from an End Product. -- Use the Components or Templates to create End Products that are the property of any individual or entity other than the Licensee or Clients of the Licensee. -- Use the Components or Templates to produce anything that may be deemed by Tailwind Labs Inc, in their sole and absolute discretion, to be competitive or in conflict with the business of Tailwind Labs Inc. - -### Example usage - -Examples of usage **allowed** by the license: - -- Creating a website for your company. -- Creating a website or web application for a client that will be owned by that client. -- Creating a commercial SaaS application (like an invoicing app for example) where end users have to pay a fee to use the application. -- Creating a commercial self-hosted web application that is sold to end users for a one-time fee. -- Creating a web application where the primary purpose is clearly not to simply re-distribute the components or templates (like a conference organization app that uses the components or a template for its UI for example) that is free and open source, where the source code is publicly available. - -Examples of use **not allowed** by the license: - -- Creating a repository of your favorite Tailwind Plus components or template (or derivatives based on Tailwind Plus components or templates) and publishing it publicly. -- Creating a React or Vue version of Tailwind Plus and making it available either for sale or for free. -- Creating a "website builder" project where end users can build their own websites using components or templates included with or derived from Tailwind Plus. -- Creating a theme or template using the components or templates and making it available either for sale or for free. -- Creating an admin panel tool (like [Laravel Nova](https://nova.laravel.com/) or [ActiveAdmin](https://activeadmin.info/)) that is made available either for sale or for free. -- Creating any End Product that is not the sole property of either your company or a client of your company. For example your employees/contractors can't use your company Tailwind Plus license to build their own websites or side projects. - -### Team License Definitions - -Licensee is the business entity who has purchased a Team License. - -Components and Templates are the source code and design assets made available to the Licensee after purchasing a Tailwind Plus license. - -End Product is any artifact produced that incorporates the Components or Templates or derivatives of the Components or Templates. - -End User is a user of an End Product. - -Employee is a full-time or part-time employee of the Licensee. - -Contractor is an individual or business entity contracted to perform services for the Licensee. - -Client is an individual or entity receiving custom professional services directly from the Licensee, produced specifically for that individual or entity. Customers of software-as-a-service products are not considered clients for the purpose of this document. - -## Enforcement - -If you are found to be in violation of the license, access to your Tailwind Plus account will be terminated, and a refund may be issued at our discretion. When license violation is blatant and malicious (such as intentionally redistributing the Components or Templates through private warez channels), no refund will be issued. - -The copyright of the Components and Templates is owned by Tailwind Labs Inc. You are granted only the permissions described in this license; all other rights are reserved. Tailwind Labs Inc. reserves the right to pursue legal remedies for any unauthorized use of the Components or Templates outside the scope of this license. - -## Liability - -Tailwind Labs Inc.’s liability to you for costs, damages, or other losses arising from your use of the Components or Templates — including third-party claims against you — is limited to a refund of your license fee. Tailwind Labs Inc. may not be held liable for any consequential damages related to your use of the Components or Templates. - -This Agreement is governed by the laws of the Province of Ontario and the applicable laws of Canada. Legal proceedings related to this Agreement may only be brought in the courts of Ontario. You agree to service of process at the e-mail address on your original order. - -## Questions? - -Unsure which license you need, or unsure if your use case is covered by our licenses? - -Email us at [support@tailwindcss.com](mailto:support@tailwindcss.com) with your questions. diff --git a/catalyst-ui-kit/demo/javascript/README.md b/catalyst-ui-kit/demo/javascript/README.md deleted file mode 100644 index b9a8f556..00000000 --- a/catalyst-ui-kit/demo/javascript/README.md +++ /dev/null @@ -1,15 +0,0 @@ -# Catalyst Demo - -To run the Catalyst demo, first install the npm dependencies: - -```bash -npm install -``` - -Next, run the development server: - -```bash -npm run dev -``` - -Finally, open [http://localhost:3000](http://localhost:3000) in your browser to view the website. diff --git a/catalyst-ui-kit/demo/javascript/jsconfig.json b/catalyst-ui-kit/demo/javascript/jsconfig.json deleted file mode 100644 index b8d6842d..00000000 --- a/catalyst-ui-kit/demo/javascript/jsconfig.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "compilerOptions": { - "paths": { - "@/*": ["./src/*"] - } - } -} diff --git a/catalyst-ui-kit/demo/javascript/next.config.mjs b/catalyst-ui-kit/demo/javascript/next.config.mjs deleted file mode 100644 index 1d614782..00000000 --- a/catalyst-ui-kit/demo/javascript/next.config.mjs +++ /dev/null @@ -1,4 +0,0 @@ -/** @type {import('next').NextConfig} */ -const nextConfig = {} - -export default nextConfig diff --git a/catalyst-ui-kit/demo/javascript/package.json b/catalyst-ui-kit/demo/javascript/package.json deleted file mode 100644 index ec2d48b6..00000000 --- a/catalyst-ui-kit/demo/javascript/package.json +++ /dev/null @@ -1,31 +0,0 @@ -{ - "name": "catalyst-demo", - "version": "0.1.0", - "private": true, - "scripts": { - "dev": "next dev", - "build": "next build", - "start": "next start", - "lint": "next lint" - }, - "dependencies": { - "@headlessui/react": "^2.2.6", - "@heroicons/react": "^2.2.0", - "clsx": "^2.1.1", - "motion": "^12.23.11", - "next": "^15", - "react": "^19", - "react-dom": "^19" - }, - "devDependencies": { - "@tailwindcss/postcss": "^4.1.11", - "eslint": "^9", - "eslint-config-next": "^15", - "postcss": "^8", - "prettier": "^3.6.2", - "prettier-plugin-organize-imports": "^4.2.0", - "prettier-plugin-tailwindcss": "^0.6.14", - "tailwindcss": "^4.1.11", - "typescript": "^5.8.3" - } -} diff --git a/catalyst-ui-kit/demo/javascript/postcss.config.mjs b/catalyst-ui-kit/demo/javascript/postcss.config.mjs deleted file mode 100644 index a869506e..00000000 --- a/catalyst-ui-kit/demo/javascript/postcss.config.mjs +++ /dev/null @@ -1,8 +0,0 @@ -/** @type {import('postcss-load-config').Config} */ -const config = { - plugins: { - '@tailwindcss/postcss': {}, - }, -} - -export default config diff --git a/catalyst-ui-kit/demo/javascript/prettier.config.mjs b/catalyst-ui-kit/demo/javascript/prettier.config.mjs deleted file mode 100644 index d9a23caa..00000000 --- a/catalyst-ui-kit/demo/javascript/prettier.config.mjs +++ /dev/null @@ -1,12 +0,0 @@ -/** @type {import("prettier").Config} */ -const config = { - semi: false, - singleQuote: true, - printWidth: 120, - trailingComma: 'es5', - tailwindFunctions: ['clsx', 'tw'], - plugins: ['prettier-plugin-organize-imports', 'prettier-plugin-tailwindcss'], - tailwindStylesheet: './src/styles/tailwind.css', -} - -export default config diff --git a/catalyst-ui-kit/demo/javascript/public/events/bear-hug-thumb.jpg b/catalyst-ui-kit/demo/javascript/public/events/bear-hug-thumb.jpg deleted file mode 100644 index 21b509de..00000000 Binary files a/catalyst-ui-kit/demo/javascript/public/events/bear-hug-thumb.jpg and /dev/null differ diff --git a/catalyst-ui-kit/demo/javascript/public/events/bear-hug.jpg b/catalyst-ui-kit/demo/javascript/public/events/bear-hug.jpg deleted file mode 100644 index 940a9e53..00000000 Binary files a/catalyst-ui-kit/demo/javascript/public/events/bear-hug.jpg and /dev/null differ diff --git a/catalyst-ui-kit/demo/javascript/public/events/bear-hug.webp b/catalyst-ui-kit/demo/javascript/public/events/bear-hug.webp deleted file mode 100644 index 279194ae..00000000 Binary files a/catalyst-ui-kit/demo/javascript/public/events/bear-hug.webp and /dev/null differ diff --git a/catalyst-ui-kit/demo/javascript/public/events/six-fingers-thumb.jpg b/catalyst-ui-kit/demo/javascript/public/events/six-fingers-thumb.jpg deleted file mode 100644 index 99349d95..00000000 Binary files a/catalyst-ui-kit/demo/javascript/public/events/six-fingers-thumb.jpg and /dev/null differ diff --git a/catalyst-ui-kit/demo/javascript/public/events/six-fingers.jpg b/catalyst-ui-kit/demo/javascript/public/events/six-fingers.jpg deleted file mode 100644 index 8c089a5a..00000000 Binary files a/catalyst-ui-kit/demo/javascript/public/events/six-fingers.jpg and /dev/null differ diff --git a/catalyst-ui-kit/demo/javascript/public/events/six-fingers.webp b/catalyst-ui-kit/demo/javascript/public/events/six-fingers.webp deleted file mode 100644 index 9b7bed9d..00000000 Binary files a/catalyst-ui-kit/demo/javascript/public/events/six-fingers.webp and /dev/null differ diff --git a/catalyst-ui-kit/demo/javascript/public/events/viking-people-thumb.jpg b/catalyst-ui-kit/demo/javascript/public/events/viking-people-thumb.jpg deleted file mode 100644 index b6ea81c9..00000000 Binary files a/catalyst-ui-kit/demo/javascript/public/events/viking-people-thumb.jpg and /dev/null differ diff --git a/catalyst-ui-kit/demo/javascript/public/events/viking-people.jpg b/catalyst-ui-kit/demo/javascript/public/events/viking-people.jpg deleted file mode 100644 index 4b53d801..00000000 Binary files a/catalyst-ui-kit/demo/javascript/public/events/viking-people.jpg and /dev/null differ diff --git a/catalyst-ui-kit/demo/javascript/public/events/viking-people.webp b/catalyst-ui-kit/demo/javascript/public/events/viking-people.webp deleted file mode 100644 index e1145e32..00000000 Binary files a/catalyst-ui-kit/demo/javascript/public/events/viking-people.webp and /dev/null differ diff --git a/catalyst-ui-kit/demo/javascript/public/events/we-all-look-the-same-thumb.jpg b/catalyst-ui-kit/demo/javascript/public/events/we-all-look-the-same-thumb.jpg deleted file mode 100644 index 1bb4b464..00000000 Binary files a/catalyst-ui-kit/demo/javascript/public/events/we-all-look-the-same-thumb.jpg and /dev/null differ diff --git a/catalyst-ui-kit/demo/javascript/public/events/we-all-look-the-same.jpg b/catalyst-ui-kit/demo/javascript/public/events/we-all-look-the-same.jpg deleted file mode 100644 index f5315d07..00000000 Binary files a/catalyst-ui-kit/demo/javascript/public/events/we-all-look-the-same.jpg and /dev/null differ diff --git a/catalyst-ui-kit/demo/javascript/public/events/we-all-look-the-same.webp b/catalyst-ui-kit/demo/javascript/public/events/we-all-look-the-same.webp deleted file mode 100644 index 53619d38..00000000 Binary files a/catalyst-ui-kit/demo/javascript/public/events/we-all-look-the-same.webp and /dev/null differ diff --git a/catalyst-ui-kit/demo/javascript/public/flags/ca.svg b/catalyst-ui-kit/demo/javascript/public/flags/ca.svg deleted file mode 100644 index dc478b00..00000000 --- a/catalyst-ui-kit/demo/javascript/public/flags/ca.svg +++ /dev/null @@ -1,12 +0,0 @@ - - - - - - - - - - - - diff --git a/catalyst-ui-kit/demo/javascript/public/flags/mx.svg b/catalyst-ui-kit/demo/javascript/public/flags/mx.svg deleted file mode 100644 index 56a01594..00000000 --- a/catalyst-ui-kit/demo/javascript/public/flags/mx.svg +++ /dev/null @@ -1,21 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - diff --git a/catalyst-ui-kit/demo/javascript/public/flags/us.svg b/catalyst-ui-kit/demo/javascript/public/flags/us.svg deleted file mode 100644 index 547e80b9..00000000 --- a/catalyst-ui-kit/demo/javascript/public/flags/us.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - - - - - - - - - - - - diff --git a/catalyst-ui-kit/demo/javascript/public/teams/catalyst.svg b/catalyst-ui-kit/demo/javascript/public/teams/catalyst.svg deleted file mode 100644 index fc3e7e21..00000000 --- a/catalyst-ui-kit/demo/javascript/public/teams/catalyst.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - diff --git a/catalyst-ui-kit/demo/javascript/public/users/erica.jpg b/catalyst-ui-kit/demo/javascript/public/users/erica.jpg deleted file mode 100644 index ce812745..00000000 Binary files a/catalyst-ui-kit/demo/javascript/public/users/erica.jpg and /dev/null differ diff --git a/catalyst-ui-kit/demo/javascript/src/app/(app)/application-layout.jsx b/catalyst-ui-kit/demo/javascript/src/app/(app)/application-layout.jsx deleted file mode 100644 index f098f2d9..00000000 --- a/catalyst-ui-kit/demo/javascript/src/app/(app)/application-layout.jsx +++ /dev/null @@ -1,187 +0,0 @@ -'use client' - -import { Avatar } from '@/components/avatar' -import { - Dropdown, - DropdownButton, - DropdownDivider, - DropdownItem, - DropdownLabel, - DropdownMenu, -} from '@/components/dropdown' -import { Navbar, NavbarItem, NavbarSection, NavbarSpacer } from '@/components/navbar' -import { - Sidebar, - SidebarBody, - SidebarFooter, - SidebarHeader, - SidebarHeading, - SidebarItem, - SidebarLabel, - SidebarSection, - SidebarSpacer, -} from '@/components/sidebar' -import { SidebarLayout } from '@/components/sidebar-layout' - -import { - ArrowRightStartOnRectangleIcon, - ChevronDownIcon, - ChevronUpIcon, - Cog8ToothIcon, - LightBulbIcon, - PlusIcon, - ShieldCheckIcon, - UserCircleIcon, -} from '@heroicons/react/16/solid' -import { - Cog6ToothIcon, - HomeIcon, - QuestionMarkCircleIcon, - SparklesIcon, - Square2StackIcon, - TicketIcon, -} from '@heroicons/react/20/solid' -import { usePathname } from 'next/navigation' - -function AccountDropdownMenu({ anchor }) { - return ( - - - - My account - - - - - Privacy policy - - - - Share feedback - - - - - Sign out - - - ) -} - -export function ApplicationLayout({ events, children }) { - let pathname = usePathname() - - return ( - - - - - - - - - - - - } - sidebar={ - - - - - - Catalyst - - - - - - Settings - - - - - Catalyst - - - - Big Events - - - - - New team… - - - - - - - - - - Home - - - - Events - - - - Orders - - - - Settings - - - - - Upcoming Events - {events.map((event) => ( - - {event.name} - - ))} - - - - - - - - Support - - - - Changelog - - - - - - - - - - - Erica - - erica@example.com - - - - - - - - - - } - > - {children} - - ) -} diff --git a/catalyst-ui-kit/demo/javascript/src/app/(app)/events/[id]/page.jsx b/catalyst-ui-kit/demo/javascript/src/app/(app)/events/[id]/page.jsx deleted file mode 100644 index e1ccb508..00000000 --- a/catalyst-ui-kit/demo/javascript/src/app/(app)/events/[id]/page.jsx +++ /dev/null @@ -1,89 +0,0 @@ -import { Stat } from '@/app/stat' -import { Badge } from '@/components/badge' -import { Button } from '@/components/button' -import { Heading, Subheading } from '@/components/heading' -import { Link } from '@/components/link' -import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/table' -import { getEvent, getEventOrders } from '@/data' -import { ChevronLeftIcon } from '@heroicons/react/16/solid' -import { notFound } from 'next/navigation' - -export async function generateMetadata({ params }) { - let { id } = await params - let event = await getEvent(id) - - return { - title: event?.name, - } -} - -export default async function Event({ params }) { - let { id } = await params - let event = await getEvent(id) - let orders = await getEventOrders(id) - - if (!event) { - notFound() - } - - return ( - <> -
- - - Events - -
-
-
-
- -
-
-
- {event.name} - {event.status} -
-
- {event.date} at {event.time} {event.location} -
-
-
-
- - -
-
-
- - - -
- Recent orders - - - - Order number - Purchase date - Customer - Amount - - - - {orders.map((order) => ( - - {order.id} - {order.date} - {order.customer.name} - US{order.amount.usd} - - ))} - -
- - ) -} diff --git a/catalyst-ui-kit/demo/javascript/src/app/(app)/events/page.jsx b/catalyst-ui-kit/demo/javascript/src/app/(app)/events/page.jsx deleted file mode 100644 index 8c23afc3..00000000 --- a/catalyst-ui-kit/demo/javascript/src/app/(app)/events/page.jsx +++ /dev/null @@ -1,86 +0,0 @@ -import { Badge } from '@/components/badge' -import { Button } from '@/components/button' -import { Divider } from '@/components/divider' -import { Dropdown, DropdownButton, DropdownItem, DropdownMenu } from '@/components/dropdown' -import { Heading } from '@/components/heading' -import { Input, InputGroup } from '@/components/input' -import { Link } from '@/components/link' -import { Select } from '@/components/select' -import { getEvents } from '@/data' -import { EllipsisVerticalIcon, MagnifyingGlassIcon } from '@heroicons/react/16/solid' - -export const metadata = { - title: 'Events', -} - -export default async function Events() { - let events = await getEvents() - - return ( - <> -
-
- Events -
-
- - - - -
-
- -
-
-
- -
- - - ) -} diff --git a/catalyst-ui-kit/demo/javascript/src/app/(app)/layout.jsx b/catalyst-ui-kit/demo/javascript/src/app/(app)/layout.jsx deleted file mode 100644 index 00655205..00000000 --- a/catalyst-ui-kit/demo/javascript/src/app/(app)/layout.jsx +++ /dev/null @@ -1,8 +0,0 @@ -import { getEvents } from '@/data' -import { ApplicationLayout } from './application-layout' - -export default async function RootLayout({ children }) { - let events = await getEvents() - - return {children} -} diff --git a/catalyst-ui-kit/demo/javascript/src/app/(app)/orders/[id]/page.jsx b/catalyst-ui-kit/demo/javascript/src/app/(app)/orders/[id]/page.jsx deleted file mode 100644 index 95be507b..00000000 --- a/catalyst-ui-kit/demo/javascript/src/app/(app)/orders/[id]/page.jsx +++ /dev/null @@ -1,129 +0,0 @@ -import { Avatar } from '@/components/avatar' -import { Badge } from '@/components/badge' -import { Button } from '@/components/button' -import { DescriptionDetails, DescriptionList, DescriptionTerm } from '@/components/description-list' -import { Divider } from '@/components/divider' -import { Heading, Subheading } from '@/components/heading' -import { Link } from '@/components/link' -import { getOrder } from '@/data' -import { BanknotesIcon, CalendarIcon, ChevronLeftIcon, CreditCardIcon } from '@heroicons/react/16/solid' -import { notFound } from 'next/navigation' -import { RefundOrder } from './refund' - -export async function generateMetadata({ params }) { - let { id } = await params - let order = await getOrder(id) - - return { - title: order && `Order #${order.id}`, - } -} - -export default async function Order({ params }) { - let { id } = await params - let order = await getOrder(id) - - if (!order) { - notFound() - } - - return ( - <> -
- - - Orders - -
-
-
- Order #{order.id} - Successful -
-
-
- - - US{order.amount.usd} - - - - - {order.payment.card.type}{' '} - - {order.payment.card.number} - - - - - - {order.date} - -
-
- - Refund - - -
-
-
-
- Summary - - - Customer - {order.customer.name} - Event - - - - {order.event.name} - - - Amount - US{order.amount.usd} - Amount after exchange rate - - US{order.amount.usd} → CA{order.amount.cad} - - Fee - CA{order.amount.fee} - Net - CA{order.amount.net} - -
-
- Payment method - - - Transaction ID - {order.payment.transactionId} - Card number - •••• {order.payment.card.number} - Card type - {order.payment.card.type} - Card expiry - {order.payment.card.expiry} - Owner - {order.customer.name} - Email address - {order.customer.email} - Address - {order.customer.address} - Country - - - {order.customer.country} - {order.customer.country} - - - CVC - - Passed successfully - - -
- - ) -} diff --git a/catalyst-ui-kit/demo/javascript/src/app/(app)/orders/[id]/refund.jsx b/catalyst-ui-kit/demo/javascript/src/app/(app)/orders/[id]/refund.jsx deleted file mode 100644 index 26b98f2e..00000000 --- a/catalyst-ui-kit/demo/javascript/src/app/(app)/orders/[id]/refund.jsx +++ /dev/null @@ -1,56 +0,0 @@ -'use client' - -import { Button } from '@/components/button' -import { Checkbox, CheckboxField } from '@/components/checkbox' -import { Dialog, DialogActions, DialogBody, DialogDescription, DialogTitle } from '@/components/dialog' -import { Description, Field, FieldGroup, Label } from '@/components/fieldset' -import { Input } from '@/components/input' -import { Select } from '@/components/select' -import { useState } from 'react' - -export function RefundOrder({ amount, ...props }) { - let [isOpen, setIsOpen] = useState(false) - - return ( - <> - - - - - - ) -} diff --git a/catalyst-ui-kit/demo/javascript/src/app/(app)/orders/page.jsx b/catalyst-ui-kit/demo/javascript/src/app/(app)/orders/page.jsx deleted file mode 100644 index 2a785ee9..00000000 --- a/catalyst-ui-kit/demo/javascript/src/app/(app)/orders/page.jsx +++ /dev/null @@ -1,49 +0,0 @@ -import { Avatar } from '@/components/avatar' -import { Button } from '@/components/button' -import { Heading } from '@/components/heading' -import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/table' -import { getOrders } from '@/data' - -export const metadata = { - title: 'Orders', -} - -export default async function Orders() { - let orders = await getOrders() - - return ( - <> -
- Orders - -
- - - - Order number - Purchase date - Customer - Event - Amount - - - - {orders.map((order) => ( - - {order.id} - {order.date} - {order.customer.name} - -
- - {order.event.name} -
- - US{order.amount.usd} - - ))} - -
- - ) -} diff --git a/catalyst-ui-kit/demo/javascript/src/app/(app)/page.jsx b/catalyst-ui-kit/demo/javascript/src/app/(app)/page.jsx deleted file mode 100644 index 55df6a02..00000000 --- a/catalyst-ui-kit/demo/javascript/src/app/(app)/page.jsx +++ /dev/null @@ -1,61 +0,0 @@ -import { Stat } from '@/app/stat' -import { Avatar } from '@/components/avatar' -import { Heading, Subheading } from '@/components/heading' -import { Select } from '@/components/select' -import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/table' -import { getRecentOrders } from '@/data' - -export default async function Home() { - let orders = await getRecentOrders() - - return ( - <> - Good afternoon, Erica -
- Overview -
- -
-
-
- - - - -
- Recent orders - - - - Order number - Purchase date - Customer - Event - Amount - - - - {orders.map((order) => ( - - {order.id} - {order.date} - {order.customer.name} - -
- - {order.event.name} -
- - US{order.amount.usd} - - ))} - -
- - ) -} diff --git a/catalyst-ui-kit/demo/javascript/src/app/(app)/settings/address.jsx b/catalyst-ui-kit/demo/javascript/src/app/(app)/settings/address.jsx deleted file mode 100644 index 92dd862c..00000000 --- a/catalyst-ui-kit/demo/javascript/src/app/(app)/settings/address.jsx +++ /dev/null @@ -1,48 +0,0 @@ -'use client' - -import { Input } from '@/components/input' -import { Listbox, ListboxLabel, ListboxOption } from '@/components/listbox' -import { getCountries } from '@/data' -import { useState } from 'react' - -export function Address() { - let countries = getCountries() - let [country, setCountry] = useState(countries[0]) - - return ( -
- - - - {country.regions.map((region) => ( - - {region} - - ))} - - - setCountry(country)} - className="col-span-2" - > - {countries.map((country) => ( - - - {country.name} - - ))} - -
- ) -} diff --git a/catalyst-ui-kit/demo/javascript/src/app/(app)/settings/page.jsx b/catalyst-ui-kit/demo/javascript/src/app/(app)/settings/page.jsx deleted file mode 100644 index 400db1ae..00000000 --- a/catalyst-ui-kit/demo/javascript/src/app/(app)/settings/page.jsx +++ /dev/null @@ -1,95 +0,0 @@ -import { Button } from '@/components/button' -import { Checkbox, CheckboxField } from '@/components/checkbox' -import { Divider } from '@/components/divider' -import { Label } from '@/components/fieldset' -import { Heading, Subheading } from '@/components/heading' -import { Input } from '@/components/input' -import { Select } from '@/components/select' -import { Text } from '@/components/text' -import { Textarea } from '@/components/textarea' -import { Address } from './address' - -export const metadata = { - title: 'Settings', -} - -export default function Settings() { - return ( -
- Settings - - -
-
- Organization Name - This will be displayed on your public profile. -
-
- -
-
- - - -
-
- Organization Bio - This will be displayed on your public profile. Maximum 240 characters. -
-
-