@wow-two-beta/ui 0.0.3 → 0.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wow-two-beta/ui",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Beta-forever React UI library for the wow-two ecosystem.",
   "license": "MIT",
   "repository": {
@@ -56,6 +56,10 @@
       "import": "./dist/icons/index.js",
       "types": "./dist/icons/index.d.ts"
     },
+    "./primitives": {
+      "import": "./dist/primitives/index.js",
+      "types": "./dist/primitives/index.d.ts"
+    },
     "./actions": {
       "import": "./dist/actions/index.js",
       "types": "./dist/actions/index.d.ts"
@@ -93,7 +97,10 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
+    "@floating-ui/react": "^0.27.0",
+    "@radix-ui/react-focus-scope": "^1.1.0",
     "clsx": "^2.1.1",
+    "lucide-react": "^0.460.0",
     "tailwind-merge": "^2.5.4",
     "tailwind-variants": "^0.3.0"
   },

package/dist/chunk-6YKPUEHU.js

@@ -1,47 +0,0 @@
-import { __export } from './chunk-PZ5AY32C.js';
-
-// src/tokens/index.ts
-var tokens_exports = {};
-__export(tokens_exports, {
-  colors: () => colors,
-  radius: () => radius,
-  spacing: () => spacing,
-  tokens: () => tokens
-});
-var colors = {
-  brand: {
-    50: "#eff6ff",
-    100: "#dbeafe",
-    500: "#3b82f6",
-    600: "#2563eb",
-    700: "#1d4ed8",
-    900: "#1e3a8a"
-  },
-  neutral: {
-    50: "#fafafa",
-    100: "#f4f4f5",
-    200: "#e4e4e7",
-    500: "#71717a",
-    700: "#3f3f46",
-    900: "#18181b"
-  }
-};
-var spacing = {
-  xs: "0.25rem",
-  sm: "0.5rem",
-  md: "1rem",
-  lg: "1.5rem",
-  xl: "2rem",
-  "2xl": "3rem"
-};
-var radius = {
-  sm: "0.25rem",
-  md: "0.5rem",
-  lg: "0.75rem",
-  full: "9999px"
-};
-var tokens = { colors, spacing, radius };
-
-export { colors, radius, spacing, tokens, tokens_exports };
-//# sourceMappingURL=chunk-6YKPUEHU.js.map
-//# sourceMappingURL=chunk-6YKPUEHU.js.map

package/dist/chunk-6YKPUEHU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens/index.ts"],"names":[],"mappings":";;;AAAA,IAAA,cAAA,GAAA;AAAA,QAAA,CAAA,cAAA,EAAA;AAAA,EAAA,MAAA,EAAA,MAAA,MAAA;AAAA,EAAA,MAAA,EAAA,MAAA,MAAA;AAAA,EAAA,OAAA,EAAA,MAAA,OAAA;AAAA,EAAA,MAAA,EAAA,MAAA;AAAA,CAAA,CAAA;AAIO,IAAM,MAAA,GAAS;AAAA,EACpB,KAAA,EAAO;AAAA,IACL,EAAA,EAAI,SAAA;AAAA,IACJ,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA,GACP;AAAA,EACA,OAAA,EAAS;AAAA,IACP,EAAA,EAAI,SAAA;AAAA,IACJ,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK,SAAA;AAAA,IACL,GAAA,EAAK;AAAA;AAET;AAEO,IAAM,OAAA,GAAU;AAAA,EACrB,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,MAAA;AAAA,EACJ,KAAA,EAAO;AACT;AAEO,IAAM,MAAA,GAAS;AAAA,EACpB,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,IAAA,EAAM;AACR;AAEO,IAAM,MAAA,GAAS,EAAE,MAAA,EAAQ,OAAA,EAAS,MAAA","file":"chunk-6YKPUEHU.js","sourcesContent":["// Default token set — extend as components require it.\n// Consumed by `src/tailwind/preset.ts` and exposed as raw values to consumers\n// who want them outside Tailwind (CSS-in-JS, inline styles, etc.).\n\nexport const colors = {\n  brand: {\n    50: '#eff6ff',\n    100: '#dbeafe',\n    500: '#3b82f6',\n    600: '#2563eb',\n    700: '#1d4ed8',\n    900: '#1e3a8a',\n  },\n  neutral: {\n    50: '#fafafa',\n    100: '#f4f4f5',\n    200: '#e4e4e7',\n    500: '#71717a',\n    700: '#3f3f46',\n    900: '#18181b',\n  },\n} as const;\n\nexport const spacing = {\n  xs: '0.25rem',\n  sm: '0.5rem',\n  md: '1rem',\n  lg: '1.5rem',\n  xl: '2rem',\n  '2xl': '3rem',\n} as const;\n\nexport const radius = {\n  sm: '0.25rem',\n  md: '0.5rem',\n  lg: '0.75rem',\n  full: '9999px',\n} as const;\n\nexport const tokens = { colors, spacing, radius } as const;\nexport type Tokens = typeof tokens;\n"]}

package/dist/chunk-7CP7KR5F.js

@@ -1,41 +0,0 @@
-import { cn } from './chunk-ECZ4YFAI.js';
-import { forwardRef } from 'react';
-import { tv } from 'tailwind-variants';
-import { jsx } from 'react/jsx-runtime';
-
-var buttonVariants = tv({
-  base: "inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:pointer-events-none disabled:opacity-50",
-  variants: {
-    variant: {
-      primary: "bg-brand-600 text-white hover:bg-brand-700",
-      secondary: "bg-neutral-200 text-neutral-900 hover:bg-neutral-100",
-      ghost: "bg-transparent text-neutral-900 hover:bg-neutral-100"
-    },
-    size: {
-      sm: "h-8 px-3 text-sm rounded-md",
-      md: "h-10 px-4 text-sm rounded-md",
-      lg: "h-12 px-6 text-base rounded-lg"
-    }
-  },
-  defaultVariants: {
-    variant: "primary",
-    size: "md"
-  }
-});
-var Button = forwardRef(
-  ({ className, variant, size, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref,
-        className: cn(buttonVariants({ variant, size }), className),
-        ...props
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-
-export { Button, buttonVariants };
-//# sourceMappingURL=chunk-7CP7KR5F.js.map
-//# sourceMappingURL=chunk-7CP7KR5F.js.map

package/dist/chunk-7CP7KR5F.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/actions/button/Button.variants.ts","../src/actions/button/Button.tsx"],"names":[],"mappings":";;;;;AAEO,IAAM,iBAAiB,EAAA,CAAG;AAAA,EAC/B,IAAA,EAAM,qMAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,4CAAA;AAAA,MACT,SAAA,EAAW,sDAAA;AAAA,MACX,KAAA,EAAO;AAAA,KACT;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,6BAAA;AAAA,MACJ,EAAA,EAAI,8BAAA;AAAA,MACJ,EAAA,EAAI;AAAA;AACN,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,IAAA,EAAM;AAAA;AAEV,CAAC;ACdM,IAAM,MAAA,GAAS,UAAA;AAAA,EACpB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,MAAM,GAAG,KAAA,IAAS,GAAA,KAAQ;AAC/C,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,QACzD,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-7CP7KR5F.js","sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const buttonVariants = tv({\n  base: 'inline-flex items-center justify-center font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 disabled:pointer-events-none disabled:opacity-50',\n  variants: {\n    variant: {\n      primary: 'bg-brand-600 text-white hover:bg-brand-700',\n      secondary: 'bg-neutral-200 text-neutral-900 hover:bg-neutral-100',\n      ghost: 'bg-transparent text-neutral-900 hover:bg-neutral-100',\n    },\n    size: {\n      sm: 'h-8 px-3 text-sm rounded-md',\n      md: 'h-10 px-4 text-sm rounded-md',\n      lg: 'h-12 px-6 text-base rounded-lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n    size: 'md',\n  },\n});\n\nexport type ButtonVariants = VariantProps<typeof buttonVariants>;\n","import { forwardRef, type ButtonHTMLAttributes } from 'react';\nimport { cn } from '../../utils';\nimport { buttonVariants, type ButtonVariants } from './Button.variants';\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariants {}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, ...props }, ref) => {\n    return (\n      <button\n        ref={ref}\n        className={cn(buttonVariants({ variant, size }), className)}\n        {...props}\n      />\n    );\n  },\n);\n\nButton.displayName = 'Button';\n"]}

package/dist/chunk-A2OBJDIK.js

@@ -1,3 +0,0 @@
-
-//# sourceMappingURL=chunk-A2OBJDIK.js.map
-//# sourceMappingURL=chunk-A2OBJDIK.js.map

package/dist/chunk-A2OBJDIK.js.map

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

package/dist/chunk-CTVGU35H.js

@@ -1,6 +0,0 @@
-// src/hooks/index.ts
-var hooks_exports = {};
-
-export { hooks_exports };
-//# sourceMappingURL=chunk-CTVGU35H.js.map
-//# sourceMappingURL=chunk-CTVGU35H.js.map

package/dist/chunk-CTVGU35H.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/index.ts"],"names":[],"mappings":";AAAA,IAAA,aAAA,GAAA","file":"chunk-CTVGU35H.js","sourcesContent":["// Hooks — populated as components require them.\nexport {};\n"]}

package/dist/chunk-ECZ4YFAI.js

@@ -1,16 +0,0 @@
-import { __export } from './chunk-PZ5AY32C.js';
-import clsx from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-// src/utils/index.ts
-var utils_exports = {};
-__export(utils_exports, {
-  cn: () => cn
-});
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-export { cn, utils_exports };
-//# sourceMappingURL=chunk-ECZ4YFAI.js.map
-//# sourceMappingURL=chunk-ECZ4YFAI.js.map

package/dist/chunk-ECZ4YFAI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/utils/index.ts","../src/utils/cn.ts"],"names":[],"mappings":";;;;;AAAA,IAAA,aAAA,GAAA;AAAA,QAAA,CAAA,aAAA,EAAA;AAAA,EAAA,EAAA,EAAA,MAAA;AAAA,CAAA,CAAA;ACOO,SAAS,MAAM,MAAA,EAA8B;AAClD,EAAA,OAAO,OAAA,CAAQ,IAAA,CAAK,MAAM,CAAC,CAAA;AAC7B","file":"chunk-ECZ4YFAI.js","sourcesContent":["export { cn } from './cn';\n","import clsx, { type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\n/**\n * Conditional class composer with Tailwind conflict-resolution.\n * Use anywhere you'd otherwise concatenate class strings.\n */\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n"]}

package/dist/chunk-PSDQXPUE.js

@@ -1,3 +0,0 @@
-
-//# sourceMappingURL=chunk-PSDQXPUE.js.map
-//# sourceMappingURL=chunk-PSDQXPUE.js.map

package/dist/chunk-PSDQXPUE.js.map

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

package/dist/chunk-U4JXXIE2.js

@@ -1,6 +0,0 @@
-// src/icons/index.ts
-var icons_exports = {};
-
-export { icons_exports };
-//# sourceMappingURL=chunk-U4JXXIE2.js.map
-//# sourceMappingURL=chunk-U4JXXIE2.js.map

package/dist/chunk-U4JXXIE2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/icons/index.ts"],"names":[],"mappings":";AAAA,IAAA,aAAA,GAAA","file":"chunk-U4JXXIE2.js","sourcesContent":["// Icons — populated as components require them.\nexport {};\n"]}

package/dist/chunk-YP4MAZRQ.js

@@ -1,3 +0,0 @@
-
-//# sourceMappingURL=chunk-YP4MAZRQ.js.map
-//# sourceMappingURL=chunk-YP4MAZRQ.js.map

package/dist/chunk-YP4MAZRQ.js.map

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

package/dist/chunk-ZDU7SROW.js

@@ -1,3 +0,0 @@
-
-//# sourceMappingURL=chunk-ZDU7SROW.js.map
-//# sourceMappingURL=chunk-ZDU7SROW.js.map

package/dist/chunk-ZDU7SROW.js.map

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

package/dist/index-CdSRWb8y.d.ts

@@ -1,78 +0,0 @@
-declare const colors: {
-    readonly brand: {
-        readonly 50: "#eff6ff";
-        readonly 100: "#dbeafe";
-        readonly 500: "#3b82f6";
-        readonly 600: "#2563eb";
-        readonly 700: "#1d4ed8";
-        readonly 900: "#1e3a8a";
-    };
-    readonly neutral: {
-        readonly 50: "#fafafa";
-        readonly 100: "#f4f4f5";
-        readonly 200: "#e4e4e7";
-        readonly 500: "#71717a";
-        readonly 700: "#3f3f46";
-        readonly 900: "#18181b";
-    };
-};
-declare const spacing: {
-    readonly xs: "0.25rem";
-    readonly sm: "0.5rem";
-    readonly md: "1rem";
-    readonly lg: "1.5rem";
-    readonly xl: "2rem";
-    readonly '2xl': "3rem";
-};
-declare const radius: {
-    readonly sm: "0.25rem";
-    readonly md: "0.5rem";
-    readonly lg: "0.75rem";
-    readonly full: "9999px";
-};
-declare const tokens: {
-    readonly colors: {
-        readonly brand: {
-            readonly 50: "#eff6ff";
-            readonly 100: "#dbeafe";
-            readonly 500: "#3b82f6";
-            readonly 600: "#2563eb";
-            readonly 700: "#1d4ed8";
-            readonly 900: "#1e3a8a";
-        };
-        readonly neutral: {
-            readonly 50: "#fafafa";
-            readonly 100: "#f4f4f5";
-            readonly 200: "#e4e4e7";
-            readonly 500: "#71717a";
-            readonly 700: "#3f3f46";
-            readonly 900: "#18181b";
-        };
-    };
-    readonly spacing: {
-        readonly xs: "0.25rem";
-        readonly sm: "0.5rem";
-        readonly md: "1rem";
-        readonly lg: "1.5rem";
-        readonly xl: "2rem";
-        readonly '2xl': "3rem";
-    };
-    readonly radius: {
-        readonly sm: "0.25rem";
-        readonly md: "0.5rem";
-        readonly lg: "0.75rem";
-        readonly full: "9999px";
-    };
-};
-type Tokens = typeof tokens;
-
-type index_Tokens = Tokens;
-declare const index_colors: typeof colors;
-declare const index_radius: typeof radius;
-declare const index_spacing: typeof spacing;
-declare const index_tokens: typeof tokens;
-declare namespace index {
-  export { type index_Tokens as Tokens, index_colors as colors, index_radius as radius, index_spacing as spacing, index_tokens as tokens };
-}
-
-export { type Tokens as T, colors as c, index as i, radius as r, spacing as s, tokens as t };

package/dist/index-D-adCzNR.d.ts

@@ -1,14 +0,0 @@
-import { ClassValue } from 'clsx';
-
-/**
- * Conditional class composer with Tailwind conflict-resolution.
- * Use anywhere you'd otherwise concatenate class strings.
- */
-declare function cn(...inputs: ClassValue[]): string;
-
-declare const index_cn: typeof cn;
-declare namespace index {
-  export { index_cn as cn };
-}
-
-export { cn as c, index as i };