@xploreu/components 0.1.0

package/dist/chunk-NLAZFIHF.js

@@ -0,0 +1,293 @@
+import 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { Loader2 } from 'lucide-react';
+import { cn } from '@xploreu/lib/cn';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var buttonVariants = cva(
+  cn(
+    "group relative inline-flex h-max w-fit cursor-pointer items-center justify-center whitespace-nowrap outline-brand transition duration-100 ease-linear before:absolute focus-visible:outline-2 focus-visible:outline-offset-2 rounded-xp-buttons [&_svg]:shrink-0",
+    // Disabled styles
+    "disabled:cursor-not-allowed"
+  ),
+  {
+    variants: {
+      color: {
+        default: "focus-visible:outline-focus-ring",
+        destructive: "focus-visible:outline-focus-ring-error",
+        "gradient-ai": "focus-visible:outline-focus-ring",
+        "linear-green": "focus-visible:outline-focus-ring-success",
+        "linear-overlay": "focus-visible:outline-focus-ring",
+        "linear-destructive": "focus-visible:outline-focus-ring-error"
+      },
+      variant: {
+        primary: "shadow-xp-xs-skeumorphic before:rounded-lg before:absolute before:inset-0 before:border-2 before:border-white/12 before:mask-b-from-0% after:absolute after:inset-0 after:rounded-xp-buttons hover:after:bg-alpha-gray-20 after:bg-transparent after:transition-colors disabled:text-fg-disabled disabled:bg-none disabled:bg-[#F5F5F5] disabled:hover:after:bg-transparent disabled:shadow-xp-xs disabled:before:border-border-disabled disabled:before:mask-none disabled:before:border",
+        secondary: "shadow-xp-xs-skeumorphic border disabled:bg-bg-disabled disabled:text-fg-disabled disabled:[&_svg]:text-fg-disabled-subtle disabled:border-border-disabled disabled:shadow-xp-xs disabled:hover:text-fg-disabled disabled:hover:[&_svg]:text-fg-disabled-subtle",
+        "secondary-accent": "disabled:border-border-disabled disabled:bg-bg-disabled disabled:text-fg-disabled",
+        tertiary: "disabled:bg-bg-disabled disabled:text-fg-disabled disabled:[&_svg]:text-bg-disabled",
+        "tertiary-accent": "disabled:bg-bg-disabled disabled:text-fg-disabled disabled:[&_svg]:text-fg-disabled-subtle",
+        link: "underline decoration-transparent hover:decoration-inherit transition-colors disabled:bg-bg-disabled disabled:text-fg-disabled disabled:[&_svg]:text-fg-disabled-subtle disabled:hover:no-underline"
+      },
+      icon: {
+        true: void 0,
+        false: void 0
+      },
+      size: {
+        sm: "text-label-semibold-3 px-xp-lg gap-xp-sm h-9 data-[icon]:size-9 data-[variant=link]:h-5 data-[variant=link]:px-0 [&_svg]:size-5",
+        md: "text-label-semibold-3 px-3.5 gap-xp-sm h-10 data-[icon]:size-10 data-[variant=link]:h-5 data-[variant=link]:px-0 [&_svg]:size-5",
+        lg: "text-label-semibold-2 px-xp-xl gap-xp-md h-11 data-[icon]:size-11 data-[variant=link]:h-[22px] data-[variant=link]:px-0 [&_svg]:size-5",
+        xl: "text-label-semibold-2 px-4.5 gap-xp-md h-12 data-[icon]:size-12 data-[variant=link]:h-[22px] data-[variant=link]:px-0 [&_svg]:size-5"
+      }
+    },
+    compoundVariants: [
+      // Default Color Variants
+      {
+        variant: "primary",
+        color: "default",
+        className: "bg-gradient-buttons-gradient-blue text-text-primary-on-brand"
+      },
+      {
+        variant: "secondary",
+        color: "default",
+        className: "bg-bg-primary text-text-secondary [&_svg]:text-text-quaternary border-border-primary hover:bg-bg-primary-hover hover:text-text-secondary-hover [&_svg]:hover:text-text-quaternary-hover"
+      },
+      {
+        variant: "secondary-accent",
+        color: "default",
+        className: "border border-border-brand text-fg-brand-primary hover:bg-bg-brand-primary"
+      },
+      {
+        variant: "tertiary",
+        color: "default",
+        className: "text-text-tertiary [&_svg]:text-fg-quaternary hover:bg-bg-primary-hover hover:text-text-tertiary-hover [&_svg]:hover:text-fg-quaternary-hover"
+      },
+      {
+        variant: "tertiary-accent",
+        color: "default",
+        className: "bg-bg-brand-primary text-text-brand-tertiary [&_svg]:text-fg-brand-secondary hover:bg-bg-brand-secondary hover:text-text-brand-tertiary hover:[&_svg]:text-fg-brand-secondary-hover"
+      },
+      {
+        variant: "link",
+        color: "default",
+        className: "text-text-brand-secondary [&_svg]:text-fg-brand-secondary-alt hover:text-text-brand-secondary-hover [&_svg]:hover:text-fg-brand-secondary-hover"
+      },
+      // Destructive Color Variants
+      {
+        variant: "primary",
+        color: "destructive",
+        className: "bg-bg-error-solid text-text-primary-on-brand"
+      },
+      {
+        variant: "secondary",
+        color: "destructive",
+        className: "bg-bg-primary text-text-error-primary [&_svg]:text-fg-error-secondary border-border-error-subtle hover:bg-bg-error-primary hover:text-text-error-primary-hover [&_svg]:hover:text-fg-error-primary"
+      },
+      {
+        // Not existing in design system yet
+        variant: "secondary-accent",
+        color: "destructive",
+        className: "border border-border-error text-fg-error-primary hover:bg-bg-error-primary"
+      },
+      {
+        variant: "tertiary",
+        color: "destructive",
+        className: "text-text-error-primary [&_svg]:text-fg-error-secondary hover:bg-bg-error-primary hover:text-text-error-primary-hover [&_svg]:hover:text-fg-error-primary"
+      },
+      {
+        // Not existing in design system yet
+        variant: "tertiary-accent",
+        color: "destructive",
+        className: "bg-bg-error-primary text-text-error-tertiary [&_svg]:text-fg-error-secondary hover:bg-bg-error-secondary hover:text-text-error-tertiary hover:[&_svg]:text-fg-error-secondary-hover"
+      },
+      {
+        variant: "link",
+        color: "destructive",
+        className: "text-text-error-secondary [&_svg]:text-fg-error-secondary hover:text-text-error-primary-hover [&_svg]:hover:text-fg-error-primary"
+      },
+      // Gradient AI
+      {
+        variant: "primary",
+        color: "gradient-ai",
+        className: "bg-gradient-buttons-button-ai text-text-primary-on-brand"
+      },
+      {
+        variant: "secondary",
+        color: "gradient-ai",
+        className: "relative shadow-transparent border-transparent hover:bg-bg-primary bg-[linear-gradient(90deg,var(--color-bg-primary),var(--color-bg-primary)),var(--gradient-buttons-button-ai)] [background-clip:padding-box,border-box] [background-origin:padding-box,border-box] [&>span]:bg-gradient-buttons-button-ai [&>span]:bg-clip-text [&>span]:text-transparent after:absolute after:inset-0 after:rounded-md hover:after:bg-gradient-buttons-button-ai hover:after:opacity-10 disabled:hover:after:bg-transparent disabled:after:opacity-0 disabled:[&>span]:bg-none disabled:[&>span]:text-fg-disabled"
+      },
+      {
+        // Not existing in design system yet
+        variant: "secondary-accent",
+        color: "gradient-ai",
+        className: "border border-border-brand text-fg-brand-primary hover:bg-bg-brand-primary"
+      },
+      {
+        variant: "tertiary",
+        color: "gradient-ai",
+        className: "relative [&>span]:bg-gradient-buttons-button-ai [&>span]:bg-clip-text [&>span]:text-transparent after:absolute after:inset-0 after:rounded-md hover:after:bg-gradient-buttons-button-ai hover:after:opacity-10 disabled:hover:after:bg-transparent disabled:after:opacity-0 disabled:[&>span]:bg-none disabled:[&>span]:text-fg-disabled"
+      },
+      {
+        // Not existing in design system yet
+        variant: "tertiary-accent",
+        color: "gradient-ai",
+        className: "bg-bg-brand-primary text-text-brand-tertiary [&_svg]:text-fg-brand-secondary hover:bg-bg-brand-secondary hover:text-text-brand-tertiary hover:[&_svg]:text-fg-brand-secondary-hover"
+      },
+      {
+        // Not existing in design system yet
+        variant: "link",
+        color: "gradient-ai",
+        className: "text-text-brand-secondary [&_svg]:text-fg-brand-secondary-alt hover:text-text-brand-secondary-hover [&_svg]:hover:text-fg-brand-secondary-hover"
+      },
+      // Linear Green Color Variants
+      {
+        variant: "primary",
+        color: "linear-green",
+        className: "bg-gradient-buttons-gradient-green text-text-primary-on-brand"
+      },
+      {
+        variant: "secondary",
+        color: "linear-green",
+        className: "bg-bg-primary text-text-secondary [&_svg]:text-green-500 border-border-primary hover:text-text-secondary-hover [&_svg]:hover:text-green-900"
+      },
+      {
+        // Not existing in design system yet
+        variant: "secondary-accent",
+        color: "linear-green",
+        className: "border border-border-primary text-fg-primary hover:bg-bg-primary"
+      },
+      {
+        variant: "tertiary",
+        color: "linear-green",
+        className: "text-text-success-primary [&_svg]:text-green-500 hover:bg-bg-success-primary [&_svg]:hover:text-green-900"
+      },
+      {
+        // Not existing in design system yet
+        variant: "tertiary-accent",
+        color: "linear-green",
+        className: "bg-bg-success-primary text-text-success-tertiary [&_svg]:text-fg-success-secondary hover:bg-bg-success-secondary hover:text-text-success-tertiary hover:[&_svg]:text-fg-success-secondary-hover"
+      },
+      {
+        // Not existing in design system yet
+        variant: "link",
+        color: "linear-green",
+        className: "text-text-success-secondary [&_svg]:text-fg-success-secondary hover:text-text-success-primary-hover [&_svg]:hover:text-fg-success-primary"
+      },
+      // Linear Overlay Color Variants
+      {
+        variant: "primary",
+        color: "linear-overlay",
+        className: "relative bg-bg-brand-solid text-text-primary-on-brand [&_svg]:text-button-primary-icon hover:[&_svg]:text-button-primary-icon-hover after:absolute after:inset-0 after:rounded-xp-buttons after:bg-gradient-skuemorphic-gradient-border after:hover:bg-gradient-skuemorphic-gradient-border"
+      },
+      {
+        variant: "secondary",
+        color: "linear-overlay",
+        className: "bg-bg-brand-solid-hover text-text-secondary [&_svg]:text-fg-quaternary border-border-primary hover:bg-bg-primary-hover hover:text-text-secondary-hover [&_svg]:hover:text-text-quaternary-hover"
+      },
+      {
+        variant: "secondary-accent",
+        color: "linear-overlay",
+        className: "border border-border-brand text-fg-brand-primary hover:bg-bg-brand-primary"
+      },
+      {
+        variant: "tertiary",
+        color: "linear-overlay",
+        className: "text-text-tertiary [&_svg]:text-fg-quaternary hover:bg-bg-primary-hover hover:text-text-tertiary-hover [&_svg]:hover:text-fg-quaternary-hover"
+      },
+      {
+        variant: "tertiary-accent",
+        color: "linear-overlay",
+        className: "bg-bg-brand-primary text-text-brand-tertiary [&_svg]:text-fg-brand-secondary hover:bg-bg-brand-secondary hover:text-text-brand-tertiary hover:[&_svg]:text-fg-brand-secondary-hover"
+      },
+      {
+        variant: "link",
+        color: "linear-overlay",
+        className: "text-text-brand-secondary [&_svg]:text-fg-brand-secondary-alt hover:text-text-brand-secondary-hover [&_svg]:hover:text-fg-brand-secondary-hover"
+      },
+      // Linear Destructive Color Variants
+      {
+        variant: "primary",
+        color: "linear-destructive",
+        className: "relative bg-bg-error-solid text-text-primary-on-brand [&_svg]:text-button-destructive-primary-icon hover:[&_svg]:text-button-destructive-primary-icon-hover after:absolute after:inset-0 after:rounded-xp-buttons after:bg-gradient-skuemorphic-gradient-border after:hover:bg-gradient-skuemorphic-gradient-border"
+      },
+      {
+        variant: "secondary",
+        color: "linear-destructive",
+        className: "bg-bg-error-solid-hover text-text-secondary [&_svg]:text-fg-quaternary border-border-primary hover:bg-bg-primary-hover hover:text-text-secondary-hover [&_svg]:hover:text-text-quaternary-hover"
+      },
+      {
+        // Not existing in design system yet
+        variant: "secondary-accent",
+        color: "linear-destructive",
+        className: "border border-border-error text-fg-error-primary hover:bg-bg-error-primary"
+      },
+      {
+        variant: "tertiary",
+        color: "linear-destructive",
+        className: "text-text-error-primary [&_svg]:text-fg-error-secondary hover:bg-bg-error-primary hover:text-text-tertiary-hover [&_svg]:hover:text-fg-error-secondary"
+      },
+      {
+        // Not existing in design system yet
+        variant: "tertiary-accent",
+        color: "linear-destructive",
+        className: "bg-bg-error-primary text-text-error-tertiary [&_svg]:text-fg-error-secondary hover:bg-bg-error-secondary hover:text-text-error-tertiary hover:[&_svg]:text-fg-error-secondary-hover"
+      },
+      {
+        variant: "link",
+        color: "linear-destructive",
+        className: "text-text-error-primary [&_svg]:text-fg-error-secondary hover:text-text-error-primary-hover [&_svg]:hover:text-fg-error-primary"
+      }
+    ],
+    defaultVariants: {
+      variant: "primary",
+      color: "default",
+      size: "sm"
+    }
+  }
+);
+function Button({
+  className,
+  color,
+  variant,
+  size,
+  asChild = false,
+  loading = false,
+  children,
+  disabled,
+  icon,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "button";
+  if (loading) {
+    return /* @__PURE__ */ jsxs(
+      Comp,
+      {
+        className: cn(buttonVariants({ color, variant, size, className })),
+        "data-icon": icon ? "" : void 0,
+        "data-slot": "button",
+        disabled: true,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading..." })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      className: cn(buttonVariants({ color, variant, size, className })),
+      "data-icon": icon ? "" : void 0,
+      "data-slot": "button",
+      "data-variant": variant,
+      disabled,
+      ...props,
+      children
+    }
+  );
+}
+
+export { Button, buttonVariants };
+//# sourceMappingURL=chunk-NLAZFIHF.js.map
+//# sourceMappingURL=chunk-NLAZFIHF.js.map

package/dist/chunk-NLAZFIHF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/button.tsx"],"names":[],"mappings":"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","file":"chunk-NLAZFIHF.js","sourcesContent":["import * as React from \"react\"\n\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Loader2 } from \"lucide-react\"\n\nimport { cn } from \"@xploreu/lib/cn\"\n\nconst buttonVariants = cva(\n  cn(\n    \"group relative inline-flex h-max w-fit cursor-pointer items-center justify-center whitespace-nowrap outline-brand transition duration-100 ease-linear before:absolute focus-visible:outline-2 focus-visible:outline-offset-2 rounded-xp-buttons [&_svg]:shrink-0\",\n    // Disabled styles\n    \"disabled:cursor-not-allowed\",\n  ),\n  {\n    variants: {\n      color: {\n        default: \"focus-visible:outline-focus-ring\",\n        destructive: \"focus-visible:outline-focus-ring-error\",\n        \"gradient-ai\": \"focus-visible:outline-focus-ring\",\n        \"linear-green\": \"focus-visible:outline-focus-ring-success\",\n        \"linear-overlay\": \"focus-visible:outline-focus-ring\",\n        \"linear-destructive\": \"focus-visible:outline-focus-ring-error\",\n      },\n      variant: {\n        primary: \"shadow-xp-xs-skeumorphic before:rounded-lg before:absolute before:inset-0 before:border-2 before:border-white/12 before:mask-b-from-0% after:absolute after:inset-0 after:rounded-xp-buttons hover:after:bg-alpha-gray-20 after:bg-transparent after:transition-colors disabled:text-fg-disabled disabled:bg-none disabled:bg-[#F5F5F5] disabled:hover:after:bg-transparent disabled:shadow-xp-xs disabled:before:border-border-disabled disabled:before:mask-none disabled:before:border\",\n        secondary: \"shadow-xp-xs-skeumorphic border disabled:bg-bg-disabled disabled:text-fg-disabled disabled:[&_svg]:text-fg-disabled-subtle disabled:border-border-disabled disabled:shadow-xp-xs disabled:hover:text-fg-disabled disabled:hover:[&_svg]:text-fg-disabled-subtle\",\n        \"secondary-accent\": \"disabled:border-border-disabled disabled:bg-bg-disabled disabled:text-fg-disabled\",\n        tertiary: \"disabled:bg-bg-disabled disabled:text-fg-disabled disabled:[&_svg]:text-bg-disabled\",\n        \"tertiary-accent\": \"disabled:bg-bg-disabled disabled:text-fg-disabled disabled:[&_svg]:text-fg-disabled-subtle\",\n        link: \"underline decoration-transparent hover:decoration-inherit transition-colors disabled:bg-bg-disabled disabled:text-fg-disabled disabled:[&_svg]:text-fg-disabled-subtle disabled:hover:no-underline\",\n      },\n      icon: {\n        true: undefined,\n        false: undefined\n      },\n      size: {\n        sm: \"text-label-semibold-3 px-xp-lg gap-xp-sm h-9 data-[icon]:size-9 data-[variant=link]:h-5 data-[variant=link]:px-0 [&_svg]:size-5\",\n        md: \"text-label-semibold-3 px-3.5 gap-xp-sm h-10 data-[icon]:size-10 data-[variant=link]:h-5 data-[variant=link]:px-0 [&_svg]:size-5\",\n        lg: \"text-label-semibold-2 px-xp-xl gap-xp-md h-11 data-[icon]:size-11 data-[variant=link]:h-[22px] data-[variant=link]:px-0 [&_svg]:size-5\",\n        xl: \"text-label-semibold-2 px-4.5 gap-xp-md h-12 data-[icon]:size-12 data-[variant=link]:h-[22px] data-[variant=link]:px-0 [&_svg]:size-5\",\n      }\n    },\n    compoundVariants: [\n      // Default Color Variants\n      {\n        variant: \"primary\",\n        color: \"default\",\n        className: \"bg-gradient-buttons-gradient-blue text-text-primary-on-brand\"\n      },\n      {\n        variant: \"secondary\",\n        color: \"default\",\n        className: \"bg-bg-primary text-text-secondary [&_svg]:text-text-quaternary border-border-primary hover:bg-bg-primary-hover hover:text-text-secondary-hover [&_svg]:hover:text-text-quaternary-hover\"\n      },\n      {\n        variant: \"secondary-accent\",\n        color: \"default\",\n        className: \"border border-border-brand text-fg-brand-primary hover:bg-bg-brand-primary\"\n      },\n      {\n        variant: \"tertiary\",\n        color: \"default\",\n        className: \"text-text-tertiary [&_svg]:text-fg-quaternary hover:bg-bg-primary-hover hover:text-text-tertiary-hover [&_svg]:hover:text-fg-quaternary-hover\"\n      },\n      {\n        variant: \"tertiary-accent\",\n        color: \"default\",\n        className: \"bg-bg-brand-primary text-text-brand-tertiary [&_svg]:text-fg-brand-secondary hover:bg-bg-brand-secondary hover:text-text-brand-tertiary hover:[&_svg]:text-fg-brand-secondary-hover\"\n      },\n      {\n        variant: \"link\",\n        color: \"default\",\n        className: \"text-text-brand-secondary [&_svg]:text-fg-brand-secondary-alt hover:text-text-brand-secondary-hover [&_svg]:hover:text-fg-brand-secondary-hover\"\n      },\n\n      // Destructive Color Variants\n      {\n        variant: \"primary\",\n        color: \"destructive\",\n        className: \"bg-bg-error-solid text-text-primary-on-brand\"\n      },\n      {\n        variant: \"secondary\",\n        color: \"destructive\",\n        className: \"bg-bg-primary text-text-error-primary [&_svg]:text-fg-error-secondary border-border-error-subtle hover:bg-bg-error-primary hover:text-text-error-primary-hover [&_svg]:hover:text-fg-error-primary\"\n      },\n      {\n        // Not existing in design system yet\n        variant: \"secondary-accent\",\n        color: \"destructive\",\n        className: \"border border-border-error text-fg-error-primary hover:bg-bg-error-primary\"\n      },\n      {\n        variant: \"tertiary\",\n        color: \"destructive\",\n        className: \"text-text-error-primary [&_svg]:text-fg-error-secondary hover:bg-bg-error-primary hover:text-text-error-primary-hover [&_svg]:hover:text-fg-error-primary\"\n      },\n      {\n        // Not existing in design system yet\n        variant: \"tertiary-accent\",\n        color: \"destructive\",\n        className: \"bg-bg-error-primary text-text-error-tertiary [&_svg]:text-fg-error-secondary hover:bg-bg-error-secondary hover:text-text-error-tertiary hover:[&_svg]:text-fg-error-secondary-hover\"\n      },\n      {\n        variant: \"link\",\n        color: \"destructive\",\n        className: \"text-text-error-secondary [&_svg]:text-fg-error-secondary hover:text-text-error-primary-hover [&_svg]:hover:text-fg-error-primary\"\n      },\n\n      // Gradient AI\n      {\n        variant: \"primary\",\n        color: \"gradient-ai\",\n        className: \"bg-gradient-buttons-button-ai text-text-primary-on-brand\"\n      },\n      {\n        variant: \"secondary\",\n        color: \"gradient-ai\",\n        className: \"relative shadow-transparent border-transparent hover:bg-bg-primary bg-[linear-gradient(90deg,var(--color-bg-primary),var(--color-bg-primary)),var(--gradient-buttons-button-ai)] [background-clip:padding-box,border-box] [background-origin:padding-box,border-box] [&>span]:bg-gradient-buttons-button-ai [&>span]:bg-clip-text [&>span]:text-transparent after:absolute after:inset-0 after:rounded-md hover:after:bg-gradient-buttons-button-ai hover:after:opacity-10 disabled:hover:after:bg-transparent disabled:after:opacity-0 disabled:[&>span]:bg-none disabled:[&>span]:text-fg-disabled\"\n      },\n      {\n        // Not existing in design system yet\n        variant: \"secondary-accent\",\n        color: \"gradient-ai\",\n        className: \"border border-border-brand text-fg-brand-primary hover:bg-bg-brand-primary\"\n      },\n      {\n        variant: \"tertiary\",\n        color: \"gradient-ai\",\n        className: \"relative [&>span]:bg-gradient-buttons-button-ai [&>span]:bg-clip-text [&>span]:text-transparent after:absolute after:inset-0 after:rounded-md hover:after:bg-gradient-buttons-button-ai hover:after:opacity-10 disabled:hover:after:bg-transparent disabled:after:opacity-0 disabled:[&>span]:bg-none disabled:[&>span]:text-fg-disabled\"\n      },\n      {\n        // Not existing in design system yet\n        variant: \"tertiary-accent\",\n        color: \"gradient-ai\",\n        className: \"bg-bg-brand-primary text-text-brand-tertiary [&_svg]:text-fg-brand-secondary hover:bg-bg-brand-secondary hover:text-text-brand-tertiary hover:[&_svg]:text-fg-brand-secondary-hover\"\n      },\n      {\n        // Not existing in design system yet\n        variant: \"link\",\n        color: \"gradient-ai\",\n        className: \"text-text-brand-secondary [&_svg]:text-fg-brand-secondary-alt hover:text-text-brand-secondary-hover [&_svg]:hover:text-fg-brand-secondary-hover\"\n      },\n\n      // Linear Green Color Variants\n      {\n        variant: \"primary\",\n        color: \"linear-green\",\n        className: \"bg-gradient-buttons-gradient-green text-text-primary-on-brand\"\n      },\n      {\n        variant: \"secondary\",\n        color: \"linear-green\",\n        className: \"bg-bg-primary text-text-secondary [&_svg]:text-green-500 border-border-primary hover:text-text-secondary-hover [&_svg]:hover:text-green-900\"\n      },\n      {\n        // Not existing in design system yet\n        variant: \"secondary-accent\",\n        color: \"linear-green\",\n        className: \"border border-border-primary text-fg-primary hover:bg-bg-primary\"\n      },\n      {\n        variant: \"tertiary\",\n        color: \"linear-green\",\n        className: \"text-text-success-primary [&_svg]:text-green-500 hover:bg-bg-success-primary [&_svg]:hover:text-green-900\"\n      },\n      {\n        // Not existing in design system yet\n        variant: \"tertiary-accent\",\n        color: \"linear-green\",\n        className: \"bg-bg-success-primary text-text-success-tertiary [&_svg]:text-fg-success-secondary hover:bg-bg-success-secondary hover:text-text-success-tertiary hover:[&_svg]:text-fg-success-secondary-hover\"\n      },\n      {\n        // Not existing in design system yet\n        variant: \"link\",\n        color: \"linear-green\",\n        className: \"text-text-success-secondary [&_svg]:text-fg-success-secondary hover:text-text-success-primary-hover [&_svg]:hover:text-fg-success-primary\"\n      },\n\n      // Linear Overlay Color Variants\n      {\n        variant: \"primary\",\n        color: \"linear-overlay\",\n        className: \"relative bg-bg-brand-solid text-text-primary-on-brand [&_svg]:text-button-primary-icon hover:[&_svg]:text-button-primary-icon-hover after:absolute after:inset-0 after:rounded-xp-buttons after:bg-gradient-skuemorphic-gradient-border after:hover:bg-gradient-skuemorphic-gradient-border\"\n      },\n      {\n        variant: \"secondary\",\n        color: \"linear-overlay\",\n        className: \"bg-bg-brand-solid-hover text-text-secondary [&_svg]:text-fg-quaternary border-border-primary hover:bg-bg-primary-hover hover:text-text-secondary-hover [&_svg]:hover:text-text-quaternary-hover\"\n      },\n      {\n        variant: \"secondary-accent\",\n        color: \"linear-overlay\",\n        className: \"border border-border-brand text-fg-brand-primary hover:bg-bg-brand-primary\"\n      },\n      {\n        variant: \"tertiary\",\n        color: \"linear-overlay\",\n        className: \"text-text-tertiary [&_svg]:text-fg-quaternary hover:bg-bg-primary-hover hover:text-text-tertiary-hover [&_svg]:hover:text-fg-quaternary-hover\"\n      },\n      {\n        variant: \"tertiary-accent\",\n        color: \"linear-overlay\",\n        className: \"bg-bg-brand-primary text-text-brand-tertiary [&_svg]:text-fg-brand-secondary hover:bg-bg-brand-secondary hover:text-text-brand-tertiary hover:[&_svg]:text-fg-brand-secondary-hover\"\n      },\n      {\n        variant: \"link\",\n        color: \"linear-overlay\",\n        className: \"text-text-brand-secondary [&_svg]:text-fg-brand-secondary-alt hover:text-text-brand-secondary-hover [&_svg]:hover:text-fg-brand-secondary-hover\"\n      },\n\n      // Linear Destructive Color Variants\n      {\n        variant: \"primary\",\n        color: \"linear-destructive\",\n        className: \"relative bg-bg-error-solid text-text-primary-on-brand [&_svg]:text-button-destructive-primary-icon hover:[&_svg]:text-button-destructive-primary-icon-hover after:absolute after:inset-0 after:rounded-xp-buttons after:bg-gradient-skuemorphic-gradient-border after:hover:bg-gradient-skuemorphic-gradient-border\"\n      },\n      {\n        variant: \"secondary\",\n        color: \"linear-destructive\",\n        className: \"bg-bg-error-solid-hover text-text-secondary [&_svg]:text-fg-quaternary border-border-primary hover:bg-bg-primary-hover hover:text-text-secondary-hover [&_svg]:hover:text-text-quaternary-hover\"\n      },\n      {\n        // Not existing in design system yet\n        variant: \"secondary-accent\",\n        color: \"linear-destructive\",\n        className: \"border border-border-error text-fg-error-primary hover:bg-bg-error-primary\"\n      },\n      {\n        variant: \"tertiary\",\n        color: \"linear-destructive\",\n        className: \"text-text-error-primary [&_svg]:text-fg-error-secondary hover:bg-bg-error-primary hover:text-text-tertiary-hover [&_svg]:hover:text-fg-error-secondary\"\n      },\n      {\n        // Not existing in design system yet\n        variant: \"tertiary-accent\",\n        color: \"linear-destructive\",\n        className: \"bg-bg-error-primary text-text-error-tertiary [&_svg]:text-fg-error-secondary hover:bg-bg-error-secondary hover:text-text-error-tertiary hover:[&_svg]:text-fg-error-secondary-hover\"\n      },\n      {\n        variant: \"link\",\n        color: \"linear-destructive\",\n        className: \"text-text-error-primary [&_svg]:text-fg-error-secondary hover:text-text-error-primary-hover [&_svg]:hover:text-fg-error-primary\"\n      },\n    ],\n    defaultVariants: {\n      variant: \"primary\",\n      color: \"default\",\n      size: \"sm\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  color,\n  variant,\n  size,\n  asChild = false,\n  loading = false,\n  children,\n  disabled,\n  icon,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n    loading?: boolean\n  }) {\n  const Comp = asChild ? Slot : \"button\"\n\n  if (loading) {\n    return (\n      <Comp\n        className={cn(buttonVariants({ color, variant, size, className }))}\n        data-icon={icon ? \"\" : undefined}\n        data-slot=\"button\"\n        disabled\n        {...props}\n      >\n        <Loader2 className=\"size-4 animate-spin\" />\n        <span className=\"sr-only\">Loading...</span>\n      </Comp>\n    )\n  }\n\n  return (\n    <Comp\n      className={cn(buttonVariants({ color, variant, size, className }))}\n      data-icon={icon ? \"\" : undefined}\n      data-slot=\"button\"\n      data-variant={variant}\n      disabled={disabled}\n      {...props}\n    >\n      {children}\n    </Comp>\n  )\n}\n\nexport { Button, buttonVariants }\n"]}

package/dist/ui/button.d.ts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    color?: "default" | "destructive" | "gradient-ai" | "linear-green" | "linear-overlay" | "linear-destructive" | null | undefined;
+    variant?: "primary" | "secondary" | "secondary-accent" | "tertiary" | "tertiary-accent" | "link" | null | undefined;
+    icon?: boolean | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Button({ className, color, variant, size, asChild, loading, children, disabled, icon, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+    loading?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { Button, buttonVariants };

package/dist/ui/button.js

@@ -0,0 +1,3 @@
+export { Button, buttonVariants } from '../chunk-NLAZFIHF.js';
+//# sourceMappingURL=button.js.map
+//# sourceMappingURL=button.js.map

package/dist/ui/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"button.js"}

package/dist/ui/index.d.ts

@@ -0,0 +1,5 @@
+export { Button, buttonVariants } from './button.js';
+import 'react/jsx-runtime';
+import 'class-variance-authority/types';
+import 'react';
+import 'class-variance-authority';

package/dist/ui/index.js

@@ -0,0 +1,3 @@
+export { Button, buttonVariants } from '../chunk-NLAZFIHF.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@xploreu/components",
+  "version": "0.1.0",
+  "description": "Shared UI components for XploreU apps",
+  "license": "MIT",
+  "author": {
+    "name": "Talent Insider"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    "./ui": {
+      "import": {
+        "types": "./dist/ui/index.d.ts",
+        "default": "./dist/ui/index.js"
+      }
+    },
+    "./ui/*": {
+      "import": {
+        "types": "./dist/ui/*.d.ts",
+        "default": "./dist/ui/*.js"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@radix-ui/react-slot": "^1.2.4",
+    "class-variance-authority": "^0.7.1",
+    "lucide-react": "^0.477.0",
+    "@xploreu/lib": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.2",
+    "@types/react-dom": "^19.2.2",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "tsup": "^8.4.0",
+    "typescript": "^5"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "clean": "rm -rf dist"
+  }
+}