@jbpark/ui-kit 2.9.1 → 2.9.5

package/dist/components/atoms/{Skeleton/index.d.mts → skeleton/skeleton.d.mts}

@@ -1,9 +1,7 @@
-import "./Button/index.mjs";
-import "./Node/index.mjs";
 import * as react from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/atoms/Skeleton/index.d.ts
+//#region src/components/atoms/skeleton/skeleton.d.ts
 interface Props extends React.ComponentPropsWithoutRef<'div'> {
   active?: boolean;
   loading?: boolean;
@@ -20,32 +18,22 @@ interface Props extends React.ComponentPropsWithoutRef<'div'> {
     item?: string;
   };
 }
-declare const Skeleton: {
-  ({
-    active,
-    loading,
-    avatar,
-    size,
-    direction,
-    count,
-    gap,
-    className,
-    classNames,
-    style,
-    width,
-    height,
-    children,
-    ...props
-  }: Props): string | number | bigint | boolean | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime0.JSX.Element | null | undefined;
-  Button: ({
-    className,
-    ...props
-  }: Props) => react_jsx_runtime0.JSX.Element;
-  Node: ({
-    className,
-    ...props
-  }: Props) => react_jsx_runtime0.JSX.Element;
-};
+declare const Skeleton: ({
+  active,
+  loading,
+  avatar,
+  size,
+  direction,
+  count,
+  gap,
+  className,
+  classNames,
+  style,
+  width,
+  height,
+  children,
+  ...props
+}: Props) => string | number | bigint | boolean | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime0.JSX.Element | null | undefined;
 //#endregion
-export { Skeleton };
-//# sourceMappingURL=index.d.mts.map
+export { Props, Skeleton };
+//# sourceMappingURL=skeleton.d.mts.map

package/dist/components/atoms/skeleton/skeleton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.mts","names":[],"sources":["../../../../src/components/atoms/skeleton/skeleton.tsx"],"mappings":";;;;UASiB,KAAA,SAAc,KAAA,CAAM,wBAAA;EACnC,MAAA;EACA,OAAA;EACA,MAAA;EACA,IAAA;EACA,KAAA;EACA,GAAA;EACA,SAAA;EACA,KAAA;EACA,MAAA;EACA,UAAA;IACE,OAAA;IACA,MAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAUE,QAAA;EAAY,MAAA;EAAA,OAAA;EAAA,MAAA;EAAA,IAAA;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;EAAA,SAAA;EAAA,UAAA;EAAA,KAAA;EAAA,KAAA;EAAA,MAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAef,KAAA,0CAAK,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,KAAA,CAAA,SAAA,wBAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/atoms/{Skeleton/index.mjs → skeleton/skeleton.mjs}

@@ -1,11 +1,9 @@
 import { cn } from "../../../utils.mjs";
 import { skeleton_exports } from "../../../core/skeleton.mjs";
 import "../../../core.mjs";
-import Button from "./Button/index.mjs";
-import Node from "./Node/index.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/atoms/Skeleton/index.tsx
+//#region src/components/atoms/skeleton/skeleton.tsx
 const { Skeleton: Core } = skeleton_exports;
 const getValueAtIndex = (value, index) => {
 	return Array.isArray(value) ? value[index] ?? value[0] : value;
@@ -38,9 +36,7 @@ const Skeleton = ({ active = true, loading = true, avatar, size = "default", dir
 		})]
 	});
 };
-Skeleton.Button = Button;
-Skeleton.Node = Node;
 
 //#endregion
 export { Skeleton as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=skeleton.mjs.map

package/dist/components/atoms/skeleton/skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.mjs","names":["skeleton"],"sources":["../../../../src/components/atoms/skeleton/skeleton.tsx"],"sourcesContent":["import { skeleton } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nconst { Skeleton: Core } = skeleton;\n\nconst getValueAtIndex = <T,>(value: T | T[], index: number) => {\n  return Array.isArray(value) ? (value[index] ?? value[0]) : value;\n};\n\nexport interface Props extends React.ComponentPropsWithoutRef<'div'> {\n  active?: boolean;\n  loading?: boolean;\n  avatar?: boolean;\n  size?: 'default' | 'small' | 'large';\n  count?: number;\n  gap?: number;\n  direction?: 'horizontal' | 'vertical';\n  width?: string | number | (string | number)[];\n  height?: string | number | (string | number)[];\n  classNames?: {\n    wrapper?: string;\n    avatar?: string;\n    item?: string;\n  };\n}\n\nconst SIZES = {\n  small: 'w-48 h-4',\n  default: 'w-60 h-6',\n  large: 'w-72 h-8',\n};\n\nconst Skeleton = ({\n  active = true,\n  loading = true,\n  avatar,\n  size = 'default',\n  direction = 'vertical',\n  count = 1,\n  gap = 6,\n  className,\n  classNames = {},\n  style,\n  width,\n  height,\n  children,\n  ...props\n}: Props) => {\n  if (!loading) {\n    return children;\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex items-center gap-3',\n        //\n      )}\n    >\n      {avatar && (\n        <Core\n          className={cn(\n            'h-12 w-12',\n            'rounded-xl',\n            !active && 'animate-none',\n            classNames.avatar,\n          )}\n        />\n      )}\n      <div\n        className={cn(\n          'flex grow',\n          direction === 'vertical' && 'flex-col',\n          classNames.wrapper,\n        )}\n        style={{\n          gap,\n        }}\n      >\n        {Array.from({ length: count }).map((_, index) => {\n          const itemWidth = getValueAtIndex(width, index);\n          const itemHeight = getValueAtIndex(height, index);\n\n          return (\n            <Core\n              key={index}\n              className={cn(\n                'rounded-md',\n                !active && 'animate-none',\n                SIZES[size],\n                className,\n                classNames.item,\n                //\n              )}\n              style={{\n                ...style,\n                width: itemWidth,\n                height: itemHeight,\n              }}\n              {...props}\n            />\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default Skeleton;\n"],"mappings":";;;;;;AAGA,MAAM,EAAE,UAAU,SAASA;AAE3B,MAAM,mBAAuB,OAAgB,UAAkB;AAC7D,QAAO,MAAM,QAAQ,MAAM,GAAI,MAAM,UAAU,MAAM,KAAM;;AAoB7D,MAAM,QAAQ;CACZ,OAAO;CACP,SAAS;CACT,OAAO;CACR;AAED,MAAM,YAAY,EAChB,SAAS,MACT,UAAU,MACV,QACA,OAAO,WACP,YAAY,YACZ,QAAQ,GACR,MAAM,GACN,WACA,aAAa,EAAE,EACf,OACA,OACA,QACA,UACA,GAAG,YACQ;AACX,KAAI,CAAC,QACH,QAAO;AAGT,QACE,qBAAC;EACC,WAAW,GACT,0BAED;aAEA,UACC,oBAAC,QACC,WAAW,GACT,aACA,cACA,CAAC,UAAU,gBACX,WAAW,OACZ,GACD,EAEJ,oBAAC;GACC,WAAW,GACT,aACA,cAAc,cAAc,YAC5B,WAAW,QACZ;GACD,OAAO,EACL,KACD;aAEA,MAAM,KAAK,EAAE,QAAQ,OAAO,CAAC,CAAC,KAAK,GAAG,UAAU;IAC/C,MAAM,YAAY,gBAAgB,OAAO,MAAM;IAC/C,MAAM,aAAa,gBAAgB,QAAQ,MAAM;AAEjD,WACE,oBAAC;KAEC,WAAW,GACT,cACA,CAAC,UAAU,gBACX,MAAM,OACN,WACA,WAAW,KAEZ;KACD,OAAO;MACL,GAAG;MACH,OAAO;MACP,QAAQ;MACT;KACD,GAAI;OAdC,MAeL;KAEJ;IACE;GACF"}

package/dist/components/atoms/{Spin/index.d.mts → spin.d.mts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/atoms/Spin/index.d.ts
+//#region src/components/atoms/spin.d.ts
 interface Props extends React.ComponentPropsWithoutRef<'div'> {
   spinning?: boolean;
 }
@@ -11,4 +11,4 @@ declare const Spin: ({
 }: Props) => react_jsx_runtime0.JSX.Element | null;
 //#endregion
 export { Spin };
-//# sourceMappingURL=index.d.mts.map
+//# sourceMappingURL=spin.d.mts.map

package/dist/components/atoms/spin.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spin.d.mts","names":[],"sources":["../../../src/components/atoms/spin.tsx"],"mappings":";;;UAIiB,KAAA,SAAc,KAAA,CAAM,wBAAA;EACnC,QAAA;AAAA;AAAA,cAGI,IAAA;EAAQ,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAAmC,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/atoms/{Spin/index.mjs → spin.mjs}

@@ -1,8 +1,8 @@
-import { cn } from "../../../utils.mjs";
+import { cn } from "../../utils.mjs";
 import { Loader2 } from "lucide-react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/atoms/Spin/index.tsx
+//#region src/components/atoms/spin.tsx
 const Spin = ({ spinning, className, ...props }) => {
 	if (spinning) return /* @__PURE__ */ jsx("div", {
 		className: cn("flex h-full items-center justify-center"),
@@ -14,4 +14,4 @@ const Spin = ({ spinning, className, ...props }) => {
 
 //#endregion
 export { Spin as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=spin.mjs.map

package/dist/components/atoms/spin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spin.mjs","names":[],"sources":["../../../src/components/atoms/spin.tsx"],"sourcesContent":["import { Loader2 } from 'lucide-react';\n\nimport { cn } from '@repo/ui/utils';\n\nexport interface Props extends React.ComponentPropsWithoutRef<'div'> {\n  spinning?: boolean;\n}\n\nconst Spin = ({ spinning, className, ...props }: Props) => {\n  if (spinning) {\n    return (\n      <div\n        className={cn(\n          'flex h-full items-center justify-center',\n          //\n        )}\n        {...props}\n      >\n        <Loader2\n          className={cn(\n            'animate-spin',\n            className,\n            //\n          )}\n        />\n      </div>\n    );\n  }\n\n  return null;\n};\n\nexport default Spin;\n"],"mappings":";;;;;AAQA,MAAM,QAAQ,EAAE,UAAU,WAAW,GAAG,YAAmB;AACzD,KAAI,SACF,QACE,oBAAC;EACC,WAAW,GACT,0CAED;EACD,GAAI;YAEJ,oBAAC,WACC,WAAW,GACT,gBACA,UAED,GACD;GACE;AAIV,QAAO"}

package/dist/components/atoms/{Switch/index.d.mts → switch.d.mts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/atoms/Switch/index.d.ts
+//#region src/components/atoms/switch.d.ts
 interface Props extends Omit<React.ComponentPropsWithoutRef<'button'>, 'onChange'> {
   classNames?: {
     track?: string;
@@ -27,4 +27,4 @@ declare const Switch: ({
 }: Props) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Switch };
-//# sourceMappingURL=index.d.mts.map
+//# sourceMappingURL=switch.d.mts.map

package/dist/components/atoms/switch.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.mts","names":[],"sources":["../../../src/components/atoms/switch.tsx"],"mappings":";;;UAgCU,KAAA,SAAc,IAAA,CACtB,KAAA,CAAM,wBAAA;EAGN,UAAA;IACE,KAAA;IACA,MAAA;EAAA;EAEF,IAAA;EACA,cAAA;EACA,OAAA;EACA,QAAA;EACA,QAAA,IAAY,OAAA;EACZ,eAAA,GAAkB,KAAA,CAAM,SAAA;EACxB,iBAAA,GAAoB,KAAA,CAAM,SAAA;AAAA;AAAA,cAGtB,MAAA;EAAU,SAAA;EAAA,UAAA;EAAA,IAAA;EAAA,cAAA;EAAA,OAAA,EAAA,QAAA;EAAA,QAAA,EAAA,SAAA;EAAA,eAAA;EAAA,iBAAA;EAAA,GAAA;AAAA,GAUb,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/atoms/{Switch/index.mjs → switch.mjs}

@@ -1,12 +1,12 @@
 'use client';
 
-import { cn } from "../../../utils.mjs";
-import { switch_exports } from "../../../core/switch.mjs";
-import "../../../core.mjs";
+import { cn } from "../../utils.mjs";
+import { switch_exports } from "../../core/switch.mjs";
+import "../../core.mjs";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/atoms/Switch/index.tsx
+//#region src/components/atoms/switch.tsx
 const { Switch: Core } = switch_exports;
 const sizeConfig = {
 	medium: {
@@ -63,4 +63,4 @@ const Switch = ({ className, classNames, size = "medium", defaultChecked, checke
 
 //#endregion
 export { Switch as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=switch.mjs.map

package/dist/components/atoms/switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.mjs","names":["switchComponent"],"sources":["../../../src/components/atoms/switch.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { switchComponent } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nconst { Switch: Core } = switchComponent;\n\nconst sizeConfig = {\n  medium: {\n    core: 'default' as const,\n    track: 'h-8! w-12!',\n    handle: 'size-6!',\n    handleChecked:\n      'data-[state=unchecked]:left-0.5 data-[state=checked]:left-[calc(100%-26px)]',\n    fontSize: 'text-xs',\n    marginChecked: 'mr-7 ml-2',\n    marginUnchecked: 'mr-2 ml-7',\n  },\n  small: {\n    core: 'sm' as const,\n    track: 'h-6! w-10!',\n    handle: 'size-5!',\n    handleChecked:\n      'data-[state=unchecked]:left-0.5 data-[state=checked]:left-[calc(100%-22px)]',\n    fontSize: 'text-[10px]',\n    marginChecked: 'mr-6 ml-1.5',\n    marginUnchecked: 'mr-1.5 ml-6',\n  },\n};\n\ninterface Props extends Omit<\n  React.ComponentPropsWithoutRef<'button'>,\n  'onChange'\n> {\n  classNames?: {\n    track?: string;\n    handle?: string;\n  };\n  size?: 'small' | 'medium';\n  defaultChecked?: boolean;\n  checked?: boolean;\n  disabled?: boolean;\n  onChange?: (checked: boolean) => void;\n  checkedChildren?: React.ReactNode;\n  unCheckedChildren?: React.ReactNode;\n}\n\nconst Switch = ({\n  className,\n  classNames,\n  size = 'medium',\n  defaultChecked,\n  checked: _checked,\n  onChange: _onChange = () => {},\n  checkedChildren,\n  unCheckedChildren,\n  ...props\n}: Props) => {\n  const [uncontrolledChecked, setUncontrolledChecked] = useState<boolean>(\n    defaultChecked || false,\n  );\n\n  const controlled = _checked !== undefined;\n  const checked = controlled ? _checked : uncontrolledChecked;\n\n  const onChange = (next: boolean) => {\n    if (!controlled) {\n      setUncontrolledChecked(next);\n    }\n    _onChange(next);\n  };\n\n  const hasChildren = !!(checkedChildren || unCheckedChildren);\n  const config = sizeConfig[size];\n\n  return (\n    <Core\n      checked={checked}\n      size={config.core}\n      className={cn(\n        'relative',\n        config.track,\n        hasChildren && 'w-auto! overflow-hidden',\n        className,\n        classNames?.track,\n        //\n      )}\n      handleClassName={cn(\n        config.handle,\n        '!absolute top-1/2 !-translate-y-1/2 !translate-x-0',\n        'transition-[left] duration-200 will-change-[left]',\n        config.handleChecked,\n        classNames?.handle,\n        //\n      )}\n      onCheckedChange={checked => {\n        onChange(checked);\n      }}\n      {...props}\n    >\n      {hasChildren && (\n        <span\n          className={cn(\n            `grid leading-none text-white transition-[margin] duration-200\n            will-change-[margin]`,\n            config.fontSize,\n            checked ? config.marginChecked : config.marginUnchecked,\n            //\n          )}\n        >\n          <span\n            className={cn(\n              'col-start-1 row-start-1 transition-opacity duration-200',\n              checked ? 'opacity-100' : 'opacity-0',\n            )}\n          >\n            {checkedChildren}\n          </span>\n          <span\n            className={cn(\n              'col-start-1 row-start-1 transition-opacity duration-200',\n              checked ? 'opacity-0' : 'opacity-100',\n            )}\n          >\n            {unCheckedChildren}\n          </span>\n        </span>\n      )}\n    </Core>\n  );\n};\n\nexport default Switch;\n"],"mappings":";;;;;;;;;AAOA,MAAM,EAAE,QAAQ,SAASA;AAEzB,MAAM,aAAa;CACjB,QAAQ;EACN,MAAM;EACN,OAAO;EACP,QAAQ;EACR,eACE;EACF,UAAU;EACV,eAAe;EACf,iBAAiB;EAClB;CACD,OAAO;EACL,MAAM;EACN,OAAO;EACP,QAAQ;EACR,eACE;EACF,UAAU;EACV,eAAe;EACf,iBAAiB;EAClB;CACF;AAmBD,MAAM,UAAU,EACd,WACA,YACA,OAAO,UACP,gBACA,SAAS,UACT,UAAU,kBAAkB,IAC5B,iBACA,mBACA,GAAG,YACQ;CACX,MAAM,CAAC,qBAAqB,0BAA0B,SACpD,kBAAkB,MACnB;CAED,MAAM,aAAa,aAAa;CAChC,MAAM,UAAU,aAAa,WAAW;CAExC,MAAM,YAAY,SAAkB;AAClC,MAAI,CAAC,WACH,wBAAuB,KAAK;AAE9B,YAAU,KAAK;;CAGjB,MAAM,cAAc,CAAC,EAAE,mBAAmB;CAC1C,MAAM,SAAS,WAAW;AAE1B,QACE,oBAAC;EACU;EACT,MAAM,OAAO;EACb,WAAW,GACT,YACA,OAAO,OACP,eAAe,2BACf,WACA,YAAY,MAEb;EACD,iBAAiB,GACf,OAAO,QACP,sDACA,qDACA,OAAO,eACP,YAAY,OAEb;EACD,kBAAiB,YAAW;AAC1B,YAAS,QAAQ;;EAEnB,GAAI;YAEH,eACC,qBAAC;GACC,WAAW,GACT;mCAEA,OAAO,UACP,UAAU,OAAO,gBAAgB,OAAO,gBAEzC;cAED,oBAAC;IACC,WAAW,GACT,2DACA,UAAU,gBAAgB,YAC3B;cAEA;KACI,EACP,oBAAC;IACC,WAAW,GACT,2DACA,UAAU,cAAc,cACzB;cAEA;KACI;IACF;GAEJ"}

package/dist/components/atoms/{Typography/Link/index.d.mts → typography/link.d.mts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/atoms/Typography/Link/index.d.ts
+//#region src/components/atoms/typography/link.d.ts
 interface Props extends React.ComponentPropsWithoutRef<'a'> {}
 declare const Link: ({
   children,
@@ -8,5 +8,5 @@ declare const Link: ({
   ...props
 }: Props) => react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Link, Props };
-//# sourceMappingURL=index.d.mts.map
+export { Link };
+//# sourceMappingURL=link.d.mts.map

package/dist/components/atoms/typography/link.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.d.mts","names":[],"sources":["../../../../src/components/atoms/typography/link.tsx"],"mappings":";;;UAEiB,KAAA,SAAc,KAAA,CAAM,wBAAA;AAAA,cAE/B,IAAA;EAAQ,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAAmC,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/atoms/{Typography/Link/index.mjs → typography/link.mjs}

@@ -1,7 +1,7 @@
-import { cn } from "../../../../utils.mjs";
+import { cn } from "../../../utils.mjs";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/atoms/Typography/Link/index.tsx
+//#region src/components/atoms/typography/link.tsx
 const Link = ({ children, className, ...props }) => {
 	return /* @__PURE__ */ jsx("a", {
 		className: cn("underline-offset-1 hover:underline", className),
@@ -12,4 +12,4 @@ const Link = ({ children, className, ...props }) => {
 
 //#endregion
 export { Link as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=link.mjs.map

package/dist/components/atoms/typography/link.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.mjs","names":[],"sources":["../../../../src/components/atoms/typography/link.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nexport interface Props extends React.ComponentPropsWithoutRef<'a'> {}\n\nconst Link = ({ children, className, ...props }: Props) => {\n  return (\n    <a\n      className={cn(\n        'underline-offset-1 hover:underline',\n        className,\n        //\n      )}\n      {...props}\n    >\n      {children}\n    </a>\n  );\n};\n\nexport default Link;\n"],"mappings":";;;;AAIA,MAAM,QAAQ,EAAE,UAAU,WAAW,GAAG,YAAmB;AACzD,QACE,oBAAC;EACC,WAAW,GACT,sCACA,UAED;EACD,GAAI;EAEH;GACC"}

package/dist/components/atoms/{Typography/Paragraph/index.d.mts → typography/paragraph.d.mts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/atoms/Typography/Paragraph/index.d.ts
+//#region src/components/atoms/typography/paragraph.d.ts
 interface Props extends React.ComponentPropsWithoutRef<'p'> {}
 declare const Paragraph: ({
   children,
@@ -8,5 +8,5 @@ declare const Paragraph: ({
   ...props
 }: Props) => react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Paragraph, Props };
-//# sourceMappingURL=index.d.mts.map
+export { Paragraph };
+//# sourceMappingURL=paragraph.d.mts.map

package/dist/components/atoms/typography/paragraph.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph.d.mts","names":[],"sources":["../../../../src/components/atoms/typography/paragraph.tsx"],"mappings":";;;UAEiB,KAAA,SAAc,KAAA,CAAM,wBAAA;AAAA,cAE/B,SAAA;EAAa,QAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAAmC,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/atoms/{Typography/Paragraph/index.mjs → typography/paragraph.mjs}

@@ -1,7 +1,7 @@
-import { cn } from "../../../../utils.mjs";
+import { cn } from "../../../utils.mjs";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/atoms/Typography/Paragraph/index.tsx
+//#region src/components/atoms/typography/paragraph.tsx
 const Paragraph = ({ children, className, ...props }) => {
 	return /* @__PURE__ */ jsx("p", {
 		...props,
@@ -12,4 +12,4 @@ const Paragraph = ({ children, className, ...props }) => {
 
 //#endregion
 export { Paragraph as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=paragraph.mjs.map

package/dist/components/atoms/typography/paragraph.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph.mjs","names":[],"sources":["../../../../src/components/atoms/typography/paragraph.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nexport interface Props extends React.ComponentPropsWithoutRef<'p'> {}\n\nconst Paragraph = ({ children, className, ...props }: Props) => {\n  return (\n    <p\n      {...props}\n      className={cn(\n        className,\n        //\n      )}\n    >\n      {children}\n    </p>\n  );\n};\n\nexport default Paragraph;\n"],"mappings":";;;;AAIA,MAAM,aAAa,EAAE,UAAU,WAAW,GAAG,YAAmB;AAC9D,QACE,oBAAC;EACC,GAAI;EACJ,WAAW,GACT,UAED;EAEA;GACC"}

package/dist/components/atoms/{Typography/Text/index.d.mts → typography/text.d.mts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/atoms/Typography/Text/index.d.ts
+//#region src/components/atoms/typography/text.d.ts
 interface Props extends React.ComponentPropsWithoutRef<'span'> {
   underline?: boolean;
   strong?: boolean;
@@ -13,5 +13,5 @@ declare const Text: ({
   ...props
 }: Props) => react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Props, Text };
-//# sourceMappingURL=index.d.mts.map
+export { Text };
+//# sourceMappingURL=text.d.mts.map

package/dist/components/atoms/typography/text.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.mts","names":[],"sources":["../../../../src/components/atoms/typography/text.tsx"],"mappings":";;;UAEiB,KAAA,SAAc,KAAA,CAAM,wBAAA;EACnC,SAAA;EACA,MAAA;AAAA;AAAA,cAGI,IAAA;EAAQ,QAAA;EAAA,SAAA;EAAA,MAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAAsD,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/atoms/{Typography/Text/index.mjs → typography/text.mjs}

@@ -1,7 +1,7 @@
-import { cn } from "../../../../utils.mjs";
+import { cn } from "../../../utils.mjs";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/atoms/Typography/Text/index.tsx
+//#region src/components/atoms/typography/text.tsx
 const Text = ({ children, underline, strong, className, ...props }) => {
 	return /* @__PURE__ */ jsx("span", {
 		className: cn("text-nowrap", underline && "underline", strong && "font-bold", className),
@@ -12,4 +12,4 @@ const Text = ({ children, underline, strong, className, ...props }) => {
 
 //#endregion
 export { Text as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=text.mjs.map

package/dist/components/atoms/typography/text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.mjs","names":[],"sources":["../../../../src/components/atoms/typography/text.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nexport interface Props extends React.ComponentPropsWithoutRef<'span'> {\n  underline?: boolean;\n  strong?: boolean;\n}\n\nconst Text = ({ children, underline, strong, className, ...props }: Props) => {\n  return (\n    <span\n      className={cn(\n        'text-nowrap',\n        underline && 'underline',\n        strong && 'font-bold',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n\nexport default Text;\n"],"mappings":";;;;AAOA,MAAM,QAAQ,EAAE,UAAU,WAAW,QAAQ,WAAW,GAAG,YAAmB;AAC5E,QACE,oBAAC;EACC,WAAW,GACT,eACA,aAAa,aACb,UAAU,aACV,UACD;EACD,GAAI;EAEH;GACI"}

package/dist/components/atoms/{Typography/Title/index.d.mts → typography/title.d.mts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/atoms/Typography/Title/index.d.ts
+//#region src/components/atoms/typography/title.d.ts
 interface Props extends React.ComponentPropsWithoutRef<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'> {
   level?: 1 | 2 | 3 | 4 | 5 | 6;
 }
@@ -11,5 +11,5 @@ declare const Title: ({
   ...props
 }: Props) => react_jsx_runtime0.JSX.Element;
 //#endregion
-export { Props, Title };
-//# sourceMappingURL=index.d.mts.map
+export { Title };
+//# sourceMappingURL=title.d.mts.map

package/dist/components/atoms/typography/title.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"title.d.mts","names":[],"sources":["../../../../src/components/atoms/typography/title.tsx"],"mappings":";;;UAEiB,KAAA,SAAc,KAAA,CAAM,wBAAA;EAGnC,KAAA;AAAA;AAAA,cAcI,KAAA;EAAS,QAAA;EAAA,KAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAA8C,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/atoms/{Typography/Title/index.mjs → typography/title.mjs}

@@ -1,7 +1,7 @@
-import { cn } from "../../../../utils.mjs";
+import { cn } from "../../../utils.mjs";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/atoms/Typography/Title/index.tsx
+//#region src/components/atoms/typography/title.tsx
 const styles = {
 	h1: "text-6xl",
 	h2: "text-5xl",
@@ -21,4 +21,4 @@ const Title = ({ children, level = 1, className, ...props }) => {
 
 //#endregion
 export { Title as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=title.mjs.map

package/dist/components/atoms/typography/title.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"title.mjs","names":[],"sources":["../../../../src/components/atoms/typography/title.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nexport interface Props extends React.ComponentPropsWithoutRef<\n  'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n> {\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n}\n\ntype ElementType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n\nconst styles: Record<string, string> = {\n  h1: 'text-6xl',\n  h2: 'text-5xl',\n  h3: 'text-4xl',\n  h4: 'text-3xl',\n  h5: 'text-2xl',\n  h6: 'text-xl',\n};\n\nconst Title = ({ children, level = 1, className, ...props }: Props) => {\n  const Element: ElementType = level < 1 || level > 6 ? 'h1' : `h${level}`;\n\n  return (\n    <Element\n      className={cn('leading-snug font-bold', styles[Element], className)}\n      {...props}\n    >\n      {children}\n    </Element>\n  );\n};\n\nexport default Title;\n"],"mappings":";;;;AAUA,MAAM,SAAiC;CACrC,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAM,SAAS,EAAE,UAAU,QAAQ,GAAG,WAAW,GAAG,YAAmB;CACrE,MAAM,UAAuB,QAAQ,KAAK,QAAQ,IAAI,OAAO,IAAI;AAEjE,QACE,oBAAC;EACC,WAAW,GAAG,0BAA0B,OAAO,UAAU,UAAU;EACnE,GAAI;EAEH;GACO"}

package/dist/components/atoms/typography/typography.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/typography/typography.d.ts
+interface Props extends React.ComponentPropsWithoutRef<'article'> {}
+declare const Typography: ({
+  children,
+  ...props
+}: Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Props, Typography };
+//# sourceMappingURL=typography.d.mts.map

package/dist/components/atoms/typography/typography.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.mts","names":[],"sources":["../../../../src/components/atoms/typography/typography.tsx"],"mappings":";;;UAAiB,KAAA,SAAc,KAAA,CAAM,wBAAA;AAAA,cAE/B,UAAA;EAAc,QAAA;EAAA,GAAA;AAAA,GAAwB,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/atoms/typography/typography.mjs

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/atoms/typography/typography.tsx
+const Typography = ({ children, ...props }) => {
+	return /* @__PURE__ */ jsx("article", {
+		...props,
+		children
+	});
+};
+
+//#endregion
+export { Typography as default };
+//# sourceMappingURL=typography.mjs.map

package/dist/components/atoms/typography/typography.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.mjs","names":[],"sources":["../../../../src/components/atoms/typography/typography.tsx"],"sourcesContent":["export interface Props extends React.ComponentPropsWithoutRef<'article'> {}\n\nconst Typography = ({ children, ...props }: Props) => {\n  return <article {...props}>{children}</article>;\n};\n\nexport default Typography;\n"],"mappings":";;;AAEA,MAAM,cAAc,EAAE,UAAU,GAAG,YAAmB;AACpD,QAAO,oBAAC;EAAQ,GAAI;EAAQ;GAAmB"}

package/dist/components/molecules/{Collapse/index.d.mts → collapse.d.mts}

@@ -1,7 +1,7 @@
 import React from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/molecules/Collapse/index.d.ts
+//#region src/components/molecules/collapse.d.ts
 interface Item {
   key: React.Key;
   label: React.ReactNode;
@@ -33,4 +33,4 @@ declare const Collapse: ({
 }: Props) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Collapse };
-//# sourceMappingURL=index.d.mts.map
+//# sourceMappingURL=collapse.d.mts.map

package/dist/components/molecules/collapse.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.d.mts","names":[],"sources":["../../../src/components/molecules/collapse.tsx"],"mappings":";;;;UAUU,IAAA;EACR,GAAA,EAAK,KAAA,CAAM,GAAA;EACX,KAAA,EAAO,KAAA,CAAM,SAAA;EACb,QAAA;EACA,QAAA,EAAU,KAAA,CAAM,SAAA;AAAA;AAAA,UAGR,KAAA,SAAc,IAAA,CACtB,KAAA,CAAM,wBAAA;EAGN,KAAA,GAAQ,IAAA;EACR,SAAA;EACA,UAAA,GAAa,KAAA,CAAM,SAAA;EACnB,UAAA;IACE,IAAA;IACA,MAAA;IACA,IAAA;EAAA;EAEF,gBAAA;EACA,SAAA;EACA,QAAA,IAAY,IAAA;AAAA;AAAA,cAGR,QAAA;EAAY,UAAA;EAAA,SAAA;EAAA,KAAA;EAAA,SAAA;EAAA,UAAA;EAAA,gBAAA;EAAA,SAAA,EAAA,UAAA;EAAA,QAAA,EAAA;AAAA,GASf,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/molecules/{Collapse/index.mjs → collapse.mjs}

@@ -1,12 +1,12 @@
 'use client';
 
-import { cn } from "../../../utils.mjs";
-import { accordion_exports } from "../../../core/accordion.mjs";
-import "../../../core.mjs";
+import { cn } from "../../utils.mjs";
+import { accordion_exports } from "../../core/accordion.mjs";
+import "../../core.mjs";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/molecules/Collapse/index.tsx
+//#region src/components/molecules/collapse.tsx
 const { Accordion, AccordionItem, AccordionTrigger, AccordionContent } = accordion_exports;
 const Collapse = ({ expandIcon, accordion = false, items = [], className, classNames, defaultActiveKey, activeKey: _activeKey, onChange: _onChange }) => {
 	const controlled = _activeKey !== void 0;
@@ -50,4 +50,4 @@ const Collapse = ({ expandIcon, accordion = false, items = [], className, classN
 
 //#endregion
 export { Collapse as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=collapse.mjs.map

package/dist/components/molecules/collapse.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapse.mjs","names":["accordion"],"sources":["../../../src/components/molecules/collapse.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { accordion } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nconst { Accordion, AccordionItem, AccordionTrigger, AccordionContent } =\n  accordion;\n\ninterface Item {\n  key: React.Key;\n  label: React.ReactNode;\n  disabled?: boolean;\n  children: React.ReactNode;\n}\n\ninterface Props extends Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'onChange'\n> {\n  items?: Item[];\n  accordion?: boolean;\n  expandIcon?: React.ReactNode;\n  classNames?: {\n    item?: string;\n    header?: string;\n    body?: string;\n  };\n  defaultActiveKey?: string[] | number[];\n  activeKey?: string[] | number[];\n  onChange?: (keys: string[]) => void;\n}\n\nconst Collapse = ({\n  expandIcon,\n  accordion = false,\n  items = [],\n  className,\n  classNames,\n  defaultActiveKey,\n  activeKey: _activeKey,\n  onChange: _onChange,\n}: Props) => {\n  const controlled = _activeKey !== undefined;\n\n  const accordionProps = accordion\n    ? controlled\n      ? {\n          type: 'single' as const,\n          value: `${_activeKey?.[0] ?? ''}`,\n          onValueChange: (value: string) => {\n            _onChange?.(value ? [value] : []);\n          },\n        }\n      : {\n          type: 'single' as const,\n          defaultValue: `${defaultActiveKey?.[0] ?? ''}`,\n        }\n    : controlled\n      ? {\n          type: 'multiple' as const,\n          value: _activeKey?.map(key => `${key}`),\n          onValueChange: (values: string[]) => {\n            _onChange?.(values);\n          },\n        }\n      : {\n          type: 'multiple' as const,\n          defaultValue: defaultActiveKey?.map(key => `${key}`),\n        };\n\n  return (\n    <Accordion className={className} {...accordionProps}>\n      {items.map(({ label, children, disabled }, key) => (\n        <AccordionItem\n          key={key}\n          value={`${key}`}\n          className={cn(\n            'border-none',\n            classNames?.item,\n            //\n          )}\n          disabled={disabled}\n        >\n          <AccordionTrigger\n            className={cn(\n              'hover:no-underline',\n              classNames?.header,\n              disabled && 'cursor-no-drop opacity-50',\n              //\n            )}\n            expandIcon={expandIcon}\n            disabled={disabled}\n          >\n            {label}\n          </AccordionTrigger>\n          <AccordionContent\n            className={cn(\n              classNames?.body,\n              //\n            )}\n          >\n            {children}\n          </AccordionContent>\n        </AccordionItem>\n      ))}\n    </Accordion>\n  );\n};\n\nexport default Collapse;\n"],"mappings":";;;;;;;;;AAOA,MAAM,EAAE,WAAW,eAAe,kBAAkB,qBAClDA;AA0BF,MAAM,YAAY,EAChB,YACA,YAAY,OACZ,QAAQ,EAAE,EACV,WACA,YACA,kBACA,WAAW,YACX,UAAU,gBACC;CACX,MAAM,aAAa,eAAe;AA4BlC,QACE,oBAAC;EAAqB;EAAW,GA3BZ,YACnB,aACE;GACE,MAAM;GACN,OAAO,GAAG,aAAa,MAAM;GAC7B,gBAAgB,UAAkB;AAChC,gBAAY,QAAQ,CAAC,MAAM,GAAG,EAAE,CAAC;;GAEpC,GACD;GACE,MAAM;GACN,cAAc,GAAG,mBAAmB,MAAM;GAC3C,GACH,aACE;GACE,MAAM;GACN,OAAO,YAAY,KAAI,QAAO,GAAG,MAAM;GACvC,gBAAgB,WAAqB;AACnC,gBAAY,OAAO;;GAEtB,GACD;GACE,MAAM;GACN,cAAc,kBAAkB,KAAI,QAAO,GAAG,MAAM;GACrD;YAIF,MAAM,KAAK,EAAE,OAAO,UAAU,YAAY,QACzC,qBAAC;GAEC,OAAO,GAAG;GACV,WAAW,GACT,eACA,YAAY,KAEb;GACS;cAEV,oBAAC;IACC,WAAW,GACT,sBACA,YAAY,QACZ,YAAY,4BAEb;IACW;IACF;cAET;KACgB,EACnB,oBAAC;IACC,WAAW,GACT,YAAY,KAEb;IAEA;KACgB;KA5Bd,IA6BS,CAChB;GACQ"}

package/dist/components/molecules/{Dropdown/index.d.mts → dropdown.d.mts}

@@ -1,7 +1,8 @@
-import { MenuProps } from "../../../Menu.mjs";
+import { MenuProps } from "./menu/menu.mjs";
+import "../../Menu.mjs";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/molecules/Dropdown/index.d.ts
+//#region src/components/molecules/dropdown.d.ts
 type ChangeEventHandler = (open: boolean) => void;
 interface Props extends React.ComponentPropsWithoutRef<'div'> {
   open?: boolean;
@@ -20,4 +21,4 @@ declare const Dropdown: ({
 }: Props) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Dropdown };
-//# sourceMappingURL=index.d.mts.map
+//# sourceMappingURL=dropdown.d.mts.map

package/dist/components/molecules/dropdown.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.mts","names":[],"sources":["../../../src/components/molecules/dropdown.tsx"],"mappings":";;;;;KAUK,kBAAA,IAAsB,IAAA;AAAA,UAEjB,KAAA,SAAc,KAAA,CAAM,wBAAA;EAC5B,IAAA;EACA,OAAA;EACA,IAAA,GAAO,SAAA;EACP,SAAA;EACA,YAAA,GAAe,kBAAA;AAAA;AAAA,cAGX,QAAA;EAAY,QAAA;EAAA,IAAA;EAAA,OAAA;EAAA,IAAA,EAAA,KAAA;EAAA,YAAA,EAAA,aAAA;EAAA,GAAA;AAAA,GAOf,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/molecules/{Dropdown/index.mjs → dropdown.mjs}

@@ -1,12 +1,13 @@
 'use client';
 
-import { cn } from "../../../utils.mjs";
-import Menu from "../../../Menu.mjs";
+import { cn } from "../../utils.mjs";
+import Menu from "./menu/menu.mjs";
+import "../../Menu.mjs";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { AnimatePresence, motion } from "motion/react";
 
-//#region src/components/molecules/Dropdown/index.tsx
+//#region src/components/molecules/dropdown.tsx
 const Dropdown = ({ children, menu, trigger = "hover", open: _open, onOpenChange: _onOpenChange = () => {}, ...props }) => {
 	const [uncontrolledOpen, setUncontrolledOpen] = useState(false);
 	const controlled = _open !== void 0;
@@ -63,4 +64,4 @@ const Dropdown = ({ children, menu, trigger = "hover", open: _open, onOpenChange
 
 //#endregion
 export { Dropdown as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=dropdown.mjs.map

package/dist/components/molecules/dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.mjs","names":[],"sources":["../../../src/components/molecules/dropdown.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { AnimatePresence, motion } from 'motion/react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport Menu, { MenuProps } from './menu';\n\ntype ChangeEventHandler = (open: boolean) => void;\n\ninterface Props extends React.ComponentPropsWithoutRef<'div'> {\n  open?: boolean;\n  trigger?: string;\n  menu?: MenuProps;\n  placement?: string;\n  onOpenChange?: ChangeEventHandler;\n}\n\nconst Dropdown = ({\n  children,\n  menu,\n  trigger = 'hover',\n  open: _open,\n  onOpenChange: _onOpenChange = () => {},\n  ...props\n}: Props) => {\n  const [uncontrolledOpen, setUncontrolledOpen] = useState<boolean>(false);\n\n  const controlled = _open !== undefined;\n  const open = controlled ? _open : uncontrolledOpen;\n\n  const isClickTrigger = trigger === 'click';\n\n  const onOpenChange = (nextOpen: boolean) => {\n    if (!controlled) {\n      setUncontrolledOpen(nextOpen);\n    }\n    _onOpenChange(nextOpen);\n  };\n\n  return (\n    <div\n      {...props}\n      className={cn('relative z-0', 'inline-block cursor-pointer')}\n      onMouseEnter={() => {\n        if (isClickTrigger) {\n          return;\n        }\n        onOpenChange(true);\n      }}\n      onMouseLeave={() => {\n        if (isClickTrigger) {\n          return;\n        }\n        onOpenChange(false);\n      }}\n    >\n      <div\n        onClick={() => {\n          if (!isClickTrigger) {\n            return;\n          }\n          onOpenChange(!open);\n        }}\n        onBlur={() => {\n          onOpenChange(false);\n        }}\n      >\n        {children}\n      </div>\n      <AnimatePresence>\n        {open && (\n          <motion.div\n            className={cn(\n              'absolute top-full pt-2',\n              //\n            )}\n            initial={{ opacity: 0, y: -10 }}\n            animate={{ opacity: 1, y: 0 }}\n            exit={{ opacity: 0, y: -10 }}\n            transition={{ duration: 0.1 }}\n          >\n            <Menu\n              {...menu}\n              onMouseDown={e => {\n                e.preventDefault();\n              }}\n            />\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </div>\n  );\n};\n\nexport default Dropdown;\n"],"mappings":";;;;;;;;;;AAoBA,MAAM,YAAY,EAChB,UACA,MACA,UAAU,SACV,MAAM,OACN,cAAc,sBAAsB,IACpC,GAAG,YACQ;CACX,MAAM,CAAC,kBAAkB,uBAAuB,SAAkB,MAAM;CAExE,MAAM,aAAa,UAAU;CAC7B,MAAM,OAAO,aAAa,QAAQ;CAElC,MAAM,iBAAiB,YAAY;CAEnC,MAAM,gBAAgB,aAAsB;AAC1C,MAAI,CAAC,WACH,qBAAoB,SAAS;AAE/B,gBAAc,SAAS;;AAGzB,QACE,qBAAC;EACC,GAAI;EACJ,WAAW,GAAG,gBAAgB,8BAA8B;EAC5D,oBAAoB;AAClB,OAAI,eACF;AAEF,gBAAa,KAAK;;EAEpB,oBAAoB;AAClB,OAAI,eACF;AAEF,gBAAa,MAAM;;aAGrB,oBAAC;GACC,eAAe;AACb,QAAI,CAAC,eACH;AAEF,iBAAa,CAAC,KAAK;;GAErB,cAAc;AACZ,iBAAa,MAAM;;GAGpB;IACG,EACN,oBAAC,6BACE,QACC,oBAAC,OAAO;GACN,WAAW,GACT,yBAED;GACD,SAAS;IAAE,SAAS;IAAG,GAAG;IAAK;GAC/B,SAAS;IAAE,SAAS;IAAG,GAAG;IAAG;GAC7B,MAAM;IAAE,SAAS;IAAG,GAAG;IAAK;GAC5B,YAAY,EAAE,UAAU,IAAK;aAE7B,oBAAC;IACC,GAAI;IACJ,cAAa,MAAK;AAChB,OAAE,gBAAgB;;KAEpB;IACS,GAEC;GACd"}

package/dist/components/molecules/index.d.mts

@@ -1,8 +1,9 @@
 import Card from "../../Card.mjs";
-import Menu from "../../Menu.mjs";
+import { Menu } from "./menu/menu.mjs";
+import "../../Menu.mjs";
 import Reveals from "../../Reveals.mjs";
 import Space from "../../Space.mjs";
-import { Collapse } from "./Collapse/index.mjs";
-import { Dropdown } from "./Dropdown/index.mjs";
-import { Marquees } from "./Marquees/index.mjs";
-import { Splitter } from "./Splitter/index.mjs";
+import { Collapse } from "./collapse.mjs";
+import { Dropdown } from "./dropdown.mjs";
+import { Marquees } from "./marquees/index.mjs";
+import { Splitter } from "./splitter/index.mjs";

package/dist/components/molecules/index.mjs

@@ -1,10 +1,11 @@
 import Card from "../../Card.mjs";
-import Collapse from "./Collapse/index.mjs";
-import Menu from "../../Menu.mjs";
-import Dropdown from "./Dropdown/index.mjs";
-import Marquees from "./Marquees/index.mjs";
+import Collapse from "./collapse.mjs";
+import Menu from "./menu/menu.mjs";
+import "../../Menu.mjs";
+import Dropdown from "./dropdown.mjs";
+import Marquees from "./marquees/index.mjs";
 import Reveals from "../../Reveals.mjs";
-import Splitter from "./Splitter/index.mjs";
+import Splitter from "./splitter/index.mjs";
 import Space from "../../Space.mjs";
 
 export {  };

package/dist/components/molecules/marquees/index.d.mts

@@ -0,0 +1,11 @@
+import { Item, ItemProps } from "./item.mjs";
+import { Marquees as Marquees$1, Props } from "./marquees.mjs";
+
+//#region src/components/molecules/marquees/index.d.ts
+type MarqueesComponent = typeof Marquees$1 & {
+  Item: typeof Item;
+};
+declare const Marquees: MarqueesComponent;
+//#endregion
+export { Marquees };
+//# sourceMappingURL=index.d.mts.map

package/dist/components/molecules/marquees/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/molecules/marquees/index.ts"],"mappings":";;;;KAGK,iBAAA,UAA2B,UAAA;EAAiB,IAAA,SAAa,IAAA;AAAA;AAAA,cAExD,QAAA,EAA2B,iBAAA"}

package/dist/components/molecules/marquees/index.mjs

@@ -0,0 +1,10 @@
+import Item from "./item.mjs";
+import Marquees$1 from "./marquees.mjs";
+
+//#region src/components/molecules/marquees/index.ts
+const Marquees = Marquees$1;
+Marquees.Item = Item;
+
+//#endregion
+export { Marquees as default };
+//# sourceMappingURL=index.mjs.map

package/dist/components/molecules/marquees/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["MarqueesImpl"],"sources":["../../../../src/components/molecules/marquees/index.ts"],"sourcesContent":["import Item from './item';\nimport MarqueesImpl, { type Props } from './marquees';\n\ntype MarqueesComponent = typeof MarqueesImpl & { Item: typeof Item };\n\nconst Marquees = MarqueesImpl as MarqueesComponent;\n\nMarquees.Item = Item;\n\nexport default Marquees;\nexport { Item };\nexport type { ItemProps } from './item';\nexport type { Props, Props as MarqueesProps };\n"],"mappings":";;;;AAKA,MAAM,WAAWA;AAEjB,SAAS,OAAO"}

package/dist/components/molecules/marquees/item.d.mts

@@ -0,0 +1,25 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/molecules/marquees/item.d.ts
+interface ItemProps {
+  key?: React.Key;
+  speed?: number;
+  autoFill?: boolean | number;
+  pause?: boolean;
+  pauseOnHover?: boolean;
+  children?: React.ReactNode;
+}
+interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'key'>, ItemProps {
+  width: string | number;
+}
+declare const Item: ({
+  width: _width,
+  speed,
+  autoFill,
+  pause: _pause,
+  pauseOnHover,
+  children
+}: Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Item, ItemProps };
+//# sourceMappingURL=item.d.mts.map

package/dist/components/molecules/marquees/item.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.mts","names":[],"sources":["../../../../src/components/molecules/marquees/item.tsx"],"mappings":";;;UAOiB,SAAA;EACf,GAAA,GAAM,KAAA,CAAM,GAAA;EACZ,KAAA;EACA,QAAA;EACA,KAAA;EACA,YAAA;EACA,QAAA,GAAW,KAAA,CAAM,SAAA;AAAA;AAAA,UAGF,KAAA,SACP,IAAA,CAAK,KAAA,CAAM,wBAAA,iBAAyC,SAAA;EAC5D,KAAA;AAAA;AAAA,cAGI,IAAA;EAAQ,KAAA,EAAA,MAAA;EAAA,KAAA;EAAA,QAAA;EAAA,KAAA,EAAA,MAAA;EAAA,YAAA;EAAA;AAAA,GAOX,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}