@jbpark/ui-kit 2.9.1 → 2.9.3

package/README.ko.md

@@ -142,27 +142,28 @@ function App() {
 ```tsx
 // Typography 컴포넌트
 // Button 컴포넌트
-import { Button } from '@jbpark/ui-kit/Button';
+import Button from '@jbpark/ui-kit/Button';
 // Card 컴포넌트
-import { Card } from '@jbpark/ui-kit/Card';
+import Card from '@jbpark/ui-kit/Card';
 // Layout 컴포넌트
-import { Layout } from '@jbpark/ui-kit/Layout';
+import Layout from '@jbpark/ui-kit/Layout';
 // Menu 컴포넌트
-import { Menu } from '@jbpark/ui-kit/Menu';
+import Menu from '@jbpark/ui-kit/Menu';
 // Reveals 컴포넌트
-import { Reveals } from '@jbpark/ui-kit/Reveals';
+import Reveals from '@jbpark/ui-kit/Reveals';
 // Space 컴포넌트
-import { Space } from '@jbpark/ui-kit/Space';
+import Space from '@jbpark/ui-kit/Space';
 // Tag 컴포넌트
-import { Tag } from '@jbpark/ui-kit/Tag';
-import { Typography } from '@jbpark/ui-kit/Typography';
+import Tag from '@jbpark/ui-kit/Tag';
+import Typography from '@jbpark/ui-kit/Typography';
 ```
 
-> 필요한 컴포넌트만 쓸 거라면 루트 `@jbpark/ui-kit` 대신 개별 import 경로를 쓰는 걸
-> 권장합니다. 루트 진입점은 organisms 전체(Swiper 포함)를 다시 export하는데,
-> `Swiper`가 `swiper`의 CSS를 사이드 이펙트로 불러오기 때문에 Node/SSR
-> 빌드(예: Astro static build)에서 순수 `.css` import를 처리 못 해 빌드가
-> 깨질 수 있습니다.
+> 이 개별 import 경로들은 전부 default export만 있습니다 — `{ ComponentName }`이
+> 아니라 컴포넌트 자체를 import하세요. 필요한 컴포넌트만 쓸 거라면 루트
+> `@jbpark/ui-kit` 대신 개별 경로를 쓰는 걸 권장합니다. 루트 진입점은 organisms
+> 전체(Swiper 포함)를 다시 export하는데, `Swiper`가 `swiper`의 CSS를 사이드
+> 이펙트로 불러오기 때문에 Node/SSR 빌드(예: Astro static build)에서 순수
+> `.css` import를 처리 못 해 빌드가 깨질 수 있습니다.
 
 ### 유틸리티 및 열거형 import
 

package/README.md

@@ -142,27 +142,28 @@ function App() {
 ```tsx
 // Typography component
 // Button component
-import { Button } from '@jbpark/ui-kit/Button';
+import Button from '@jbpark/ui-kit/Button';
 // Card component
-import { Card } from '@jbpark/ui-kit/Card';
+import Card from '@jbpark/ui-kit/Card';
 // Layout component
-import { Layout } from '@jbpark/ui-kit/Layout';
+import Layout from '@jbpark/ui-kit/Layout';
 // Menu component
-import { Menu } from '@jbpark/ui-kit/Menu';
+import Menu from '@jbpark/ui-kit/Menu';
 // Reveals component
-import { Reveals } from '@jbpark/ui-kit/Reveals';
+import Reveals from '@jbpark/ui-kit/Reveals';
 // Space component
-import { Space } from '@jbpark/ui-kit/Space';
+import Space from '@jbpark/ui-kit/Space';
 // Tag component
-import { Tag } from '@jbpark/ui-kit/Tag';
-import { Typography } from '@jbpark/ui-kit/Typography';
+import Tag from '@jbpark/ui-kit/Tag';
+import Typography from '@jbpark/ui-kit/Typography';
 ```
 
-> Prefer these individual import paths over the root `@jbpark/ui-kit` entry when
-> you don't need every component. The root entry re-exports all organisms,
-> including `Swiper`, which pulls in `swiper`'s CSS as a side effect — this
-> can break Node/SSR builds (e.g. Astro static builds) that don't expect a
-> bare `.css` import.
+> Each of these deep-import paths only has a default export -- import the
+> component itself, not `{ ComponentName }`. Prefer these paths over the
+> root `@jbpark/ui-kit` entry when you don't need every component: the root
+> entry re-exports all organisms, including `Swiper`, which pulls in
+> `swiper`'s CSS as a side effect and can break Node/SSR builds (e.g. an
+> Astro static build) that don't expect a bare `.css` import.
 
 ### Import Utilities and Enums
 

package/dist/Button.d.mts

@@ -2,7 +2,7 @@ import { Props as Props$1 } from "./core/button.mjs";
 import "./core.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/atoms/Button/index.d.ts
+//#region src/components/atoms/button.d.ts
 type ButtonProps = Props$1;
 type PresetColors = 'blue' | 'purple' | 'cyan' | 'green' | 'magenta' | 'pink' | 'red' | 'orange' | 'yellow' | 'volcano' | 'geekblue' | 'lime' | 'gold';
 interface Props extends Omit<ButtonProps, 'size' | 'variant' | 'type'> {

package/dist/Button.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.mts","names":[],"sources":["../src/components/atoms/Button/index.tsx"],"mappings":";;;;;KAQK,WAAA,GAAc,OAAA;AAAA,KAEd,YAAA;AAAA,UAeY,KAAA,SAAc,IAAA,CAAK,WAAA;EAClC,IAAA,GAAO,KAAA,CAAM,SAAA;EACb,KAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EACA,IAAA;EACA,OAAA;EACA,KAAA;EACA,KAAA,GAAQ,YAAA;EACR,OAAA;IAAsB,IAAA,EAAM,KAAA,CAAM,SAAA;EAAA;AAAA;AAAA,cAkD9B,MAAA;EAAU,IAAA;EAAA,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,IAAA;EAAA,KAAA;EAAA,KAAA;EAAA,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA,MAAA;EAAA,QAAA;EAAA,WAAA;EAAA,GAAA;AAAA,GAeb,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Button.d.mts","names":[],"sources":["../src/components/atoms/button.tsx"],"mappings":";;;;;KAQK,WAAA,GAAc,OAAA;AAAA,KAEd,YAAA;AAAA,UAeY,KAAA,SAAc,IAAA,CAAK,WAAA;EAClC,IAAA,GAAO,KAAA,CAAM,SAAA;EACb,KAAA;EACA,MAAA;EACA,QAAA;EACA,IAAA;EACA,IAAA;EACA,OAAA;EACA,KAAA;EACA,KAAA,GAAQ,YAAA;EACR,OAAA;IAAsB,IAAA,EAAM,KAAA,CAAM,SAAA;EAAA;AAAA;AAAA,cAkD9B,MAAA;EAAU,IAAA;EAAA,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,IAAA;EAAA,KAAA;EAAA,KAAA;EAAA,KAAA;EAAA,QAAA;EAAA,OAAA;EAAA,MAAA;EAAA,QAAA;EAAA,WAAA;EAAA,GAAA;AAAA,GAeb,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Button.mjs

@@ -6,7 +6,7 @@ import "./core.mjs";
 import { LoaderCircle } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/atoms/Button/index.tsx
+//#region src/components/atoms/button.tsx
 const Core = Button$1;
 const variantClasses = {
 	solid: "",

package/dist/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","names":["button.Button"],"sources":["../src/components/atoms/Button/index.tsx"],"sourcesContent":["'use client';\n\nimport { LoaderCircle } from 'lucide-react';\n\nimport { button } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nconst Core = button.Button;\ntype ButtonProps = button.Props;\n\ntype PresetColors =\n  | 'blue'\n  | 'purple'\n  | 'cyan'\n  | 'green'\n  | 'magenta'\n  | 'pink'\n  | 'red'\n  | 'orange'\n  | 'yellow'\n  | 'volcano'\n  | 'geekblue'\n  | 'lime'\n  | 'gold';\n\nexport interface Props extends Omit<ButtonProps, 'size' | 'variant' | 'type'> {\n  icon?: React.ReactNode;\n  block?: boolean;\n  danger?: boolean;\n  disabled?: boolean;\n  size?: 'small' | 'middle' | 'large';\n  type?: 'primary' | 'default' | 'dashed' | 'text' | 'link';\n  variant?: 'solid' | 'outlined' | 'dashed' | 'filled' | 'text' | 'link';\n  shape?: 'default' | 'circle' | 'round';\n  color?: PresetColors | 'default' | 'primary' | 'danger';\n  loading?: boolean | { icon: React.ReactNode };\n}\n\nconst variantClasses: Record<string, string> = {\n  solid: '',\n  outlined: cn(\n    'border border-[color-mix(in_oklch,var(--btn-border),transparent_50%)]',\n    'bg-background text-foreground',\n    'hover:bg-accent',\n  ),\n  dashed: cn(\n    'border border-dashed border-[color-mix(in_oklch,var(--btn-border),transparent_50%)]',\n    'bg-background text-foreground',\n    'hover:bg-accent',\n  ),\n  filled: cn('bg-muted text-foreground', 'hover:bg-muted/80'),\n  text: cn('bg-transparent text-foreground', 'hover:bg-accent'),\n  link: cn(\n    'bg-transparent text-primary',\n    'underline-offset-4 hover:underline',\n    'hover:bg-primary/10',\n  ),\n};\n\nconst typeToVariant: Record<string, string> = {\n  primary: 'solid',\n  default: 'outlined',\n  dashed: 'dashed',\n  text: 'text',\n  link: 'link',\n};\n\nconst sizesClasses: Record<string, string> = {\n  small: 'h-6 px-3 text-sm',\n  middle: 'h-8 px-4 text-base',\n  large: 'h-10 px-5 text-lg',\n};\n\nconst iconClasses: Record<string, string> = {\n  small: `size-6 [&_svg:not([class*='size-'])]:size-3`,\n  middle: `size-8 [&_svg:not([class*='size-'])]:size-4`,\n  large: `size-10 [&_svg:not([class*='size-'])]:size-5`,\n};\n\nconst shapesClasses = {\n  default: 'rounded-sm',\n  circle: 'rounded-full',\n  round: 'rounded-2xl',\n};\n\nconst Button = ({\n  icon,\n  className,\n  type = 'default',\n  variant,\n  size = 'middle',\n  color = 'default',\n  shape = 'default',\n  block = false,\n  disabled,\n  loading,\n  danger,\n  children,\n  onMouseDown,\n  ...props\n}: Props) => {\n  const iconOnly = icon && !children;\n  const computedColor = danger ? 'danger' : color;\n  const colored = computedColor && computedColor !== 'default';\n  const resolvedVariant = variant ?? typeToVariant[type] ?? 'solid';\n\n  const displayIcon = loading ? (\n    typeof loading === 'object' ? (\n      loading.icon\n    ) : (\n      <LoaderCircle className=\"animate-spin\" />\n    )\n  ) : (\n    icon\n  );\n\n  return (\n    <Core\n      disabled={disabled}\n      variant=\"default\"\n      data-color={computedColor}\n      className={cn(\n        'inline-flex items-center justify-center gap-x-2',\n        'rounded-lg',\n        'cursor-pointer',\n        'h-auto py-0',\n        'transition-all',\n        variantClasses[resolvedVariant],\n        sizesClasses[size || 'medium'],\n        iconOnly && ['p-0', iconClasses[size || 'medium']],\n        shapesClasses[shape || 'default'],\n        block && 'w-full',\n        colored &&\n          (resolvedVariant === 'solid'\n            ? [\n                'bg-(--btn-bg)',\n                'hover:bg-(--btn-bg-hover)',\n                'active:bg-(--btn-bg-active)',\n                'text-(--btn-fg)',\n                'border-(--btn-border)',\n              ]\n            : [\n                'text-(--btn-bg)',\n                'border-[color-mix(in_oklch,var(--btn-border),transparent_50%)]',\n                //\n              ]),\n        className,\n        //\n      )}\n      onMouseDown={e => {\n        e.preventDefault();\n        onMouseDown?.(e);\n      }}\n      {...props}\n    >\n      {displayIcon}\n      {children}\n    </Core>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;;;;;AAOA,MAAM,OAAOA;AA+Bb,MAAM,iBAAyC;CAC7C,OAAO;CACP,UAAU,GACR,yEACA,iCACA,kBACD;CACD,QAAQ,GACN,uFACA,iCACA,kBACD;CACD,QAAQ,GAAG,4BAA4B,oBAAoB;CAC3D,MAAM,GAAG,kCAAkC,kBAAkB;CAC7D,MAAM,GACJ,+BACA,sCACA,sBACD;CACF;AAED,MAAM,gBAAwC;CAC5C,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,MAAM;CACP;AAED,MAAM,eAAuC;CAC3C,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,MAAM,cAAsC;CAC1C,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,MAAM,gBAAgB;CACpB,SAAS;CACT,QAAQ;CACR,OAAO;CACR;AAED,MAAM,UAAU,EACd,MACA,WACA,OAAO,WACP,SACA,OAAO,UACP,QAAQ,WACR,QAAQ,WACR,QAAQ,OACR,UACA,SACA,QACA,UACA,aACA,GAAG,YACQ;CACX,MAAM,WAAW,QAAQ,CAAC;CAC1B,MAAM,gBAAgB,SAAS,WAAW;CAC1C,MAAM,UAAU,iBAAiB,kBAAkB;CACnD,MAAM,kBAAkB,WAAW,cAAc,SAAS;CAE1D,MAAM,cAAc,UAClB,OAAO,YAAY,WACjB,QAAQ,OAER,oBAAC,gBAAa,WAAU,iBAAiB,GAG3C;AAGF,QACE,qBAAC;EACW;EACV,SAAQ;EACR,cAAY;EACZ,WAAW,GACT,mDACA,cACA,kBACA,eACA,kBACA,eAAe,kBACf,aAAa,QAAQ,WACrB,YAAY,CAAC,OAAO,YAAY,QAAQ,UAAU,EAClD,cAAc,SAAS,YACvB,SAAS,UACT,YACG,oBAAoB,UACjB;GACE;GACA;GACA;GACA;GACA;GACD,GACD,CACE,mBACA,iEAED,GACP,UAED;EACD,cAAa,MAAK;AAChB,KAAE,gBAAgB;AAClB,iBAAc,EAAE;;EAElB,GAAI;aAEH,aACA;GACI"}
+{"version":3,"file":"Button.mjs","names":["button.Button"],"sources":["../src/components/atoms/button.tsx"],"sourcesContent":["'use client';\n\nimport { LoaderCircle } from 'lucide-react';\n\nimport { button } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nconst Core = button.Button;\ntype ButtonProps = button.Props;\n\ntype PresetColors =\n  | 'blue'\n  | 'purple'\n  | 'cyan'\n  | 'green'\n  | 'magenta'\n  | 'pink'\n  | 'red'\n  | 'orange'\n  | 'yellow'\n  | 'volcano'\n  | 'geekblue'\n  | 'lime'\n  | 'gold';\n\nexport interface Props extends Omit<ButtonProps, 'size' | 'variant' | 'type'> {\n  icon?: React.ReactNode;\n  block?: boolean;\n  danger?: boolean;\n  disabled?: boolean;\n  size?: 'small' | 'middle' | 'large';\n  type?: 'primary' | 'default' | 'dashed' | 'text' | 'link';\n  variant?: 'solid' | 'outlined' | 'dashed' | 'filled' | 'text' | 'link';\n  shape?: 'default' | 'circle' | 'round';\n  color?: PresetColors | 'default' | 'primary' | 'danger';\n  loading?: boolean | { icon: React.ReactNode };\n}\n\nconst variantClasses: Record<string, string> = {\n  solid: '',\n  outlined: cn(\n    'border border-[color-mix(in_oklch,var(--btn-border),transparent_50%)]',\n    'bg-background text-foreground',\n    'hover:bg-accent',\n  ),\n  dashed: cn(\n    'border border-dashed border-[color-mix(in_oklch,var(--btn-border),transparent_50%)]',\n    'bg-background text-foreground',\n    'hover:bg-accent',\n  ),\n  filled: cn('bg-muted text-foreground', 'hover:bg-muted/80'),\n  text: cn('bg-transparent text-foreground', 'hover:bg-accent'),\n  link: cn(\n    'bg-transparent text-primary',\n    'underline-offset-4 hover:underline',\n    'hover:bg-primary/10',\n  ),\n};\n\nconst typeToVariant: Record<string, string> = {\n  primary: 'solid',\n  default: 'outlined',\n  dashed: 'dashed',\n  text: 'text',\n  link: 'link',\n};\n\nconst sizesClasses: Record<string, string> = {\n  small: 'h-6 px-3 text-sm',\n  middle: 'h-8 px-4 text-base',\n  large: 'h-10 px-5 text-lg',\n};\n\nconst iconClasses: Record<string, string> = {\n  small: `size-6 [&_svg:not([class*='size-'])]:size-3`,\n  middle: `size-8 [&_svg:not([class*='size-'])]:size-4`,\n  large: `size-10 [&_svg:not([class*='size-'])]:size-5`,\n};\n\nconst shapesClasses = {\n  default: 'rounded-sm',\n  circle: 'rounded-full',\n  round: 'rounded-2xl',\n};\n\nconst Button = ({\n  icon,\n  className,\n  type = 'default',\n  variant,\n  size = 'middle',\n  color = 'default',\n  shape = 'default',\n  block = false,\n  disabled,\n  loading,\n  danger,\n  children,\n  onMouseDown,\n  ...props\n}: Props) => {\n  const iconOnly = icon && !children;\n  const computedColor = danger ? 'danger' : color;\n  const colored = computedColor && computedColor !== 'default';\n  const resolvedVariant = variant ?? typeToVariant[type] ?? 'solid';\n\n  const displayIcon = loading ? (\n    typeof loading === 'object' ? (\n      loading.icon\n    ) : (\n      <LoaderCircle className=\"animate-spin\" />\n    )\n  ) : (\n    icon\n  );\n\n  return (\n    <Core\n      disabled={disabled}\n      variant=\"default\"\n      data-color={computedColor}\n      className={cn(\n        'inline-flex items-center justify-center gap-x-2',\n        'rounded-lg',\n        'cursor-pointer',\n        'h-auto py-0',\n        'transition-all',\n        variantClasses[resolvedVariant],\n        sizesClasses[size || 'medium'],\n        iconOnly && ['p-0', iconClasses[size || 'medium']],\n        shapesClasses[shape || 'default'],\n        block && 'w-full',\n        colored &&\n          (resolvedVariant === 'solid'\n            ? [\n                'bg-(--btn-bg)',\n                'hover:bg-(--btn-bg-hover)',\n                'active:bg-(--btn-bg-active)',\n                'text-(--btn-fg)',\n                'border-(--btn-border)',\n              ]\n            : [\n                'text-(--btn-bg)',\n                'border-[color-mix(in_oklch,var(--btn-border),transparent_50%)]',\n                //\n              ]),\n        className,\n        //\n      )}\n      onMouseDown={e => {\n        e.preventDefault();\n        onMouseDown?.(e);\n      }}\n      {...props}\n    >\n      {displayIcon}\n      {children}\n    </Core>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;;;;;AAOA,MAAM,OAAOA;AA+Bb,MAAM,iBAAyC;CAC7C,OAAO;CACP,UAAU,GACR,yEACA,iCACA,kBACD;CACD,QAAQ,GACN,uFACA,iCACA,kBACD;CACD,QAAQ,GAAG,4BAA4B,oBAAoB;CAC3D,MAAM,GAAG,kCAAkC,kBAAkB;CAC7D,MAAM,GACJ,+BACA,sCACA,sBACD;CACF;AAED,MAAM,gBAAwC;CAC5C,SAAS;CACT,SAAS;CACT,QAAQ;CACR,MAAM;CACN,MAAM;CACP;AAED,MAAM,eAAuC;CAC3C,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,MAAM,cAAsC;CAC1C,OAAO;CACP,QAAQ;CACR,OAAO;CACR;AAED,MAAM,gBAAgB;CACpB,SAAS;CACT,QAAQ;CACR,OAAO;CACR;AAED,MAAM,UAAU,EACd,MACA,WACA,OAAO,WACP,SACA,OAAO,UACP,QAAQ,WACR,QAAQ,WACR,QAAQ,OACR,UACA,SACA,QACA,UACA,aACA,GAAG,YACQ;CACX,MAAM,WAAW,QAAQ,CAAC;CAC1B,MAAM,gBAAgB,SAAS,WAAW;CAC1C,MAAM,UAAU,iBAAiB,kBAAkB;CACnD,MAAM,kBAAkB,WAAW,cAAc,SAAS;CAE1D,MAAM,cAAc,UAClB,OAAO,YAAY,WACjB,QAAQ,OAER,oBAAC,gBAAa,WAAU,iBAAiB,GAG3C;AAGF,QACE,qBAAC;EACW;EACV,SAAQ;EACR,cAAY;EACZ,WAAW,GACT,mDACA,cACA,kBACA,eACA,kBACA,eAAe,kBACf,aAAa,QAAQ,WACrB,YAAY,CAAC,OAAO,YAAY,QAAQ,UAAU,EAClD,cAAc,SAAS,YACvB,SAAS,UACT,YACG,oBAAoB,UACjB;GACE;GACA;GACA;GACA;GACA;GACD,GACD,CACE,mBACA,iEAED,GACP,UAED;EACD,cAAa,MAAK;AAChB,KAAE,gBAAgB;AAClB,iBAAc,EAAE;;EAElB,GAAI;aAEH,aACA;GACI"}

package/dist/Card.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/molecules/Card/index.d.ts
+//#region src/components/molecules/card.d.ts
 interface Props extends Omit<React.ComponentPropsWithRef<'div'>, 'title'> {
   title?: React.ReactNode;
   variant?: 'outlined' | 'borderless';

package/dist/Card.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.mts","names":[],"sources":["../src/components/molecules/Card/index.tsx"],"mappings":";;;UAEU,KAAA,SAAc,IAAA,CAAK,KAAA,CAAM,qBAAA;EACjC,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,OAAA;EACA,UAAA;IACE,KAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIE,IAAA;EAAQ,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,UAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAOX,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Card.d.mts","names":[],"sources":["../src/components/molecules/card.tsx"],"mappings":";;;UAEU,KAAA,SAAc,IAAA,CAAK,KAAA,CAAM,qBAAA;EACjC,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,OAAA;EACA,UAAA;IACE,KAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAIE,IAAA;EAAQ,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,UAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAOX,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Card.mjs

@@ -1,7 +1,7 @@
 import { cn, renderConditional } from "./utils.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/molecules/Card/index.tsx
+//#region src/components/molecules/card.tsx
 const Card = ({ title, children, className, classNames, variant = "outlined", ...props }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("w-full", "rounded-lg p-4", "bg-card text-card-foreground shadow-sm transition-all", variant === "outlined" && "border-border border", className),

package/dist/Card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.mjs","names":[],"sources":["../src/components/molecules/Card/index.tsx"],"sourcesContent":["import { cn, renderConditional } from '@repo/ui/utils';\n\ninterface Props extends Omit<React.ComponentPropsWithRef<'div'>, 'title'> {\n  title?: React.ReactNode;\n  variant?: 'outlined' | 'borderless';\n  classNames?: {\n    title?: string;\n    body?: string;\n  };\n}\n\nconst Card = ({\n  title,\n  children,\n  className,\n  classNames,\n  variant = 'outlined',\n  ...props\n}: Props) => {\n  return (\n    <div\n      className={cn(\n        'w-full',\n        'rounded-lg p-4',\n        'bg-card text-card-foreground shadow-sm transition-all',\n        variant === 'outlined' && 'border-border border',\n        className,\n        //\n      )}\n      {...props}\n    >\n      {renderConditional(title, v => (\n        <div\n          className={cn(\n            'mb-4 font-bold',\n            classNames?.title,\n            //\n          )}\n        >\n          {v}\n        </div>\n      ))}\n      <div\n        className={cn(\n          classNames?.body,\n          //\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport default Card;\n"],"mappings":";;;;AAWA,MAAM,QAAQ,EACZ,OACA,UACA,WACA,YACA,UAAU,YACV,GAAG,YACQ;AACX,QACE,qBAAC;EACC,WAAW,GACT,UACA,kBACA,yDACA,YAAY,cAAc,wBAC1B,UAED;EACD,GAAI;aAEH,kBAAkB,QAAO,MACxB,oBAAC;GACC,WAAW,GACT,kBACA,YAAY,MAEb;aAEA;IACG,CACN,EACF,oBAAC;GACC,WAAW,GACT,YAAY,KAEb;GAEA;IACG;GACF"}
+{"version":3,"file":"Card.mjs","names":[],"sources":["../src/components/molecules/card.tsx"],"sourcesContent":["import { cn, renderConditional } from '@repo/ui/utils';\n\ninterface Props extends Omit<React.ComponentPropsWithRef<'div'>, 'title'> {\n  title?: React.ReactNode;\n  variant?: 'outlined' | 'borderless';\n  classNames?: {\n    title?: string;\n    body?: string;\n  };\n}\n\nconst Card = ({\n  title,\n  children,\n  className,\n  classNames,\n  variant = 'outlined',\n  ...props\n}: Props) => {\n  return (\n    <div\n      className={cn(\n        'w-full',\n        'rounded-lg p-4',\n        'bg-card text-card-foreground shadow-sm transition-all',\n        variant === 'outlined' && 'border-border border',\n        className,\n        //\n      )}\n      {...props}\n    >\n      {renderConditional(title, v => (\n        <div\n          className={cn(\n            'mb-4 font-bold',\n            classNames?.title,\n            //\n          )}\n        >\n          {v}\n        </div>\n      ))}\n      <div\n        className={cn(\n          classNames?.body,\n          //\n        )}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nexport default Card;\n"],"mappings":";;;;AAWA,MAAM,QAAQ,EACZ,OACA,UACA,WACA,YACA,UAAU,YACV,GAAG,YACQ;AACX,QACE,qBAAC;EACC,WAAW,GACT,UACA,kBACA,yDACA,YAAY,cAAc,wBAC1B,UAED;EACD,GAAI;aAEH,kBAAkB,QAAO,MACxB,oBAAC;GACC,WAAW,GACT,kBACA,YAAY,MAEb;aAEA;IACG,CACN,EACF,oBAAC;GACC,WAAW,GACT,YAAY,KAEb;GAEA;IACG;GACF"}

package/dist/Layout.d.mts

@@ -1,48 +1,17 @@
-import { Props } from "./components/templates/Layout/Content/index.mjs";
-import { Props as Props$1 } from "./components/templates/Layout/Footer/index.mjs";
-import { Props as Props$2 } from "./components/templates/Layout/Header/index.mjs";
-import { Props as Props$4 } from "./components/templates/Layout/Sider/index.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Content, Props } from "./components/templates/layout/content.mjs";
+import { Footer, Props as Props$1 } from "./components/templates/layout/footer.mjs";
+import { Header, Props as Props$2 } from "./components/templates/layout/header.mjs";
+import { Layout as Layout$1, Props as Props$3 } from "./components/templates/layout/layout.mjs";
+import { Props as Props$4, Sider } from "./components/templates/layout/sider.mjs";
 
-//#region src/components/templates/Layout/index.d.ts
-interface Props$3 extends React.ComponentPropsWithoutRef<'div'> {}
-declare const Layout: {
-  ({
-    children,
-    className,
-    ...props
-  }: Props$3): react_jsx_runtime0.JSX.Element;
-  Content: ({
-    children,
-    className,
-    ...props
-  }: Props) => react_jsx_runtime0.JSX.Element;
-  Footer: ({
-    children,
-    className,
-    ...props
-  }: Props$1) => react_jsx_runtime0.JSX.Element;
-  Header: ({
-    children,
-    className,
-    ...props
-  }: Props$2) => react_jsx_runtime0.JSX.Element;
-  Sider: ({
-    children,
-    className,
-    classNames,
-    style,
-    width,
-    collapsedWidth,
-    collapsible,
-    defaultCollapsed,
-    collapsed: _collapsed,
-    reverseArrow,
-    trigger,
-    onCollapse: _onCollapse,
-    ...props
-  }: Props$4) => react_jsx_runtime0.JSX.Element;
+//#region src/components/templates/layout/index.d.ts
+type LayoutComponent = typeof Layout$1 & {
+  Content: typeof Content;
+  Footer: typeof Footer;
+  Header: typeof Header;
+  Sider: typeof Sider;
 };
+declare const Layout: LayoutComponent;
 //#endregion
-export { type Props as ContentProps, type Props$1 as FooterProps, type Props$2 as HeaderProps, Props$3 as Props, type Props$4 as SiderProps, Layout as default };
+export { type Props as ContentProps, type Props$1 as FooterProps, type Props$2 as HeaderProps, type Props$3 as Props, type Props$4 as SiderProps, Layout as default };
 //# sourceMappingURL=Layout.d.mts.map

package/dist/Layout.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.mts","names":[],"sources":["../src/components/templates/Layout/index.tsx"],"mappings":";;;;;;;UAciB,OAAA,SAAc,KAAA,CAAM,wBAAA;AAAA,cAO/B,MAAA;EAAA;;;;KAA6C,OAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Layout.d.mts","names":[],"sources":["../src/components/templates/layout/index.ts"],"mappings":";;;;;;;KAMK,eAAA,UAAyB,QAAA;EAC5B,OAAA,SAAgB,OAAA;EAChB,MAAA,SAAe,MAAA;EACf,MAAA,SAAe,MAAA;EACf,KAAA,SAAc,KAAA;AAAA;AAAA,cAGV,MAAA,EAAuB,eAAA"}

package/dist/Layout.mjs

@@ -1,20 +1,11 @@
-import { cn } from "./utils.mjs";
-import Content from "./components/templates/Layout/Content/index.mjs";
-import Footer from "./components/templates/Layout/Footer/index.mjs";
-import Header from "./components/templates/Layout/Header/index.mjs";
-import Sider from "./components/templates/Layout/Sider/index.mjs";
-import { Children, isValidElement } from "react";
-import { jsx } from "react/jsx-runtime";
+import Content from "./components/templates/layout/content.mjs";
+import Footer from "./components/templates/layout/footer.mjs";
+import Header from "./components/templates/layout/header.mjs";
+import Sider from "./components/templates/layout/sider.mjs";
+import Layout$1 from "./components/templates/layout/layout.mjs";
 
-//#region src/components/templates/Layout/index.tsx
-const hasSiderChild = (children) => Children.toArray(children).some((child) => isValidElement(child) && child.type === Sider);
-const Layout = ({ children, className, ...props }) => {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex min-h-0 w-full flex-1", hasSiderChild(children) ? "flex-row" : "flex-col", className),
-		...props,
-		children
-	});
-};
+//#region src/components/templates/layout/index.ts
+const Layout = Layout$1;
 Layout.Content = Content;
 Layout.Footer = Footer;
 Layout.Header = Header;

package/dist/Layout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.mjs","names":[],"sources":["../src/components/templates/Layout/index.tsx"],"sourcesContent":["import { Children, isValidElement } from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport Content from './Content';\nimport Footer from './Footer';\nimport Header from './Header';\nimport Sider from './Sider';\n\nexport type { Props as ContentProps } from './Content';\nexport type { Props as FooterProps } from './Footer';\nexport type { Props as HeaderProps } from './Header';\nexport type { Props as SiderProps } from './Sider';\n\nexport interface Props extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst hasSiderChild = (children: React.ReactNode) =>\n  Children.toArray(children).some(\n    child => isValidElement(child) && child.type === Sider,\n  );\n\nconst Layout = ({ children, className, ...props }: Props) => {\n  const isRow = hasSiderChild(children);\n\n  return (\n    <div\n      className={cn(\n        'flex min-h-0 w-full flex-1',\n        isRow ? 'flex-row' : 'flex-col',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n};\n\nLayout.Content = Content;\nLayout.Footer = Footer;\nLayout.Header = Header;\nLayout.Sider = Sider;\n\nexport default Layout;\n"],"mappings":";;;;;;;;;AAgBA,MAAM,iBAAiB,aACrB,SAAS,QAAQ,SAAS,CAAC,MACzB,UAAS,eAAe,MAAM,IAAI,MAAM,SAAS,MAClD;AAEH,MAAM,UAAU,EAAE,UAAU,WAAW,GAAG,YAAmB;AAG3D,QACE,oBAAC;EACC,WAAW,GACT,8BALQ,cAAc,SAAS,GAMvB,aAAa,YACrB,UACD;EACD,GAAI;EAEH;GACG;;AAIV,OAAO,UAAU;AACjB,OAAO,SAAS;AAChB,OAAO,SAAS;AAChB,OAAO,QAAQ"}
+{"version":3,"file":"Layout.mjs","names":["LayoutImpl"],"sources":["../src/components/templates/layout/index.ts"],"sourcesContent":["import Content from './content';\nimport Footer from './footer';\nimport Header from './header';\nimport LayoutImpl, { type Props } from './layout';\nimport Sider from './sider';\n\ntype LayoutComponent = typeof LayoutImpl & {\n  Content: typeof Content;\n  Footer: typeof Footer;\n  Header: typeof Header;\n  Sider: typeof Sider;\n};\n\nconst Layout = LayoutImpl as LayoutComponent;\n\nLayout.Content = Content;\nLayout.Footer = Footer;\nLayout.Header = Header;\nLayout.Sider = Sider;\n\nexport default Layout;\nexport type { Props };\nexport type { Props as ContentProps } from './content';\nexport type { Props as FooterProps } from './footer';\nexport type { Props as HeaderProps } from './header';\nexport type { Props as SiderProps } from './sider';\n"],"mappings":";;;;;;;AAaA,MAAM,SAASA;AAEf,OAAO,UAAU;AACjB,OAAO,SAAS;AAChB,OAAO,SAAS;AAChB,OAAO,QAAQ"}

package/dist/Menu.d.mts

@@ -1,62 +1,2 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/molecules/Menu/index.d.ts
-interface MenuItem {
-  label: React.ReactNode;
-  key: React.Key;
-  type?: string;
-  path?: string;
-  children?: MenuItem[];
-}
-interface Props {
-  mode?: 'horizontal' | 'vertical' | 'inline';
-  selectedKeys?: React.Key[];
-  defaultSelectedKeys?: React.Key[];
-  selectionMap?: SelectionMap;
-  offset?: [number, number];
-  inlineOffset?: number;
-  classNames?: {
-    rootItem?: string;
-    subMenu?: string;
-    item?: string;
-    label?: string;
-  };
-  styles?: {
-    rootItem?: React.CSSProperties;
-    subMenu?: React.CSSProperties;
-    item?: React.CSSProperties;
-    label?: React.CSSProperties;
-  };
-  onClick?: ClickEventHandler;
-  onSelect?: ClickEventHandler;
-}
-interface MenuProps extends Props, Omit<React.ComponentPropsWithoutRef<'ul'>, 'onClick' | 'onSelect'> {
-  items?: MenuItem[];
-}
-type ClickEventHandler = (params: {
-  domEvent: React.MouseEvent;
-  key: React.Key;
-  keyPath: React.Key[];
-  item: MenuItem;
-}) => void;
-declare const MENU_CLASSNAMES: string[];
-type SelectionMap = ReadonlyMap<React.Key, boolean>;
-declare const buildSelectionMap: (items: MenuItem[], selectedKeysSet: ReadonlySet<React.Key>) => SelectionMap;
-declare const findKey: (menu: MenuItem, targetKeys: ReadonlySet<React.Key>) => boolean;
-declare const Menu: ({
-  items,
-  mode,
-  defaultSelectedKeys,
-  selectedKeys: _selectedKeys,
-  className,
-  classNames,
-  styles,
-  offset,
-  inlineOffset,
-  onClick,
-  onSelect: _onSelect,
-  ...props
-}: MenuProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { ClickEventHandler, MENU_CLASSNAMES, MenuItem, MenuProps, Props, SelectionMap, buildSelectionMap, Menu as default, findKey };
-//# sourceMappingURL=Menu.d.mts.map
+import { ClickEventHandler, MENU_CLASSNAMES, Menu, MenuItem, MenuProps, Props, SelectionMap, buildSelectionMap, findKey } from "./components/molecules/menu/menu.mjs";
+export { type ClickEventHandler, MENU_CLASSNAMES, type MenuItem, type MenuProps, type Props, type SelectionMap, buildSelectionMap, Menu as default, findKey };

package/dist/Menu.mjs

@@ -1,69 +1,3 @@
-'use client';
+import Menu, { MENU_CLASSNAMES, buildSelectionMap, findKey } from "./components/molecules/menu/menu.mjs";
 
-import { cn } from "./utils.mjs";
-import Item from "./components/molecules/Menu/Item/index.mjs";
-import { createElement, useMemo, useState } from "react";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/molecules/Menu/index.tsx
-const MENU_CLASSNAMES = [
-	"p-0",
-	"bg-white",
-	"shadow-md",
-	"rounded-md"
-];
-const buildSelectionMap = (items, selectedKeysSet) => {
-	const map = /* @__PURE__ */ new Map();
-	const dfs = (node) => {
-		const self = selectedKeysSet.has(node.key);
-		const hasSelectedChild = node.children?.some((child) => dfs(child)) ?? false;
-		const isSelected = self || hasSelectedChild;
-		map.set(node.key, isSelected);
-		return isSelected;
-	};
-	items.forEach(dfs);
-	return map;
-};
-const findKey = (menu, targetKeys) => {
-	if (targetKeys.has(menu.key)) return true;
-	if (menu.children && Array.isArray(menu.children)) {
-		for (const child of menu.children) if (findKey(child, targetKeys)) return true;
-	}
-	return false;
-};
-const Menu = ({ items, mode = "vertical", defaultSelectedKeys = [], selectedKeys: _selectedKeys, className, classNames, styles, offset, inlineOffset, onClick, onSelect: _onSelect, ...props }) => {
-	const controlled = _selectedKeys !== void 0;
-	const [uncontrolledSelectedKeys, setUncontrolledSelectedKeys] = useState(defaultSelectedKeys ?? []);
-	const selectedKeys = controlled ? _selectedKeys : uncontrolledSelectedKeys;
-	const selectedKeysSet = useMemo(() => new Set(selectedKeys ?? []), [selectedKeys]);
-	const selectionMap = useMemo(() => buildSelectionMap(items ?? [], selectedKeysSet), [items, selectedKeysSet]);
-	const onSelect = (params) => {
-		if (!controlled) setUncontrolledSelectedKeys([params.key]);
-		_onSelect?.(params);
-	};
-	return /* @__PURE__ */ jsx("ul", {
-		role: "menu",
-		className: cn(MENU_CLASSNAMES, mode === "horizontal" ? "flex" : "inline-block", className),
-		...props,
-		children: items?.map((item) => /* @__PURE__ */ createElement(Item, {
-			root: true,
-			...item,
-			key: item.key,
-			itemKey: item.key,
-			keyPath: [item.key],
-			selectedKeys,
-			selectionMap,
-			mode,
-			classNames,
-			styles,
-			offset,
-			inlineOffset,
-			onClick,
-			onSelect
-		}))
-	});
-};
-
-//#endregion
-export { MENU_CLASSNAMES, buildSelectionMap, Menu as default, findKey };
-//# sourceMappingURL=Menu.mjs.map
+export { MENU_CLASSNAMES, buildSelectionMap, Menu as default, findKey };

package/dist/Reveals.d.mts

@@ -1,43 +1,11 @@
-import { Item, ItemProps } from "./components/molecules/Reveals/Item/index.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Item, ItemProps } from "./components/molecules/reveals/item.mjs";
+import { CASCADE, DELAY, DURATION, Props, Reveals as Reveals$1 } from "./components/molecules/reveals/reveals.mjs";
 
-//#region src/components/molecules/Reveals/index.d.ts
-interface Props extends React.ComponentPropsWithoutRef<'div'>, ItemProps {
-  cascade?: number;
-  classNames?: {
-    root?: string;
-    item?: string;
-  };
-  once?: boolean;
-  items?: ItemProps[];
-}
-declare const DURATION = 0.6;
-declare const DELAY = 0;
-declare const CASCADE = 0.1;
-declare const Reveals: {
-  ({
-    children,
-    className,
-    classNames,
-    items,
-    cascade,
-    duration,
-    delay,
-    ...props
-  }: Props): react_jsx_runtime0.JSX.Element;
-  Item: ({
-    effect,
-    children,
-    once,
-    viewport,
-    variants,
-    duration,
-    delay,
-    transition,
-    className,
-    ...props
-  }: ItemProps) => react_jsx_runtime0.JSX.Element;
+//#region src/components/molecules/reveals/index.d.ts
+type RevealsComponent = typeof Reveals$1 & {
+  Item: typeof Item;
 };
+declare const Reveals: RevealsComponent;
 //#endregion
 export { CASCADE, DELAY, DURATION, Item, type ItemProps, type Props as RevealsProps, Reveals as default };
 //# sourceMappingURL=Reveals.d.mts.map

package/dist/Reveals.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Reveals.d.mts","names":[],"sources":["../src/components/molecules/Reveals/index.tsx"],"mappings":";;;;UAMU,KAAA,SAAc,KAAA,CAAM,wBAAA,SAAiC,SAAA;EAC7D,OAAA;EACA,UAAA;IACE,IAAA;IACA,IAAA;EAAA;EAEF,IAAA;EACA,KAAA,GAAQ,SAAA;AAAA;AAAA,cAGJ,QAAA;AAAA,cACA,KAAA;AAAA,cACA,OAAA;AAAA,cAEA,OAAA;EAAA;;;;;;;;;KASH,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Reveals.d.mts","names":[],"sources":["../src/components/molecules/reveals/index.ts"],"mappings":";;;;KAGK,gBAAA,UAA0B,SAAA;EAAgB,IAAA,SAAa,IAAA;AAAA;AAAA,cAEtD,OAAA,EAAyB,gBAAA"}

package/dist/Reveals.mjs

@@ -1,27 +1,8 @@
-import { cn } from "./utils.mjs";
-import Item from "./components/molecules/Reveals/Item/index.mjs";
-import { Children } from "react";
-import { jsx } from "react/jsx-runtime";
+import Item from "./components/molecules/reveals/item.mjs";
+import Reveals$1, { CASCADE, DELAY, DURATION } from "./components/molecules/reveals/reveals.mjs";
 
-//#region src/components/molecules/Reveals/index.tsx
-const DURATION = .6;
-const DELAY = 0;
-const CASCADE = .1;
-const Reveals = ({ children, className, classNames, items = [], cascade = CASCADE, duration = DURATION, delay = DELAY, ...props }) => {
-	const renderItems = (items) => items.map((item, index) => /* @__PURE__ */ jsx(Item, {
-		duration,
-		delay: delay + cascade * index,
-		className: cn(item.className, classNames?.item),
-		...props,
-		...item,
-		children: item.children
-	}, index));
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex gap-5", className, classNames?.root),
-		...props,
-		children: renderItems(children ? Children.toArray(children).map((child) => ({ children: child })) : items)
-	});
-};
+//#region src/components/molecules/reveals/index.ts
+const Reveals = Reveals$1;
 Reveals.Item = Item;
 
 //#endregion

package/dist/Reveals.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Reveals.mjs","names":[],"sources":["../src/components/molecules/Reveals/index.tsx"],"sourcesContent":["import { Children } from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport Item, { type ItemProps } from './Item';\n\ninterface Props extends React.ComponentPropsWithoutRef<'div'>, ItemProps {\n  cascade?: number;\n  classNames?: {\n    root?: string;\n    item?: string;\n  };\n  once?: boolean;\n  items?: ItemProps[];\n}\n\nconst DURATION = 0.6;\nconst DELAY = 0;\nconst CASCADE = 0.1;\n\nconst Reveals = ({\n  children,\n  className,\n  classNames,\n  items = [],\n  cascade = CASCADE,\n  duration = DURATION,\n  delay = DELAY,\n  ...props\n}: Props) => {\n  const renderItems = (items: ItemProps[]) =>\n    items.map((item, index) => (\n      <Item\n        key={index}\n        duration={duration}\n        delay={delay + cascade * index}\n        className={cn(\n          item.className,\n          classNames?.item,\n          //\n        )}\n        {...props}\n        {...item}\n        //\n      >\n        {item.children}\n      </Item>\n    ));\n\n  return (\n    <div\n      className={cn(\n        'flex gap-5',\n        className,\n        classNames?.root,\n        //\n      )}\n      {...props}\n    >\n      {renderItems(\n        children\n          ? Children.toArray(children).map(child => ({\n              children: child,\n            }))\n          : items,\n      )}\n    </div>\n  );\n};\n\nReveals.Item = Item;\n\nexport {\n  Item,\n  type ItemProps,\n  type Props as RevealsProps,\n  DURATION,\n  DELAY,\n  CASCADE,\n};\n\nexport default Reveals;\n"],"mappings":";;;;;;AAgBA,MAAM,WAAW;AACjB,MAAM,QAAQ;AACd,MAAM,UAAU;AAEhB,MAAM,WAAW,EACf,UACA,WACA,YACA,QAAQ,EAAE,EACV,UAAU,SACV,WAAW,UACX,QAAQ,OACR,GAAG,YACQ;CACX,MAAM,eAAe,UACnB,MAAM,KAAK,MAAM,UACf,oBAAC;EAEW;EACV,OAAO,QAAQ,UAAU;EACzB,WAAW,GACT,KAAK,WACL,YAAY,KAEb;EACD,GAAI;EACJ,GAAI;YAGH,KAAK;IAZD,MAaA,CACP;AAEJ,QACE,oBAAC;EACC,WAAW,GACT,cACA,WACA,YAAY,KAEb;EACD,GAAI;YAEH,YACC,WACI,SAAS,QAAQ,SAAS,CAAC,KAAI,WAAU,EACvC,UAAU,OACX,EAAE,GACH,MACL;GACG;;AAIV,QAAQ,OAAO"}
+{"version":3,"file":"Reveals.mjs","names":["RevealsImpl"],"sources":["../src/components/molecules/reveals/index.ts"],"sourcesContent":["import Item from './item';\nimport RevealsImpl, { CASCADE, DELAY, DURATION, type Props } from './reveals';\n\ntype RevealsComponent = typeof RevealsImpl & { Item: typeof Item };\n\nconst Reveals = RevealsImpl as RevealsComponent;\n\nReveals.Item = Item;\n\nexport default Reveals;\nexport { Item, DURATION, DELAY, CASCADE };\nexport type { ItemProps } from './item';\nexport type { Props as RevealsProps };\n"],"mappings":";;;;AAKA,MAAM,UAAUA;AAEhB,QAAQ,OAAO"}

package/dist/Space.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/molecules/Space/index.d.ts
+//#region src/components/molecules/space.d.ts
 interface Props extends React.ComponentPropsWithRef<'div'> {
   loading?: boolean;
   loader?: React.ReactNode;

package/dist/Space.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Space.d.mts","names":[],"sources":["../src/components/molecules/Space/index.tsx"],"mappings":";;;UAMU,KAAA,SAAc,KAAA,CAAM,qBAAA;EAC5B,OAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,WAAA;EACA,IAAA;EACA,KAAA;EACA,IAAA;EACA,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,IAAA;IACE,IAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAiBE,KAAA;EAAS,OAAA;EAAA,MAAA;EAAA,QAAA;EAAA,IAAA;EAAA,WAAA;EAAA,KAAA;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,IAAA;EAAA,MAAA;EAAA,KAAA;EAAA,GAAA;AAAA,GAcZ,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Space.d.mts","names":[],"sources":["../src/components/molecules/space.tsx"],"mappings":";;;UAMU,KAAA,SAAc,KAAA,CAAM,qBAAA;EAC5B,OAAA;EACA,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,WAAA;EACA,IAAA;EACA,KAAA;EACA,IAAA;EACA,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,IAAA;IACE,IAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAiBE,KAAA;EAAS,OAAA;EAAA,MAAA;EAAA,QAAA;EAAA,IAAA;EAAA,WAAA;EAAA,KAAA;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,IAAA;EAAA,MAAA;EAAA,KAAA;EAAA,GAAA;AAAA,GAcZ,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Space.mjs

@@ -1,9 +1,9 @@
 import { cn } from "./utils.mjs";
-import Skeleton from "./components/atoms/Skeleton/index.mjs";
+import Skeleton from "./components/atoms/skeleton/index.mjs";
 import { Children } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/molecules/Space/index.tsx
+//#region src/components/molecules/space.tsx
 const sizes = {
 	small: [4, 4],
 	middle: [8, 8],

package/dist/Space.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Space.mjs","names":[],"sources":["../src/components/molecules/Space/index.tsx"],"sourcesContent":["import { Children } from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport Skeleton from '../../atoms/Skeleton';\n\ninterface Props extends React.ComponentPropsWithRef<'div'> {\n  loading?: boolean;\n  loader?: React.ReactNode;\n  orientation?: 'horizontal' | 'vertical';\n  size?: 'small' | 'middle' | 'large' | number | number[];\n  align?: 'start' | 'end' | 'center' | 'baseline';\n  wrap?: boolean;\n  split?: React.ReactNode;\n  grid?: {\n    rows?: number;\n    cols?: number;\n  };\n}\n\nconst sizes: Record<string, number[]> = {\n  small: [4, 4],\n  middle: [8, 8],\n  large: [16, 16],\n};\n\nconst aligns: Record<string, string> = {\n  start: 'items-start text-start',\n  end: 'items-end text-end',\n  center: 'items-center text-center',\n  baseline: 'items-baseline text-baseline',\n};\n\nconst Space = ({\n  loading,\n  loader,\n  children,\n  size = 'middle',\n  orientation = 'horizontal',\n  align = 'center',\n  wrap = false,\n  split,\n  className,\n  grid,\n  hidden,\n  style,\n  ...props\n}: Props) => {\n  const [x, y] =\n    typeof size === 'string'\n      ? sizes[size] || [0, 0]\n      : Array.isArray(size)\n        ? size\n        : [size, size];\n  const count = Children.count(children);\n\n  if (loading) {\n    return <div className={cn(className)}>{loader || <Skeleton />}</div>;\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-nowrap',\n        orientation === 'horizontal' ? 'flex-row' : 'flex-col',\n        wrap && 'flex-wrap',\n        aligns[align],\n        grid && 'grid',\n        hidden && 'hidden',\n        className,\n      )}\n      style={{\n        columnGap: x,\n        rowGap: y,\n        gridTemplateRows: grid?.rows\n          ? `repeat(${grid.rows}, minmax(0, 1fr))`\n          : undefined,\n        gridTemplateColumns: grid?.cols\n          ? `repeat(${grid.cols}, minmax(0, 1fr))`\n          : undefined,\n        ...style,\n      }}\n      {...props}\n    >\n      {Children.map(children, (child, i) => (\n        <>\n          {child}\n          {split && i < count - 1 && split}\n        </>\n      ))}\n    </div>\n  );\n};\n\nexport default Space;\n"],"mappings":";;;;;;AAoBA,MAAM,QAAkC;CACtC,OAAO,CAAC,GAAG,EAAE;CACb,QAAQ,CAAC,GAAG,EAAE;CACd,OAAO,CAAC,IAAI,GAAG;CAChB;AAED,MAAM,SAAiC;CACrC,OAAO;CACP,KAAK;CACL,QAAQ;CACR,UAAU;CACX;AAED,MAAM,SAAS,EACb,SACA,QACA,UACA,OAAO,UACP,cAAc,cACd,QAAQ,UACR,OAAO,OACP,OACA,WACA,MACA,QACA,OACA,GAAG,YACQ;CACX,MAAM,CAAC,GAAG,KACR,OAAO,SAAS,WACZ,MAAM,SAAS,CAAC,GAAG,EAAE,GACrB,MAAM,QAAQ,KAAK,GACjB,OACA,CAAC,MAAM,KAAK;CACpB,MAAM,QAAQ,SAAS,MAAM,SAAS;AAEtC,KAAI,QACF,QAAO,oBAAC;EAAI,WAAW,GAAG,UAAU;YAAG,UAAU,oBAAC,aAAW;GAAO;AAGtE,QACE,oBAAC;EACC,WAAW,GACT,oBACA,gBAAgB,eAAe,aAAa,YAC5C,QAAQ,aACR,OAAO,QACP,QAAQ,QACR,UAAU,UACV,UACD;EACD,OAAO;GACL,WAAW;GACX,QAAQ;GACR,kBAAkB,MAAM,OACpB,UAAU,KAAK,KAAK,qBACpB;GACJ,qBAAqB,MAAM,OACvB,UAAU,KAAK,KAAK,qBACpB;GACJ,GAAG;GACJ;EACD,GAAI;YAEH,SAAS,IAAI,WAAW,OAAO,MAC9B,8CACG,OACA,SAAS,IAAI,QAAQ,KAAK,SAC1B,CACH;GACE"}
+{"version":3,"file":"Space.mjs","names":[],"sources":["../src/components/molecules/space.tsx"],"sourcesContent":["import { Children } from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport Skeleton from '../atoms/skeleton';\n\ninterface Props extends React.ComponentPropsWithRef<'div'> {\n  loading?: boolean;\n  loader?: React.ReactNode;\n  orientation?: 'horizontal' | 'vertical';\n  size?: 'small' | 'middle' | 'large' | number | number[];\n  align?: 'start' | 'end' | 'center' | 'baseline';\n  wrap?: boolean;\n  split?: React.ReactNode;\n  grid?: {\n    rows?: number;\n    cols?: number;\n  };\n}\n\nconst sizes: Record<string, number[]> = {\n  small: [4, 4],\n  middle: [8, 8],\n  large: [16, 16],\n};\n\nconst aligns: Record<string, string> = {\n  start: 'items-start text-start',\n  end: 'items-end text-end',\n  center: 'items-center text-center',\n  baseline: 'items-baseline text-baseline',\n};\n\nconst Space = ({\n  loading,\n  loader,\n  children,\n  size = 'middle',\n  orientation = 'horizontal',\n  align = 'center',\n  wrap = false,\n  split,\n  className,\n  grid,\n  hidden,\n  style,\n  ...props\n}: Props) => {\n  const [x, y] =\n    typeof size === 'string'\n      ? sizes[size] || [0, 0]\n      : Array.isArray(size)\n        ? size\n        : [size, size];\n  const count = Children.count(children);\n\n  if (loading) {\n    return <div className={cn(className)}>{loader || <Skeleton />}</div>;\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-nowrap',\n        orientation === 'horizontal' ? 'flex-row' : 'flex-col',\n        wrap && 'flex-wrap',\n        aligns[align],\n        grid && 'grid',\n        hidden && 'hidden',\n        className,\n      )}\n      style={{\n        columnGap: x,\n        rowGap: y,\n        gridTemplateRows: grid?.rows\n          ? `repeat(${grid.rows}, minmax(0, 1fr))`\n          : undefined,\n        gridTemplateColumns: grid?.cols\n          ? `repeat(${grid.cols}, minmax(0, 1fr))`\n          : undefined,\n        ...style,\n      }}\n      {...props}\n    >\n      {Children.map(children, (child, i) => (\n        <>\n          {child}\n          {split && i < count - 1 && split}\n        </>\n      ))}\n    </div>\n  );\n};\n\nexport default Space;\n"],"mappings":";;;;;;AAoBA,MAAM,QAAkC;CACtC,OAAO,CAAC,GAAG,EAAE;CACb,QAAQ,CAAC,GAAG,EAAE;CACd,OAAO,CAAC,IAAI,GAAG;CAChB;AAED,MAAM,SAAiC;CACrC,OAAO;CACP,KAAK;CACL,QAAQ;CACR,UAAU;CACX;AAED,MAAM,SAAS,EACb,SACA,QACA,UACA,OAAO,UACP,cAAc,cACd,QAAQ,UACR,OAAO,OACP,OACA,WACA,MACA,QACA,OACA,GAAG,YACQ;CACX,MAAM,CAAC,GAAG,KACR,OAAO,SAAS,WACZ,MAAM,SAAS,CAAC,GAAG,EAAE,GACrB,MAAM,QAAQ,KAAK,GACjB,OACA,CAAC,MAAM,KAAK;CACpB,MAAM,QAAQ,SAAS,MAAM,SAAS;AAEtC,KAAI,QACF,QAAO,oBAAC;EAAI,WAAW,GAAG,UAAU;YAAG,UAAU,oBAAC,aAAW;GAAO;AAGtE,QACE,oBAAC;EACC,WAAW,GACT,oBACA,gBAAgB,eAAe,aAAa,YAC5C,QAAQ,aACR,OAAO,QACP,QAAQ,QACR,UAAU,UACV,UACD;EACD,OAAO;GACL,WAAW;GACX,QAAQ;GACR,kBAAkB,MAAM,OACpB,UAAU,KAAK,KAAK,qBACpB;GACJ,qBAAqB,MAAM,OACvB,UAAU,KAAK,KAAK,qBACpB;GACJ,GAAG;GACJ;EACD,GAAI;YAEH,SAAS,IAAI,WAAW,OAAO,MAC9B,8CACG,OACA,SAAS,IAAI,QAAQ,KAAK,SAC1B,CACH;GACE"}

package/dist/Tag.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/atoms/Tag/index.d.ts
+//#region src/components/atoms/tag.d.ts
 interface Props extends React.ComponentPropsWithoutRef<'span'> {
   variant?: 'default' | 'outlined';
   color?: 'default' | 'primary' | 'success' | 'warning' | 'danger';
@@ -13,5 +13,5 @@ declare const Tag: ({
   ...props
 }: Props) => react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Props, Tag as default };
+export { Tag as default };
 //# sourceMappingURL=Tag.d.mts.map

package/dist/Tag.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.d.mts","names":[],"sources":["../src/components/atoms/Tag/index.tsx"],"mappings":";;;UAEiB,KAAA,SAAc,KAAA,CAAM,wBAAA;EACnC,OAAA;EACA,KAAA;AAAA;AAAA,cAmBI,GAAA;EAAO,SAAA;EAAA,OAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAMV,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Tag.d.mts","names":[],"sources":["../src/components/atoms/tag.tsx"],"mappings":";;;UAEU,KAAA,SAAc,KAAA,CAAM,wBAAA;EAC5B,OAAA;EACA,KAAA;AAAA;AAAA,cAmBI,GAAA;EAAO,SAAA;EAAA,OAAA;EAAA,KAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAMV,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Tag.mjs

@@ -1,7 +1,7 @@
 import { cn } from "./utils.mjs";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/atoms/Tag/index.tsx
+//#region src/components/atoms/tag.tsx
 const fillColorClasses = {
 	default: "bg-muted text-muted-foreground",
 	primary: "bg-primary/10 text-primary",