gold-on-frontend-common 0.1.0

package/README.md

@@ -0,0 +1,75 @@
+# gold-on-frontend-common
+
+Shared Gold On React components, Tailwind v4 design tokens, and frontend configuration.
+
+## Install
+
+```sh
+npm install gold-on-frontend-common
+```
+
+The package is public. Consuming projects do not need a token or custom `.npmrc`.
+
+## Components and styles
+
+Import the shared stylesheet once in the application's global CSS:
+
+```css
+@import "gold-on-frontend-common/styles.css";
+```
+
+Use the components from the main entry point or a component subpath:
+
+```tsx
+import { Button } from "gold-on-frontend-common";
+import { Card } from "gold-on-frontend-common/components/card";
+```
+
+JavaScript design tokens are available separately:
+
+```ts
+import { colors, tokens } from "gold-on-frontend-common/tokens";
+```
+
+## Shared configuration
+
+Extend the TypeScript configuration:
+
+```json
+{
+  "extends": "gold-on-frontend-common/tsconfig/nextjs.json"
+}
+```
+
+Use the ESLint flat configuration:
+
+```js
+import config from "gold-on-frontend-common/eslint/next-js";
+
+export default config;
+```
+
+The Next.js ESLint entry expects `next` to be installed in the consuming application.
+
+## Publish
+
+1. Update `version` in `package.json`.
+2. Commit and push the change.
+3. Create a GitHub Release, or run the `Publish package` workflow manually.
+
+For the first GitHub Actions publish:
+
+1. Create an npm granular access token with read/write package permission and 2FA bypass enabled.
+2. Add it to the GitHub repository as the Actions secret `NPM_TOKEN`.
+3. Run the `Publish package` workflow.
+
+Consumers never need this token. npm provenance is disabled because npm only supports GitHub
+Actions provenance when the source repository is public.
+
+For a local publish, authenticate with npm and run:
+
+```sh
+npm login
+npm run check
+npm run publish:npm
+```

package/config/eslint/base.mjs

@@ -0,0 +1,13 @@
+export const baseConfig = [
+  {
+    rules: {
+      "@typescript-eslint/no-explicit-any": "off"
+    },
+    settings: {
+      tailwindcss: {
+        callees: ["clsx", "cn", "cva"],
+        classRegex: "^(?:class|className)$"
+      }
+    }
+  }
+];

package/config/eslint/next-js.mjs

@@ -0,0 +1,27 @@
+import nextVitals from "eslint-config-next/core-web-vitals";
+import nextTs from "eslint-config-next/typescript";
+import { defineConfig, globalIgnores } from "eslint/config";
+
+import { baseConfig } from "./base.mjs";
+
+export default defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  ...baseConfig,
+  globalIgnores([
+    "**/.next/**",
+    "**/.turbo/**",
+    "**/out/**",
+    "**/build/**",
+    "**/dist/**",
+    "**/next-env.d.ts"
+  ]),
+  {
+    rules: {
+      "jsx-a11y/anchor-is-valid": [
+        "error",
+        { components: ["Link"], aspects: ["invalidHref", "preferButton"] }
+      ]
+    }
+  }
+]);

package/config/eslint/react-library.mjs

@@ -0,0 +1,10 @@
+import nextTs from "eslint-config-next/typescript";
+import { defineConfig, globalIgnores } from "eslint/config";
+
+import { baseConfig } from "./base.mjs";
+
+export default defineConfig([
+  ...nextTs,
+  ...baseConfig,
+  globalIgnores(["**/.turbo/**", "**/dist/**"])
+]);

package/config/typescript/base.json

@@ -0,0 +1,16 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "compilerOptions": {
+    "allowJs": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "noEmit": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "target": "ES2017"
+  }
+}

package/config/typescript/nextjs.json

@@ -0,0 +1,14 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "allowArbitraryExtensions": true,
+    "incremental": true,
+    "jsx": "react-jsx",
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  }
+}

package/config/typescript/react-library.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "jsx": "react-jsx"
+  }
+}

package/dist/components/accordion.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+import { Accordion as AccordionPrimitive } from "radix-ui";
+declare const accordionVariants: (props?: ({
+    variant?: "default" | "card" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Accordion({ className, variant, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root> & VariantProps<typeof accordionVariants>): React.JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, accordionVariants };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAI3D,QAAA,MAAM,iBAAiB;;8EAUrB,CAAC;AAEH,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,qBAS/F;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,qBAWtD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,qBAyBzD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,qBAiBzD;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/accordion.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { cva } from "class-variance-authority";
+import { Accordion as AccordionPrimitive } from "radix-ui";
+import { cn } from "../lib/utils.js";
+const accordionVariants = cva("flex w-full flex-col", {
+    variants: {
+        variant: {
+            default: "",
+            card: "gap-3 [&>[data-slot=accordion-item]]:rounded-2xl [&>[data-slot=accordion-item]]:border [&>[data-slot=accordion-item]]:border-transparent [&>[data-slot=accordion-item][data-state=open]]:border-border [&>[data-slot=accordion-item][data-state=open]]:bg-card [&>[data-slot=accordion-item][data-state=open]]:shadow-card"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+function Accordion({ className, variant, ...props }) {
+    return (_jsx(AccordionPrimitive.Root, { "data-slot": "accordion", "data-variant": variant ?? "default", className: cn(accordionVariants({ variant, className })), ...props }));
+}
+function AccordionItem({ className, ...props }) {
+    return (_jsx(AccordionPrimitive.Item, { "data-slot": "accordion-item", className: cn("not-last:border-b data-[state=open]:border-b-transparent [[data-variant=card]>&]:px-4", className), ...props }));
+}
+function AccordionTrigger({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Header, { className: "flex", children: _jsxs(AccordionPrimitive.Trigger, { "data-slot": "accordion-trigger", className: cn(
+            // Changed text-left to text-start
+            // Changed ml-auto to ms-auto in the icon target
+            "group/accordion-trigger relative flex flex-1 items-center justify-between rounded-lg border border-transparent py-3 text-start text-sm font-semibold transition-all outline-none hover:text-primary-main focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:after:border-ring disabled:pointer-events-none disabled:opacity-50 **:data-[slot=accordion-trigger-icon]:ms-auto **:data-[slot=accordion-trigger-icon]:size-4 **:data-[slot=accordion-trigger-icon]:text-muted-foreground [[data-variant=card]_&]:min-h-16 [[data-variant=card]_&]:px-2", className), ...props, children: [children, _jsx(ChevronDownIcon, { "data-slot": "accordion-trigger-icon", className: "pointer-events-none shrink-0 group-aria-expanded/accordion-trigger:hidden" }), _jsx(ChevronUpIcon, { "data-slot": "accordion-trigger-icon", className: "pointer-events-none hidden shrink-0 group-aria-expanded/accordion-trigger:inline" })] }) }));
+}
+function AccordionContent({ className, children, ...props }) {
+    return (_jsx(AccordionPrimitive.Content, { "data-slot": "accordion-content", className: "overflow-hidden text-sm data-closed:animate-accordion-up data-open:animate-accordion-down", ...props, children: _jsx("div", { className: cn("h-(--radix-accordion-content-height) pt-0 pb-3 text-ink-secondary [&_a]:underline [&_a]:underline-offset-3 [&_a]:hover:text-foreground [&_p:not(:last-child)]:mb-4 [[data-variant=card]_&]:px-2 [[data-variant=card]_&]:pb-5", className), children: children }) }));
+}
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, accordionVariants };
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../src/components/accordion.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE3D,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,iBAAiB,GAAG,GAAG,CAAC,sBAAsB,EAAE;IACpD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,4TAA4T;SACnU;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;KACnB;CACF,CAAC,CAAC;AAEH,SAAS,SAAS,CAAC,EACjB,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACsF;IAC9F,OAAO,CACL,KAAC,kBAAkB,CAAC,IAAI,iBACZ,WAAW,kBACP,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,KACpD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EAC6C;IACrD,OAAO,CACL,KAAC,kBAAkB,CAAC,IAAI,iBACZ,gBAAgB,EAC1B,SAAS,EAAE,EAAE,CACX,uFAAuF,EACvF,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACgD;IACxD,OAAO,CACL,KAAC,kBAAkB,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM,YACzC,MAAC,kBAAkB,CAAC,OAAO,iBACf,mBAAmB,EAC7B,SAAS,EAAE,EAAE;YACX,kCAAkC;YAClC,gDAAgD;YAChD,0jBAA0jB,EAC1jB,SAAS,CACV,KACG,KAAK,aAER,QAAQ,EACT,KAAC,eAAe,iBACJ,wBAAwB,EAClC,SAAS,EAAC,2EAA2E,GACrF,EACF,KAAC,aAAa,iBACF,wBAAwB,EAClC,SAAS,EAAC,kFAAkF,GAC5F,IACyB,GACH,CAC7B,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACgD;IACxD,OAAO,CACL,KAAC,kBAAkB,CAAC,OAAO,iBACf,mBAAmB,EAC7B,SAAS,EAAC,2FAA2F,KACjG,KAAK,YAET,cACE,SAAS,EAAE,EAAE,CACX,8NAA8N,EAC9N,SAAS,CACV,YAEA,QAAQ,GACL,GACqB,CAC9B,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/alert.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const alertVariants: (props?: ({
+    color?: "info" | "success" | "warning" | "error" | null | undefined;
+    variant?: "soft" | "filled" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ className, color, variant, disabled, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Alert, AlertAction, AlertDescription, AlertTitle, alertVariants };
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;;;8EAyClB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,qBAUlE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQxE;AAED,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/alert.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+const alertVariants = cva("relative flex w-full items-center gap-3 rounded-lg px-4 py-3 text-sm font-medium [&>svg]:size-5 [&>svg]:shrink-0 [&>svg]:fill-current", {
+    variants: {
+        color: {
+            info: "[--alert-icon:var(--color-info-light)] [--alert-light:var(--color-info-lighter)] [--alert-main:var(--color-info-main)] [--alert-text:var(--color-info-dark)]",
+            success: "[--alert-icon:var(--color-success-light)] [--alert-light:var(--color-success-lighter)] [--alert-main:var(--color-success-main)] [--alert-text:var(--color-success-dark)]",
+            warning: "[--alert-icon:var(--color-warning-light)] [--alert-light:var(--color-warning-lighter)] [--alert-main:var(--color-warning-main)] [--alert-text:var(--color-warning-dark)]",
+            error: "[--alert-icon:var(--color-error-light)] [--alert-light:var(--color-error-lighter)] [--alert-main:var(--color-error-main)] [--alert-text:var(--color-error-dark)]"
+        },
+        variant: {
+            soft: "bg-[var(--alert-light)] text-[var(--alert-text)] [&>svg]:fill-[var(--alert-icon)] [&>svg]:stroke-[var(--alert-text)]",
+            filled: "bg-[var(--alert-main)] text-[var(--alert-contrast)] [&>svg]:fill-[var(--alert-contrast)] [&>svg]:stroke-[var(--alert-main)]"
+        },
+        disabled: {
+            true: "pointer-events-none opacity-48",
+            false: ""
+        }
+    },
+    compoundVariants: [
+        {
+            color: ["info", "success", "error"],
+            variant: "filled",
+            className: "[--alert-contrast:#fff]"
+        },
+        {
+            color: "warning",
+            variant: "filled",
+            className: "[--alert-contrast:#151104]"
+        }
+    ],
+    defaultVariants: {
+        color: "info",
+        variant: "soft",
+        disabled: false
+    }
+});
+function Alert({ className, color, variant, disabled, ...props }) {
+    return (_jsx("div", { "data-slot": "alert", role: "alert", "aria-disabled": disabled || undefined, className: cn(alertVariants({ color, variant, disabled, className })), ...props }));
+}
+function AlertTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-title", className: cn("min-w-0 flex-1 font-semibold", className), ...props }));
+}
+function AlertDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-description", className: cn("min-w-0 flex-1 leading-relaxed", className), ...props }));
+}
+function AlertAction({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-action", className: cn("ms-auto flex shrink-0 items-center", className), ...props }));
+}
+export { Alert, AlertAction, AlertDescription, AlertTitle, alertVariants };
+//# sourceMappingURL=alert.js.map

package/dist/components/alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,aAAa,GAAG,GAAG,CACvB,uIAAuI,EACvI;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,IAAI,EAAE,8JAA8J;YACpK,OAAO,EACL,0KAA0K;YAC5K,OAAO,EACL,0KAA0K;YAC5K,KAAK,EACH,kKAAkK;SACrK;QACD,OAAO,EAAE;YACP,IAAI,EAAE,sHAAsH;YAC5H,MAAM,EACJ,6HAA6H;SAChI;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,gCAAgC;YACtC,KAAK,EAAE,EAAE;SACV;KACF;IACD,gBAAgB,EAAE;QAChB;YACE,KAAK,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,OAAO,CAAC;YACnC,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,yBAAyB;SACrC;QACD;YACE,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,QAAQ;YACjB,SAAS,EAAE,4BAA4B;SACxC;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,KAAK;KAChB;CACF,CACF,CAAC;AAEF,SAAS,KAAK,CAAC,EACb,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,EACR,GAAG,KAAK,EACyD;IACjE,OAAO,CACL,2BACY,OAAO,EACjB,IAAI,EAAC,OAAO,mBACG,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,KACjE,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACtE,OAAO,CACL,2BACY,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,8BAA8B,EAAE,SAAS,CAAC,KACpD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IAC5E,OAAO,CACL,2BACY,mBAAmB,EAC7B,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACL,2BACY,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/avatar.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+declare const avatarVariants: (props?: ({
+    shape?: "circle" | "rounded" | "square" | null | undefined;
+    size?: "default" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Avatar({ className, shape, size, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root> & VariantProps<typeof avatarVariants>): React.JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
+export { Avatar, AvatarFallback, AvatarImage, avatarVariants };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAIrD,QAAA,MAAM,cAAc;;;8EAsBlB,CAAC;AAEH,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,KAAK,EACL,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,qBAQzF;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,qBAQ/F;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,qBAWvD;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/avatar.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { Avatar as AvatarPrimitive } from "radix-ui";
+import { cn } from "../lib/utils.js";
+const avatarVariants = cva("relative flex shrink-0 overflow-hidden bg-muted", {
+    variants: {
+        shape: {
+            circle: "rounded-full",
+            rounded: "rounded-xl",
+            square: "rounded-none"
+        },
+        size: {
+            xs: "size-6",
+            sm: "size-8",
+            default: "size-10",
+            md: "size-12",
+            lg: "size-16",
+            xl: "size-20",
+            "2xl": "size-24",
+            "3xl": "size-32"
+        }
+    },
+    defaultVariants: {
+        shape: "circle",
+        size: "default"
+    }
+});
+function Avatar({ className, shape, size, ...props }) {
+    return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", className: cn(avatarVariants({ shape, size, className })), ...props }));
+}
+function AvatarImage({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn("aspect-square size-full object-cover", className), ...props }));
+}
+function AvatarFallback({ className, ...props }) {
+    return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn("flex size-full items-center justify-center bg-primary-lighter font-semibold text-primary-main", className), ...props }));
+}
+export { Avatar, AvatarFallback, AvatarImage, avatarVariants };
+//# sourceMappingURL=avatar.js.map

package/dist/components/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../src/components/avatar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,cAAc,GAAG,GAAG,CAAC,iDAAiD,EAAE;IAC5E,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,MAAM,EAAE,cAAc;YACtB,OAAO,EAAE,YAAY;YACrB,MAAM,EAAE,cAAc;SACvB;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,QAAQ;YACZ,EAAE,EAAE,QAAQ;YACZ,OAAO,EAAE,SAAS;YAClB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS;SACjB;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CAAC,CAAC;AAEH,SAAS,MAAM,CAAC,EACd,SAAS,EACT,KAAK,EACL,IAAI,EACJ,GAAG,KAAK,EACgF;IACxF,OAAO,CACL,KAAC,eAAe,CAAC,IAAI,iBACT,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KACrD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAsD;IAC9F,OAAO,CACL,KAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,sCAAsC,EAAE,SAAS,CAAC,KAC5D,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EAC8C;IACtD,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,iBACb,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,+FAA+F,EAC/F,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/badge.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const badgeVariants: (props?: ({
+    color?: "info" | "success" | "warning" | "error" | "neutral" | "primary" | "secondary" | null | undefined;
+    variant?: "default" | "soft" | "outline" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, color, variant, size, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;;;8EAmClB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC7B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,qBAUF;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/badge.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+const badgeVariants = cva("inline-flex w-fit shrink-0 items-center justify-center gap-1 font-medium whitespace-nowrap transition-colors disabled:pointer-events-none disabled:opacity-48 [&>svg]:size-3.5 [&>svg]:shrink-0", {
+    variants: {
+        color: {
+            neutral: "[--badge-contrast:#fff] [--badge-main:var(--color-primary-darker)] [--badge-text:var(--color-primary-darker)]",
+            primary: "[--badge-contrast:#fff] [--badge-main:var(--color-primary-main)] [--badge-text:var(--color-primary-main)]",
+            secondary: "[--badge-contrast:#151104] [--badge-main:var(--color-secondary-main)] [--badge-text:var(--color-secondary-main)]",
+            info: "[--badge-contrast:#fff] [--badge-main:var(--color-info-main)] [--badge-text:var(--color-info-main)]",
+            success: "[--badge-contrast:#fff] [--badge-main:var(--color-success-main)] [--badge-text:var(--color-success-main)]",
+            warning: "[--badge-contrast:#151104] [--badge-main:var(--color-warning-main)] [--badge-text:var(--color-warning-main)]",
+            error: "[--badge-contrast:#fff] [--badge-main:var(--color-error-main)] [--badge-text:var(--color-error-main)]"
+        },
+        variant: {
+            default: "bg-[var(--badge-main)] text-[var(--badge-contrast)]",
+            outline: "border border-[var(--badge-main)] bg-transparent text-[var(--badge-text)]",
+            soft: "bg-[color-mix(in_srgb,var(--badge-main)_24%,transparent)] text-[var(--badge-text)]"
+        },
+        size: {
+            sm: "h-6 rounded-md px-2 text-xs",
+            default: "h-8 rounded-lg px-3 text-sm"
+        }
+    },
+    defaultVariants: {
+        color: "neutral",
+        variant: "default",
+        size: "default"
+    }
+});
+function Badge({ className, color, variant, size, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "span";
+    return (_jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ color, variant, size, className })), ...props }));
+}
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,aAAa,GAAG,GAAG,CACvB,iMAAiM,EACjM;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EACL,+GAA+G;YACjH,OAAO,EACL,2GAA2G;YAC7G,SAAS,EACP,kHAAkH;YACpH,IAAI,EAAE,qGAAqG;YAC3G,OAAO,EACL,2GAA2G;YAC7G,OAAO,EACL,8GAA8G;YAChH,KAAK,EACH,uGAAuG;SAC1G;QACD,OAAO,EAAE;YACP,OAAO,EAAE,qDAAqD;YAC9D,OAAO,EAAE,2EAA2E;YACpF,IAAI,EAAE,oFAAoF;SAC3F;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,6BAA6B;YACjC,OAAO,EAAE,6BAA6B;SACvC;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAEF,SAAS,KAAK,CAAC,EACb,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EAIP;IACD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAErC,OAAO,CACL,KAAC,IAAI,iBACO,OAAO,EACjB,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KAC7D,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/breadcrumb.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): React.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/components/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAE5D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQ1E;AAED,iBAAS,cAAc,CAAC,EACtB,OAAe,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,qBAUnD;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAW5E;AAED,iBAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAYzF;AAED,iBAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,qBAahF;AAED,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACpB,CAAC"}

package/dist/components/breadcrumb.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import { Slot } from "@radix-ui/react-slot";
+import { cn } from "../lib/utils.js";
+function Breadcrumb({ ...props }) {
+    return _jsx("nav", { "data-slot": "breadcrumb", "aria-label": "breadcrumb", ...props });
+}
+function BreadcrumbList({ className, ...props }) {
+    return (_jsx("ol", { "data-slot": "breadcrumb-list", className: cn("flex flex-wrap items-center gap-2 text-sm text-ink-secondary sm:gap-2.5", className), ...props }));
+}
+function BreadcrumbItem({ className, ...props }) {
+    return (_jsx("li", { "data-slot": "breadcrumb-item", className: cn("inline-flex items-center gap-2", className), ...props }));
+}
+function BreadcrumbLink({ asChild = false, className, ...props }) {
+    const Comp = asChild ? Slot : "a";
+    return (_jsx(Comp, { "data-slot": "breadcrumb-link", className: cn("text-ink-primary transition-colors hover:text-primary-main", className), ...props }));
+}
+function BreadcrumbPage({ className, ...props }) {
+    return (_jsx("span", { "data-slot": "breadcrumb-page", role: "link", "aria-current": "page", "aria-disabled": "true", className: cn("font-medium text-ink-secondary", className), ...props }));
+}
+function BreadcrumbSeparator({ children, className, ...props }) {
+    return (_jsx("li", { "data-slot": "breadcrumb-separator", role: "presentation", "aria-hidden": "true", className: cn("text-ink-disabled [&>svg]:size-3.5 rtl:[&>svg]:rotate-180", className), ...props, children: children ?? _jsx(ChevronRightIcon, {}) }));
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+    return (_jsxs("span", { "data-slot": "breadcrumb-ellipsis", role: "presentation", "aria-hidden": "true", className: cn("flex size-8 items-center justify-center", className), ...props, children: [_jsx(MoreHorizontalIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "More" })] }));
+}
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.js.map

package/dist/components/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../src/components/breadcrumb.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,SAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAA+B;IAC3D,OAAO,2BAAe,YAAY,gBAAY,YAAY,KAAK,KAAK,GAAI,CAAC;AAC3E,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B;IACzE,OAAO,CACL,0BACY,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACX,yEAAyE,EACzE,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B;IACzE,OAAO,CACL,0BACY,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,OAAO,GAAG,KAAK,EACf,SAAS,EACT,GAAG,KAAK,EAC0C;IAClD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAElC,OAAO,CACL,KAAC,IAAI,iBACO,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CAAC,4DAA4D,EAAE,SAAS,CAAC,KAClF,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC3E,OAAO,CACL,4BACY,iBAAiB,EAC3B,IAAI,EAAC,MAAM,kBACE,MAAM,mBACL,MAAM,EACpB,SAAS,EAAE,EAAE,CAAC,gCAAgC,EAAE,SAAS,CAAC,KACtD,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,SAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAA8B;IACxF,OAAO,CACL,0BACY,sBAAsB,EAChC,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,2DAA2D,EAAE,SAAS,CAAC,KACjF,KAAK,YAER,QAAQ,IAAI,KAAC,gBAAgB,KAAG,GAC9B,CACN,CAAC;AACJ,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgC;IAC/E,OAAO,CACL,6BACY,qBAAqB,EAC/B,IAAI,EAAC,cAAc,iBACP,MAAM,EAClB,SAAS,EAAE,EAAE,CAAC,yCAAyC,EAAE,SAAS,CAAC,KAC/D,KAAK,aAET,KAAC,kBAAkB,IAAC,SAAS,EAAC,QAAQ,GAAG,EACzC,eAAM,SAAS,EAAC,SAAS,qBAAY,IAChC,CACR,CAAC;AACJ,CAAC;AAED,OAAO,EACL,UAAU,EACV,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACpB,CAAC"}

package/dist/components/button-group.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonGroupVariants: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function ButtonGroup({ className, orientation, size, role, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): React.JSX.Element;
+export { ButtonGroup, buttonGroupVariants };
+//# sourceMappingURL=button-group.d.ts.map

package/dist/components/button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../src/components/button-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,mBAAmB;;;8EAsBxB,CAAC;AAEF,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAW,EACX,IAAI,EACJ,IAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,qBAUxE;AAED,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/button-group.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+const buttonGroupVariants = cva("inline-flex w-fit rounded-lg [&>[data-slot=button]]:rounded-none [&>[data-slot=button]]:shadow-none", {
+    variants: {
+        orientation: {
+            horizontal: "flex-row [&>[data-slot=button]+[data-slot=button]:not([data-variant=outline])]:border-s [&>[data-slot=button]+[data-slot=button]:not([data-variant=outline])]:border-s-black/15 [&>[data-slot=button]+[data-slot=button][data-variant=outline]]:-ms-px [&>[data-slot=button]:first-child]:rounded-s-lg [&>[data-slot=button]:last-child]:rounded-e-lg",
+            vertical: "flex-col [&>[data-slot=button]+[data-slot=button]:not([data-variant=outline])]:border-t [&>[data-slot=button]+[data-slot=button]:not([data-variant=outline])]:border-t-black/15 [&>[data-slot=button]+[data-slot=button][data-variant=outline]]:-mt-px [&>[data-slot=button]:first-child]:rounded-t-lg [&>[data-slot=button]:last-child]:rounded-b-lg"
+        },
+        size: {
+            sm: "[&>[data-slot=button]]:h-[30px] [&>[data-slot=button]]:px-3 [&>[data-slot=button]]:text-[13px]",
+            default: "[&>[data-slot=button]]:h-9 [&>[data-slot=button]]:px-4 [&>[data-slot=button]]:text-sm",
+            lg: "[&>[data-slot=button]]:h-12 [&>[data-slot=button]]:px-5 [&>[data-slot=button]]:text-base"
+        }
+    },
+    defaultVariants: {
+        orientation: "horizontal",
+        size: "default"
+    }
+});
+function ButtonGroup({ className, orientation, size, role = "group", ...props }) {
+    return (_jsx("div", { "data-slot": "button-group", "data-orientation": orientation, role: role, className: cn(buttonGroupVariants({ orientation, size, className })), ...props }));
+}
+export { ButtonGroup, buttonGroupVariants };
+//# sourceMappingURL=button-group.js.map

package/dist/components/button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../src/components/button-group.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,mBAAmB,GAAG,GAAG,CAC7B,qGAAqG,EACrG;IACE,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,UAAU,EACR,uVAAuV;YACzV,QAAQ,EACN,uVAAuV;SAC1V;QACD,IAAI,EAAE;YACJ,EAAE,EAAE,gGAAgG;YACpG,OAAO,EACL,uFAAuF;YACzF,EAAE,EAAE,0FAA0F;SAC/F;KACF;IACD,eAAe,EAAE;QACf,WAAW,EAAE,YAAY;QACzB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAEF,SAAS,WAAW,CAAC,EACnB,SAAS,EACT,WAAW,EACX,IAAI,EACJ,IAAI,GAAG,OAAO,EACd,GAAG,KAAK,EAC+D;IACvE,OAAO,CACL,2BACY,cAAc,sBACN,WAAW,EAC7B,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KAChE,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/button.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    color?: "info" | "success" | "warning" | "error" | "primary" | "secondary" | null | undefined;
+    variant?: "default" | "link" | "text" | "soft" | "outline" | "contained" | "outlined" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, color, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

package/dist/components/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AASlE,QAAA,MAAM,cAAc;;;;8EAkDnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,qBAWF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/button.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+const luxuryButtonEffect = "relative isolate overflow-hidden duration-700 ease-out hover:z-10 hover:scale-[1.02] " +
+    "before:pointer-events-none before:absolute before:inset-0 before:-translate-x-full before:bg-linear-to-r before:from-transparent before:via-white/20 before:to-transparent before:content-[''] before:transition-transform before:duration-[1.2s] before:ease-in-out hover:before:translate-x-full " +
+    "disabled:hover:scale-100 disabled:hover:before:-translate-x-full";
+const buttonVariants = cva(cn("inline-flex shrink-0 items-center justify-center gap-2 rounded-lg font-semibold whitespace-nowrap transition-[background-color,border-color,color,box-shadow,transform] outline-none focus-visible:ring-[3px] focus-visible:ring-[color-mix(in_srgb,var(--button-main)_24%,transparent)] disabled:pointer-events-none disabled:border-action-active/24 disabled:bg-action-active/24 disabled:text-action-active/80 disabled:shadow-none aria-invalid:border-error-main aria-invalid:ring-error-main/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", luxuryButtonEffect), {
+    variants: {
+        color: {
+            primary: "[--button-contrast:#fff] [--button-dark:var(--color-primary-dark)] [--button-main:var(--color-primary-main)]",
+            secondary: "[--button-contrast:#151104] [--button-dark:var(--color-secondary-dark)] [--button-main:var(--color-secondary-main)]",
+            info: "[--button-contrast:#fff] [--button-dark:var(--color-info-dark)] [--button-main:var(--color-info-main)]",
+            success: "[--button-contrast:#fff] [--button-dark:var(--color-success-dark)] [--button-main:var(--color-success-main)]",
+            warning: "[--button-contrast:#151104] [--button-dark:var(--color-warning-dark)] [--button-main:var(--color-warning-main)]",
+            error: "[--button-contrast:#fff] [--button-dark:var(--color-error-dark)] [--button-main:var(--color-error-main)]"
+        },
+        variant: {
+            default: "bg-[var(--button-main)] text-[var(--button-contrast)] hover:bg-[var(--button-dark)] hover:shadow-[0_8px_16px_color-mix(in_srgb,var(--button-main)_32%,transparent)]",
+            contained: "bg-[var(--button-main)] text-[var(--button-contrast)] hover:bg-[var(--button-dark)] hover:shadow-[0_8px_16px_color-mix(in_srgb,var(--button-main)_32%,transparent)]",
+            outlined: "border border-[var(--button-main)] bg-transparent text-[var(--button-main)] hover:bg-[color-mix(in_srgb,var(--button-main)_8%,transparent)]",
+            text: "bg-transparent text-[var(--button-main)] hover:bg-[color-mix(in_srgb,var(--button-main)_8%,transparent)]",
+            soft: "bg-[color-mix(in_srgb,var(--button-main)_16%,transparent)] text-[var(--button-main)] hover:bg-[color-mix(in_srgb,var(--button-main)_24%,transparent)]",
+            outline: "border border-[var(--button-main)] bg-transparent text-[var(--button-main)] hover:bg-[color-mix(in_srgb,var(--button-main)_8%,transparent)]",
+            ghost: "bg-transparent text-[var(--button-main)] hover:bg-[color-mix(in_srgb,var(--button-main)_8%,transparent)]",
+            link: "h-auto bg-transparent p-0 text-[var(--button-main)] underline-offset-4 hover:underline"
+        },
+        size: {
+            default: "h-9 px-4 text-sm has-[>svg]:px-3",
+            sm: "h-[30px] gap-1.5 px-3 text-[13px] has-[>svg]:px-2.5",
+            lg: "h-12 px-5 text-base has-[>svg]:px-4",
+            icon: "size-9",
+            "icon-sm": "size-[30px]",
+            "icon-lg": "size-12"
+        }
+    },
+    defaultVariants: {
+        color: "primary",
+        variant: "default",
+        size: "default"
+    }
+});
+function Button({ className, color, variant, size, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "button";
+    return (_jsx(Comp, { "data-slot": "button", "data-variant": variant ?? "default", className: cn(buttonVariants({ color, variant, size, className })), ...props }));
+}
+export { Button, buttonVariants };
+//# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,kBAAkB,GACtB,uFAAuF;IACvF,qSAAqS;IACrS,kEAAkE,CAAC;AAErE,MAAM,cAAc,GAAG,GAAG,CACxB,EAAE,CACA,0jBAA0jB,EAC1jB,kBAAkB,CACnB,EACD;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EACL,8GAA8G;YAChH,SAAS,EACP,qHAAqH;YACvH,IAAI,EAAE,wGAAwG;YAC9G,OAAO,EACL,8GAA8G;YAChH,OAAO,EACL,iHAAiH;YACnH,KAAK,EACH,0GAA0G;SAC7G;QACD,OAAO,EAAE;YACP,OAAO,EACL,qKAAqK;YACvK,SAAS,EACP,qKAAqK;YACvK,QAAQ,EACN,6IAA6I;YAC/I,IAAI,EAAE,0GAA0G;YAChH,IAAI,EAAE,uJAAuJ;YAC7J,OAAO,EACL,6IAA6I;YAC/I,KAAK,EACH,0GAA0G;YAC5G,IAAI,EAAE,wFAAwF;SAC/F;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,kCAAkC;YAC3C,EAAE,EAAE,qDAAqD;YACzD,EAAE,EAAE,qCAAqC;YACzC,IAAI,EAAE,QAAQ;YACd,SAAS,EAAE,aAAa;YACxB,SAAS,EAAE,SAAS;SACrB;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAEF,SAAS,MAAM,CAAC,EACd,SAAS,EACT,KAAK,EACL,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EAIP;IACD,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEvC,OAAO,CACL,KAAC,IAAI,iBACO,QAAQ,kBACJ,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,KAC9D,KAAK,GACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}