@inzumer/ui-library 0.1.2 → 1.0.1

package/package.json

@@ -1,48 +1,119 @@
 {
   "name": "@inzumer/ui-library",
-  "version": "0.1.2",
-  "description": "Production-grade React component library for web and mobile webview.",
+  "version": "1.0.1",
+  "private": false,
+  "description": "React UI component library for the Inzumer design system",
+  "license": "MIT",
+  "author": "Nahuel Zamuner <inzumer@gmail.com>",
+  "homepage": "https://github.com/inzumer/ui-library/tree/main/packages/ui#readme",
+  "bugs": {
+    "url": "https://github.com/inzumer/ui-library/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/inzumer/ui-library.git",
+    "directory": "packages/ui"
+  },
   "keywords": [
     "react",
-    "ui",
     "component-library",
-    "accessibility",
     "design-system",
-    "tailwind"
+    "ui",
+    "tailwindcss",
+    "typescript"
   ],
-  "license": "MIT",
-  "main": "./dist/cjs/index.js",
-  "module": "./dist/es/index.js",
-  "types": "./dist/types/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
   "sideEffects": false,
   "exports": {
     ".": {
-      "types": "./dist/types/index.d.ts",
-      "import": "./dist/es/index.js",
-      "require": "./dist/cjs/index.js"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./button": {
+      "types": "./dist/components/atoms/Button/index.d.ts",
+      "import": "./dist/components/atoms/Button/index.js"
+    },
+    "./icon": {
+      "types": "./dist/components/atoms/Icon/index.d.ts",
+      "import": "./dist/components/atoms/Icon/index.js"
+    },
+    "./image": {
+      "types": "./dist/components/atoms/Image/index.d.ts",
+      "import": "./dist/components/atoms/Image/index.js"
+    },
+    "./input": {
+      "types": "./dist/components/atoms/Input/index.d.ts",
+      "import": "./dist/components/atoms/Input/index.js"
+    },
+    "./link": {
+      "types": "./dist/components/atoms/Link/index.d.ts",
+      "import": "./dist/components/atoms/Link/index.js"
+    },
+    "./rich-text": {
+      "types": "./dist/components/atoms/RichText/index.d.ts",
+      "import": "./dist/components/atoms/RichText/index.js"
+    },
+    "./switch": {
+      "types": "./dist/components/atoms/Switch/index.d.ts",
+      "import": "./dist/components/atoms/Switch/index.js"
+    },
+    "./bottom-sheet": {
+      "types": "./dist/components/molecules/BottomSheet/index.d.ts",
+      "import": "./dist/components/molecules/BottomSheet/index.js"
+    },
+    "./breadcrumbs": {
+      "types": "./dist/components/molecules/Breadcrumbs/index.d.ts",
+      "import": "./dist/components/molecules/Breadcrumbs/index.js"
+    },
+    "./card": {
+      "types": "./dist/components/molecules/Card/index.d.ts",
+      "import": "./dist/components/molecules/Card/index.js"
+    },
+    "./language": {
+      "types": "./dist/components/molecules/Language/index.d.ts",
+      "import": "./dist/components/molecules/Language/index.js"
+    },
+    "./modal": {
+      "types": "./dist/components/molecules/Modal/index.d.ts",
+      "import": "./dist/components/molecules/Modal/index.js"
+    },
+    "./snackbar": {
+      "types": "./dist/components/molecules/Snackbar/index.d.ts",
+      "import": "./dist/components/molecules/Snackbar/index.js"
+    },
+    "./timeline": {
+      "types": "./dist/components/molecules/Timeline/index.d.ts",
+      "import": "./dist/components/molecules/Timeline/index.js"
     },
-    "./styles": "./dist/globals.css"
+    "./use-delayed-unmount": {
+      "types": "./dist/hooks/useDelayedUnmount/index.d.ts",
+      "import": "./dist/hooks/useDelayedUnmount/index.js"
+    },
+    "./use-dismissable-layer": {
+      "types": "./dist/hooks/useDismissableLayer/index.d.ts",
+      "import": "./dist/hooks/useDismissableLayer/index.js"
+    },
+    "./use-media-query": {
+      "types": "./dist/hooks/useMediaQuery/index.d.ts",
+      "import": "./dist/hooks/useMediaQuery/index.js"
+    },
+    "./use-merged-ref": {
+      "types": "./dist/hooks/useMergedRef/index.d.ts",
+      "import": "./dist/hooks/useMergedRef/index.js"
+    },
+    "./cn": {
+      "types": "./dist/utils/cn/index.d.ts",
+      "import": "./dist/utils/cn/index.js"
+    }
   },
   "files": [
     "dist"
   ],
-  "scripts": {
-    "dev": "storybook dev -p 6006",
-    "prebuild": "rm -rf dist",
-    "build": "BUILD_FORMAT=es vite build && BUILD_FORMAT=cjs vite build && npx tailwindcss -i ./src/styles/globals.css -o ./dist/globals.css --minify",
-    "build:storybook": "storybook build",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint src --ext .ts,.tsx",
-    "lint:fix": "eslint src --ext .ts,.tsx --fix",
-    "format": "prettier --write \"src/**/*.{ts,tsx}\"",
-    "format:check": "prettier --check \"src/**/*.{ts,tsx}\"",
-    "pre-publish": "npm run typecheck && npm run test && npm run build",
-    "publish:dry": "npm pack --dry-run",
-    "publish:local": "npm pack",
-    "release": "npm run pre-publish && npm publish --access public"
+  "dependencies": {
+    "@inzumer/tokens": "1.0.0"
   },
   "peerDependencies": {
     "class-variance-authority": ">=0.7.0",
@@ -51,59 +122,33 @@
     "react-dom": ">=18 || ^19",
     "tailwind-merge": ">=2.0.0"
   },
-  "peerDependenciesMeta": {
-    "class-variance-authority": {
-      "optional": false
-    },
-    "clsx": {
-      "optional": false
-    },
-    "tailwind-merge": {
-      "optional": false
-    }
-  },
   "devDependencies": {
-    "@storybook/addon-a11y": "^8.4.7",
-    "@storybook/addon-actions": "8.6.18",
-    "@storybook/addon-docs": "8.6.18",
-    "@storybook/addon-interactions": "8.6.18",
-    "@storybook/addon-themes": "8.6.18",
-    "@storybook/addon-viewport": "^8.4.7",
-    "@storybook/react": "^8.4.7",
-    "@storybook/react-vite": "^8.4.7",
-    "@storybook/test": "^8.4.7",
-    "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
     "@testing-library/user-event": "^14.5.2",
-    "@types/jest-axe": "3.5.9",
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
-    "@typescript-eslint/eslint-plugin": "^8.16.0",
-    "@typescript-eslint/parser": "^8.16.0",
-    "@vitejs/plugin-react": "^4.3.4",
     "@vitest/coverage-v8": "^2.1.6",
-    "autoprefixer": "^10.4.20",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
-    "eslint": "^9.16.0",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-react": "^7.37.3",
-    "eslint-plugin-react-hooks": "^5.0.0",
-    "eslint-plugin-storybook": "^0.11.1",
-    "jest-axe": "^9.0.0",
+    "eslint": "^9.39.5",
     "jsdom": "^25.0.1",
-    "postcss": "^8.4.49",
-    "prettier": "^3.4.2",
-    "storybook": "^8.4.7",
     "tailwind-merge": "2.6.1",
-    "tailwindcss": "^3.4.16",
+    "tsup": "^8.3.5",
     "typescript": "^5.7.2",
-    "vite": "^6.0.5",
-    "vite-plugin-dts": "^4.3.0",
-    "vitest": "^2.1.6"
+    "vite-tsconfig-paths": "^6.1.1",
+    "vitest": "^2.1.6",
+    "@inzumer/eslint-config": "0.1.0",
+    "@inzumer/tsconfig": "0.1.0"
   },
-  "dependencies": {
-    "@inzumer/ui-library": "0.1.1"
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint src",
+    "clean": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true})\""
   }
-}
+}

package/README.md

@@ -1,133 +0,0 @@
-# @inzumer/ui
-
-Production-grade React component library for web applications and mobile WebViews.
-
----
-
-## Purpose
-
-`@inzumer/ui` provides a unified, accessible, and performant design system for TypeScript React projects. It enforces consistent visual language, interaction patterns, and WCAG 2.1 AA accessibility standards across web and WebView platforms.
-
----
-
-## Stack
-
-| Tool | Purpose |
-|---|---|
-| React 18 | Component model |
-| TypeScript (strict) | Type safety |
-| Vite | Build tooling (library mode) |
-| Tailwind CSS | Token-driven styling |
-| class-variance-authority | Variant management |
-| Vitest + RTL | Unit and accessibility testing |
-| Storybook 8 | Component documentation |
-| ESLint + Prettier | Code quality |
-
----
-
-## Setup
-
-### Prerequisites
-
-- Node.js >=20
-- npm >=10
-
-### Install dependencies
-
-```bash
-npm install
-```
-
-### Development
-
-```bash
-npm run dev
-```
-
-Opens Storybook at `http://localhost:6006`.
-
----
-
-## Scripts
-
-| Command | Description |
-|---|---|
-| `npm run dev` | Start Storybook development server |
-| `npm run build` | Build library for distribution |
-| `npm run build:storybook` | Build static Storybook |
-| `npm test` | Run test suite |
-| `npm run test:watch` | Run tests in watch mode |
-| `npm run test:coverage` | Run tests with coverage report |
-| `npm run typecheck` | TypeScript type check (no emit) |
-| `npm run lint` | Lint source files |
-| `npm run lint:fix` | Lint and auto-fix |
-| `npm run format` | Format source files with Prettier |
-| `npm run format:check` | Check formatting without writing |
-
----
-
-## Using the library
-
-```tsx
-import { Button } from '@inzumer/ui'
-import '@inzumer/ui/dist/style.css'
-
-export function App() {
-  return (
-    <Button variant="primary" onClick={() => console.log('clicked')}>
-      Click me
-    </Button>
-  )
-}
-```
-
----
-
-## Contributing
-
-### Architecture rules
-
-All agents and architecture rules are defined in `.claude/agents/`. Read them before contributing.
-
-### Planning requirement
-
-All non-trivial changes require a planning document in `/docs/plans/` before implementation begins.  
-See `YYYY-MM-DD-task-name.md` format.
-
-### Architectural decisions
-
-Significant architecture changes require an ADR in `/docs/adr/`.
-
-### Code standards
-
-- Zero `any` — strict TypeScript throughout
-- Semantic HTML first — no clickable `div`s
-- Token-only Tailwind — no arbitrary values
-- Every component must: be tested, be accessible, be Storybook-documented, be exported
-
-### Commit convention
-
-Conventional Commits format:
-
-```
-feat(button): add loading state
-fix(button): correct focus ring on Firefox
-docs: update README setup instructions
-```
-
-### Pull request checklist
-
-- [ ] Planning document exists in `/docs/plans/`
-- [ ] All tests pass (`npm test`)
-- [ ] TypeScript passes (`npm run typecheck`)
-- [ ] Lint passes (`npm run lint`)
-- [ ] Storybook stories cover new states
-- [ ] axe-core violations: zero
-
----
-
-## Accessibility commitment
-
-This library targets **WCAG 2.1 AA** compliance for every component. Accessibility is not optional and is tested automatically via axe-core on every build.
-
-If you find an accessibility issue, please open an issue with the label `a11y`.

package/dist/cjs/index.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),b=require("clsx"),f=require("tailwind-merge"),g=require("class-variance-authority");function p(...t){return f.twMerge(b.clsx(t))}const x=g.cva(["inline-flex items-center justify-center gap-2","font-medium rounded-md","transition-colors duration-base ease-ui","focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2","disabled:pointer-events-none disabled:opacity-50","motion-reduce:transition-none","min-h-touch min-w-touch"],{variants:{variant:{primary:["bg-primary-600 text-white","hover:bg-primary-700 active:bg-primary-800","focus-visible:ring-primary-500"],secondary:["bg-neutral-100 text-neutral-900 border border-neutral-300","hover:bg-neutral-200 active:bg-neutral-300","focus-visible:ring-neutral-500","dark:bg-neutral-800 dark:text-neutral-100 dark:border-neutral-600","dark:hover:bg-neutral-700"],ghost:["bg-transparent text-neutral-700","hover:bg-neutral-100 active:bg-neutral-200","focus-visible:ring-neutral-500","dark:text-neutral-300 dark:hover:bg-neutral-800"],danger:["bg-danger-500 text-white","hover:bg-danger-600 active:bg-danger-600","focus-visible:ring-danger-500"]},size:{sm:"h-8 px-3 text-sm",md:"h-10 px-4 text-sm",lg:"h-12 px-6 text-base"}},defaultVariants:{variant:"primary",size:"md"}}),h=()=>e.jsxs("svg",{className:"animate-spin h-4 w-4",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","aria-hidden":"true",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"})]}),s=d.forwardRef(({variant:t,size:n,isLoading:r=!1,loadingText:a,disabled:i,children:o,className:c,...l},u)=>{const m=i||r;return e.jsxs("button",{ref:u,disabled:m,"aria-busy":r,className:p(x({variant:t,size:n}),c),...l,children:[r&&e.jsx(h,{}),r&&a?a:o]})});s.displayName="Button";const v={primary:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a",950:"#172554"},neutral:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827",950:"#030712"},danger:{500:"#ef4444",600:"#dc2626"},success:{500:"#22c55e",600:"#16a34a"}},y={xs:"0.25rem",sm:"0.5rem",md:"1rem",lg:"1.5rem",xl:"2rem","2xl":"3rem"},w={sm:"0.25rem",md:"0.375rem",lg:"0.5rem",full:"9999px"},k={fontFamily:{sans:"Inter, system-ui, sans-serif",mono:"JetBrains Mono, monospace"},fontSize:{xs:"0.75rem",sm:"0.875rem",base:"1rem",lg:"1.125rem",xl:"1.25rem"},lineHeight:{xs:"1rem",sm:"1.25rem",base:"1.5rem",lg:"1.75rem",xl:"1.75rem"}},j={dropdown:1e3,sticky:1100,overlay:1200,modal:1300,toast:1400,tooltip:1500},z={duration:{fast:"100ms",base:"200ms",slow:"350ms"},easing:{ui:"cubic-bezier(0.4, 0, 0.2, 1)",spring:"cubic-bezier(0.34, 1.56, 0.64, 1)"}};exports.Button=s;exports.colors=v;exports.motion=z;exports.radius=w;exports.spacing=y;exports.typography=k;exports.zIndex=j;
-//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/cn.ts","../../src/components/atoms/Button/Button.styles.ts","../../src/components/atoms/Button/Button.tsx","../../src/tokens/colors.ts","../../src/tokens/spacing.ts","../../src/tokens/radius.ts","../../src/tokens/typography.ts","../../src/tokens/z-index.ts","../../src/tokens/motion.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import { cva } from 'class-variance-authority'\n\nexport const buttonVariants = cva(\n  [\n    'inline-flex items-center justify-center gap-2',\n    'font-medium rounded-md',\n    'transition-colors duration-base ease-ui',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'motion-reduce:transition-none',\n    'min-h-touch min-w-touch',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\n          'bg-primary-600 text-white',\n          'hover:bg-primary-700 active:bg-primary-800',\n          'focus-visible:ring-primary-500',\n        ],\n        secondary: [\n          'bg-neutral-100 text-neutral-900 border border-neutral-300',\n          'hover:bg-neutral-200 active:bg-neutral-300',\n          'focus-visible:ring-neutral-500',\n          'dark:bg-neutral-800 dark:text-neutral-100 dark:border-neutral-600',\n          'dark:hover:bg-neutral-700',\n        ],\n        ghost: [\n          'bg-transparent text-neutral-700',\n          'hover:bg-neutral-100 active:bg-neutral-200',\n          'focus-visible:ring-neutral-500',\n          'dark:text-neutral-300 dark:hover:bg-neutral-800',\n        ],\n        danger: [\n          'bg-danger-500 text-white',\n          'hover:bg-danger-600 active:bg-danger-600',\n          'focus-visible:ring-danger-500',\n        ],\n      },\n      size: {\n        sm: 'h-8 px-3 text-sm',\n        md: 'h-10 px-4 text-sm',\n        lg: 'h-12 px-6 text-base',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n    },\n  },\n)\n","import { forwardRef } from 'react'\nimport { cn } from '@/utils/cn'\nimport { buttonVariants } from './Button.styles'\nimport type { ButtonProps } from './Button.types'\n\nconst Spinner = () => (\n  <svg\n    className=\"animate-spin h-4 w-4\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    aria-hidden=\"true\"\n  >\n    <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n    <path\n      className=\"opacity-75\"\n      fill=\"currentColor\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z\"\n    />\n  </svg>\n)\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      variant,\n      size,\n      isLoading = false,\n      loadingText,\n      disabled,\n      children,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const isDisabled = disabled || isLoading\n\n    return (\n      <button\n        ref={ref}\n        disabled={isDisabled}\n        aria-busy={isLoading}\n        className={cn(buttonVariants({ variant, size }), className)}\n        {...props}\n      >\n        {isLoading && <Spinner />}\n        {isLoading && loadingText ? loadingText : children}\n      </button>\n    )\n  },\n)\n\nButton.displayName = 'Button'\n","export const colors = {\n  primary: {\n    50: '#eff6ff',\n    100: '#dbeafe',\n    200: '#bfdbfe',\n    300: '#93c5fd',\n    400: '#60a5fa',\n    500: '#3b82f6',\n    600: '#2563eb',\n    700: '#1d4ed8',\n    800: '#1e40af',\n    900: '#1e3a8a',\n    950: '#172554',\n  },\n  neutral: {\n    50: '#f9fafb',\n    100: '#f3f4f6',\n    200: '#e5e7eb',\n    300: '#d1d5db',\n    400: '#9ca3af',\n    500: '#6b7280',\n    600: '#4b5563',\n    700: '#374151',\n    800: '#1f2937',\n    900: '#111827',\n    950: '#030712',\n  },\n  danger: {\n    500: '#ef4444',\n    600: '#dc2626',\n  },\n  success: {\n    500: '#22c55e',\n    600: '#16a34a',\n  },\n} as const\n","export 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","export const radius = {\n  sm: '0.25rem',\n  md: '0.375rem',\n  lg: '0.5rem',\n  full: '9999px',\n} as const\n","export const typography = {\n  fontFamily: {\n    sans: 'Inter, system-ui, sans-serif',\n    mono: 'JetBrains Mono, monospace',\n  },\n  fontSize: {\n    xs: '0.75rem',\n    sm: '0.875rem',\n    base: '1rem',\n    lg: '1.125rem',\n    xl: '1.25rem',\n  },\n  lineHeight: {\n    xs: '1rem',\n    sm: '1.25rem',\n    base: '1.5rem',\n    lg: '1.75rem',\n    xl: '1.75rem',\n  },\n} as const\n","export const zIndex = {\n  dropdown: 1000,\n  sticky: 1100,\n  overlay: 1200,\n  modal: 1300,\n  toast: 1400,\n  tooltip: 1500,\n} as const\n","export const motion = {\n  duration: {\n    fast: '100ms',\n    base: '200ms',\n    slow: '350ms',\n  },\n  easing: {\n    ui: 'cubic-bezier(0.4, 0, 0.2, 1)',\n    spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n  },\n} as const\n"],"names":["cn","inputs","twMerge","clsx","buttonVariants","cva","Spinner","jsxs","jsx","Button","forwardRef","variant","size","isLoading","loadingText","disabled","children","className","props","ref","isDisabled","colors","spacing","radius","typography","zIndex","motion"],"mappings":"4NAGO,SAASA,KAAMC,EAAsB,CAC1C,OAAOC,EAAAA,QAAQC,OAAKF,CAAM,CAAC,CAC7B,CCHO,MAAMG,EAAiBC,EAAAA,IAC5B,CACE,gDACA,yBACA,0CACA,8EACA,mDACA,gCACA,yBAAA,EAEF,CACE,SAAU,CACR,QAAS,CACP,QAAS,CACP,4BACA,6CACA,gCAAA,EAEF,UAAW,CACT,4DACA,6CACA,iCACA,oEACA,2BAAA,EAEF,MAAO,CACL,kCACA,6CACA,iCACA,iDAAA,EAEF,OAAQ,CACN,2BACA,2CACA,+BAAA,CACF,EAEF,KAAM,CACJ,GAAI,mBACJ,GAAI,oBACJ,GAAI,qBAAA,CACN,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,IAAA,CACR,CAEJ,EC7CMC,EAAU,IACdC,EAAAA,KAAC,MAAA,CACC,UAAU,uBACV,MAAM,6BACN,KAAK,OACL,QAAQ,YACR,cAAY,OAEZ,SAAA,CAAAC,EAAAA,IAAC,SAAA,CAAO,UAAU,aAAa,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,OAAO,eAAe,YAAY,IAAI,EAC5FA,EAAAA,IAAC,OAAA,CACC,UAAU,aACV,KAAK,eACL,EAAE,6CAAA,CAAA,CACJ,CAAA,CACF,EAGWC,EAASC,EAAAA,WACpB,CACE,CACE,QAAAC,EACA,KAAAC,EACA,UAAAC,EAAY,GACZ,YAAAC,EACA,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAAaL,GAAYF,EAE/B,OACEN,EAAAA,KAAC,SAAA,CACC,IAAAY,EACA,SAAUC,EACV,YAAWP,EACX,UAAWb,EAAGI,EAAe,CAAE,QAAAO,EAAS,KAAAC,CAAA,CAAM,EAAGK,CAAS,EACzD,GAAGC,EAEH,SAAA,CAAAL,SAAcP,EAAA,EAAQ,EACtBO,GAAaC,EAAcA,EAAcE,CAAA,CAAA,CAAA,CAGhD,CACF,EAEAP,EAAO,YAAc,SCrDd,MAAMY,EAAS,CACpB,QAAS,CACP,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SAAA,EAEP,QAAS,CACP,GAAI,UACJ,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,UACL,IAAK,SAAA,EAEP,OAAQ,CACN,IAAK,UACL,IAAK,SAAA,EAEP,QAAS,CACP,IAAK,UACL,IAAK,SAAA,CAET,ECnCaC,EAAU,CACrB,GAAI,UACJ,GAAI,SACJ,GAAI,OACJ,GAAI,SACJ,GAAI,OACJ,MAAO,MACT,ECPaC,EAAS,CACpB,GAAI,UACJ,GAAI,WACJ,GAAI,SACJ,KAAM,QACR,ECLaC,EAAa,CACxB,WAAY,CACV,KAAM,+BACN,KAAM,2BAAA,EAER,SAAU,CACR,GAAI,UACJ,GAAI,WACJ,KAAM,OACN,GAAI,WACJ,GAAI,SAAA,EAEN,WAAY,CACV,GAAI,OACJ,GAAI,UACJ,KAAM,SACN,GAAI,UACJ,GAAI,SAAA,CAER,ECnBaC,EAAS,CACpB,SAAU,IACV,OAAQ,KACR,QAAS,KACT,MAAO,KACP,MAAO,KACP,QAAS,IACX,ECPaC,EAAS,CACpB,SAAU,CACR,KAAM,QACN,KAAM,QACN,KAAM,OAAA,EAER,OAAQ,CACN,GAAI,+BACJ,OAAQ,mCAAA,CAEZ"}

package/dist/es/components/atoms/Button/Button.js

@@ -1,54 +0,0 @@
-import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { cn as f } from "../../../utils/cn.js";
-import { buttonVariants as u } from "./Button.styles.js";
-const d = () => /* @__PURE__ */ e(
-  "svg",
-  {
-    className: "animate-spin h-4 w-4",
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    "aria-hidden": "true",
-    children: [
-      /* @__PURE__ */ t("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-      /* @__PURE__ */ t(
-        "path",
-        {
-          className: "opacity-75",
-          fill: "currentColor",
-          d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
-        }
-      )
-    ]
-  }
-), h = p(
-  ({
-    variant: o,
-    size: a,
-    isLoading: r = !1,
-    loadingText: s,
-    disabled: i,
-    children: c,
-    className: l,
-    ...n
-  }, m) => /* @__PURE__ */ e(
-    "button",
-    {
-      ref: m,
-      disabled: i || r,
-      "aria-busy": r,
-      className: f(u({ variant: o, size: a }), l),
-      ...n,
-      children: [
-        r && /* @__PURE__ */ t(d, {}),
-        r && s ? s : c
-      ]
-    }
-  )
-);
-h.displayName = "Button";
-export {
-  h as Button
-};
-//# sourceMappingURL=Button.js.map

package/dist/es/components/atoms/Button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { cn } from '@/utils/cn'\nimport { buttonVariants } from './Button.styles'\nimport type { ButtonProps } from './Button.types'\n\nconst Spinner = () => (\n  <svg\n    className=\"animate-spin h-4 w-4\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    aria-hidden=\"true\"\n  >\n    <circle className=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" strokeWidth=\"4\" />\n    <path\n      className=\"opacity-75\"\n      fill=\"currentColor\"\n      d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z\"\n    />\n  </svg>\n)\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      variant,\n      size,\n      isLoading = false,\n      loadingText,\n      disabled,\n      children,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const isDisabled = disabled || isLoading\n\n    return (\n      <button\n        ref={ref}\n        disabled={isDisabled}\n        aria-busy={isLoading}\n        className={cn(buttonVariants({ variant, size }), className)}\n        {...props}\n      >\n        {isLoading && <Spinner />}\n        {isLoading && loadingText ? loadingText : children}\n      </button>\n    )\n  },\n)\n\nButton.displayName = 'Button'\n"],"names":["Spinner","jsxs","jsx","Button","forwardRef","variant","size","isLoading","loadingText","disabled","children","className","props","ref","cn","buttonVariants"],"mappings":";;;;AAKA,MAAMA,IAAU,MACd,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV,OAAM;AAAA,IACN,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,eAAY;AAAA,IAEZ,UAAA;AAAA,MAAA,gBAAAC,EAAC,UAAA,EAAO,WAAU,cAAa,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,QAAO,gBAAe,aAAY,KAAI;AAAA,MAC5F,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AACF,GAGWC,IAASC;AAAA,EACpB,CACE;AAAA,IACE,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MAKE,gBAAAZ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAY;AAAA,MACA,UALeJ,KAAYF;AAAA,MAM3B,aAAWA;AAAA,MACX,WAAWO,EAAGC,EAAe,EAAE,SAAAV,GAAS,MAAAC,EAAA,CAAM,GAAGK,CAAS;AAAA,MACzD,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAL,uBAAcP,GAAA,EAAQ;AAAA,QACtBO,KAAaC,IAAcA,IAAcE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIlD;AAEAP,EAAO,cAAc;"}

package/dist/es/components/atoms/Button/Button.styles.js

@@ -1,54 +0,0 @@
-import { cva as e } from "class-variance-authority";
-const t = e(
-  [
-    "inline-flex items-center justify-center gap-2",
-    "font-medium rounded-md",
-    "transition-colors duration-base ease-ui",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
-    "disabled:pointer-events-none disabled:opacity-50",
-    "motion-reduce:transition-none",
-    "min-h-touch min-w-touch"
-  ],
-  {
-    variants: {
-      variant: {
-        primary: [
-          "bg-primary-600 text-white",
-          "hover:bg-primary-700 active:bg-primary-800",
-          "focus-visible:ring-primary-500"
-        ],
-        secondary: [
-          "bg-neutral-100 text-neutral-900 border border-neutral-300",
-          "hover:bg-neutral-200 active:bg-neutral-300",
-          "focus-visible:ring-neutral-500",
-          "dark:bg-neutral-800 dark:text-neutral-100 dark:border-neutral-600",
-          "dark:hover:bg-neutral-700"
-        ],
-        ghost: [
-          "bg-transparent text-neutral-700",
-          "hover:bg-neutral-100 active:bg-neutral-200",
-          "focus-visible:ring-neutral-500",
-          "dark:text-neutral-300 dark:hover:bg-neutral-800"
-        ],
-        danger: [
-          "bg-danger-500 text-white",
-          "hover:bg-danger-600 active:bg-danger-600",
-          "focus-visible:ring-danger-500"
-        ]
-      },
-      size: {
-        sm: "h-8 px-3 text-sm",
-        md: "h-10 px-4 text-sm",
-        lg: "h-12 px-6 text-base"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      size: "md"
-    }
-  }
-);
-export {
-  t as buttonVariants
-};
-//# sourceMappingURL=Button.styles.js.map

package/dist/es/components/atoms/Button/Button.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.styles.js","sources":["../../../../../src/components/atoms/Button/Button.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const buttonVariants = cva(\n  [\n    'inline-flex items-center justify-center gap-2',\n    'font-medium rounded-md',\n    'transition-colors duration-base ease-ui',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2',\n    'disabled:pointer-events-none disabled:opacity-50',\n    'motion-reduce:transition-none',\n    'min-h-touch min-w-touch',\n  ],\n  {\n    variants: {\n      variant: {\n        primary: [\n          'bg-primary-600 text-white',\n          'hover:bg-primary-700 active:bg-primary-800',\n          'focus-visible:ring-primary-500',\n        ],\n        secondary: [\n          'bg-neutral-100 text-neutral-900 border border-neutral-300',\n          'hover:bg-neutral-200 active:bg-neutral-300',\n          'focus-visible:ring-neutral-500',\n          'dark:bg-neutral-800 dark:text-neutral-100 dark:border-neutral-600',\n          'dark:hover:bg-neutral-700',\n        ],\n        ghost: [\n          'bg-transparent text-neutral-700',\n          'hover:bg-neutral-100 active:bg-neutral-200',\n          'focus-visible:ring-neutral-500',\n          'dark:text-neutral-300 dark:hover:bg-neutral-800',\n        ],\n        danger: [\n          'bg-danger-500 text-white',\n          'hover:bg-danger-600 active:bg-danger-600',\n          'focus-visible:ring-danger-500',\n        ],\n      },\n      size: {\n        sm: 'h-8 px-3 text-sm',\n        md: 'h-10 px-4 text-sm',\n        lg: 'h-12 px-6 text-base',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n      size: 'md',\n    },\n  },\n)\n"],"names":["buttonVariants","cva"],"mappings":";AAEO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,WAAW;AAAA,UACT;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,OAAO;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEF,QAAQ;AAAA,UACN;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,MACF;AAAA,MAEF,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}

package/dist/es/index.js

@@ -1,17 +0,0 @@
-import { Button as t } from "./components/atoms/Button/Button.js";
-import { colors as e } from "./tokens/colors.js";
-import { motion as x } from "./tokens/motion.js";
-import { radius as n } from "./tokens/radius.js";
-import { spacing as i } from "./tokens/spacing.js";
-import { typography as c } from "./tokens/typography.js";
-import { zIndex as g } from "./tokens/z-index.js";
-export {
-  t as Button,
-  e as colors,
-  x as motion,
-  n as radius,
-  i as spacing,
-  c as typography,
-  g as zIndex
-};
-//# sourceMappingURL=index.js.map

package/dist/es/index.js.map

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

package/dist/es/tokens/colors.js

@@ -1,40 +0,0 @@
-const f = {
-  primary: {
-    50: "#eff6ff",
-    100: "#dbeafe",
-    200: "#bfdbfe",
-    300: "#93c5fd",
-    400: "#60a5fa",
-    500: "#3b82f6",
-    600: "#2563eb",
-    700: "#1d4ed8",
-    800: "#1e40af",
-    900: "#1e3a8a",
-    950: "#172554"
-  },
-  neutral: {
-    50: "#f9fafb",
-    100: "#f3f4f6",
-    200: "#e5e7eb",
-    300: "#d1d5db",
-    400: "#9ca3af",
-    500: "#6b7280",
-    600: "#4b5563",
-    700: "#374151",
-    800: "#1f2937",
-    900: "#111827",
-    950: "#030712"
-  },
-  danger: {
-    500: "#ef4444",
-    600: "#dc2626"
-  },
-  success: {
-    500: "#22c55e",
-    600: "#16a34a"
-  }
-};
-export {
-  f as colors
-};
-//# sourceMappingURL=colors.js.map

package/dist/es/tokens/colors.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors.js","sources":["../../../src/tokens/colors.ts"],"sourcesContent":["export const colors = {\n  primary: {\n    50: '#eff6ff',\n    100: '#dbeafe',\n    200: '#bfdbfe',\n    300: '#93c5fd',\n    400: '#60a5fa',\n    500: '#3b82f6',\n    600: '#2563eb',\n    700: '#1d4ed8',\n    800: '#1e40af',\n    900: '#1e3a8a',\n    950: '#172554',\n  },\n  neutral: {\n    50: '#f9fafb',\n    100: '#f3f4f6',\n    200: '#e5e7eb',\n    300: '#d1d5db',\n    400: '#9ca3af',\n    500: '#6b7280',\n    600: '#4b5563',\n    700: '#374151',\n    800: '#1f2937',\n    900: '#111827',\n    950: '#030712',\n  },\n  danger: {\n    500: '#ef4444',\n    600: '#dc2626',\n  },\n  success: {\n    500: '#22c55e',\n    600: '#16a34a',\n  },\n} as const\n"],"names":["colors"],"mappings":"AAAO,MAAMA,IAAS;AAAA,EACpB,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA,EAEP,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA,EAEP,QAAQ;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAAA,EAEP,SAAS;AAAA,IACP,KAAK;AAAA,IACL,KAAK;AAAA,EAAA;AAET;"}

package/dist/es/tokens/motion.js

@@ -1,15 +0,0 @@
-const i = {
-  duration: {
-    fast: "100ms",
-    base: "200ms",
-    slow: "350ms"
-  },
-  easing: {
-    ui: "cubic-bezier(0.4, 0, 0.2, 1)",
-    spring: "cubic-bezier(0.34, 1.56, 0.64, 1)"
-  }
-};
-export {
-  i as motion
-};
-//# sourceMappingURL=motion.js.map

package/dist/es/tokens/motion.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"motion.js","sources":["../../../src/tokens/motion.ts"],"sourcesContent":["export const motion = {\n  duration: {\n    fast: '100ms',\n    base: '200ms',\n    slow: '350ms',\n  },\n  easing: {\n    ui: 'cubic-bezier(0.4, 0, 0.2, 1)',\n    spring: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n  },\n} as const\n"],"names":["motion"],"mappings":"AAAO,MAAMA,IAAS;AAAA,EACpB,UAAU;AAAA,IACR,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,EAAA;AAAA,EAER,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,QAAQ;AAAA,EAAA;AAEZ;"}

package/dist/es/tokens/radius.js

@@ -1,10 +0,0 @@
-const m = {
-  sm: "0.25rem",
-  md: "0.375rem",
-  lg: "0.5rem",
-  full: "9999px"
-};
-export {
-  m as radius
-};
-//# sourceMappingURL=radius.js.map

package/dist/es/tokens/radius.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"radius.js","sources":["../../../src/tokens/radius.ts"],"sourcesContent":["export const radius = {\n  sm: '0.25rem',\n  md: '0.375rem',\n  lg: '0.5rem',\n  full: '9999px',\n} as const\n"],"names":["radius"],"mappings":"AAAO,MAAMA,IAAS;AAAA,EACpB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR;"}

package/dist/es/tokens/spacing.js

@@ -1,12 +0,0 @@
-const m = {
-  xs: "0.25rem",
-  sm: "0.5rem",
-  md: "1rem",
-  lg: "1.5rem",
-  xl: "2rem",
-  "2xl": "3rem"
-};
-export {
-  m as spacing
-};
-//# sourceMappingURL=spacing.js.map

package/dist/es/tokens/spacing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spacing.js","sources":["../../../src/tokens/spacing.ts"],"sourcesContent":["export 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"],"names":["spacing"],"mappings":"AAAO,MAAMA,IAAU;AAAA,EACrB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AACT;"}