@jbpark/ui-kit 2.9.0 → 2.9.3

package/dist/components/atoms/input/search.d.mts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/input/search.d.ts
+interface Props extends React.ComponentPropsWithRef<'input'> {
+  allowClear?: boolean;
+  onChange?: (e: React.ChangeEvent<HTMLInputElement> | {
+    target: {
+      value: string;
+    };
+  }) => void;
+  onSearch?: (value: string) => void;
+}
+declare const Search: {
+  ({
+    ref,
+    className,
+    defaultValue,
+    value,
+    allowClear,
+    onChange,
+    onSearch: _onSearch,
+    ...props
+  }: Props): react_jsx_runtime0.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { Search };
+//# sourceMappingURL=search.d.mts.map

package/dist/components/atoms/input/search.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.d.mts","names":[],"sources":["../../../../src/components/atoms/input/search.tsx"],"mappings":";;;UAaiB,KAAA,SAAc,KAAA,CAAM,qBAAA;EACnC,UAAA;EACA,QAAA,IACE,CAAA,EAAG,KAAA,CAAM,WAAA,CAAY,gBAAA;IAAsB,MAAA;MAAU,KAAA;IAAA;EAAA;EAEvD,QAAA,IAAY,KAAA;AAAA;AAAA,cAGR,MAAA;EAAA;;;;;;;;;KASH,KAAA,GAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/atoms/{Input/Search/index.mjs → input/search.mjs}

@@ -1,14 +1,14 @@
 'use client';
 
-import { cn } from "../../../../utils.mjs";
-import { input_exports } from "../../../../core/input.mjs";
-import "../../../../core.mjs";
-import Button from "../../../../Button.mjs";
+import { cn } from "../../../utils.mjs";
+import { input_exports } from "../../../core/input.mjs";
+import "../../../core.mjs";
+import Button from "../../../Button.mjs";
 import { CircleX, Search } from "lucide-react";
 import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/atoms/Input/Search/index.tsx
+//#region src/components/atoms/input/search.tsx
 const { Input: Core } = input_exports;
 const Search$1 = ({ ref, className, defaultValue, value, allowClear = true, onChange, onSearch: _onSearch, ...props }) => {
 	const internalRef = useRef(null);
@@ -54,4 +54,4 @@ Search$1.displayName = "Search";
 
 //#endregion
 export { Search$1 as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=search.mjs.map

package/dist/components/atoms/input/search.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.mjs","names":["input","Search","SearchOutlined"],"sources":["../../../../src/components/atoms/input/search.tsx"],"sourcesContent":["'use client';\n\nimport { useRef } from 'react';\n\nimport { CircleX, Search as SearchOutlined } from 'lucide-react';\n\nimport { input } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nimport Button from '../button';\n\nconst { Input: Core } = input;\n\nexport interface Props extends React.ComponentPropsWithRef<'input'> {\n  allowClear?: boolean;\n  onChange?: (\n    e: React.ChangeEvent<HTMLInputElement> | { target: { value: string } },\n  ) => void;\n  onSearch?: (value: string) => void;\n}\n\nconst Search = ({\n  ref,\n  className,\n  defaultValue,\n  value,\n  allowClear = true,\n  onChange,\n  onSearch: _onSearch,\n  ...props\n}: Props) => {\n  const internalRef = useRef<HTMLInputElement>(null);\n  const inputRef = (ref as React.RefObject<HTMLInputElement>) || internalRef;\n\n  const onClear = () => {\n    if (inputRef.current) {\n      inputRef.current.value = '';\n\n      const event = {\n        target: { value: '' },\n      } as React.ChangeEvent<HTMLInputElement>;\n      onChange?.(event);\n    }\n  };\n\n  const onSearch = () => {\n    if (inputRef.current) {\n      _onSearch?.(inputRef.current.value);\n    }\n  };\n\n  return (\n    <div\n      className={cn(\n        'flex items-center',\n        'rounded-md',\n        className,\n        //\n      )}\n    >\n      <div\n        className={cn(\n          'relative grow',\n          'inline-flex items-center',\n          //\n        )}\n      >\n        <Core\n          ref={inputRef}\n          inputMode=\"search\"\n          type=\"search\"\n          enterKeyHint=\"search\"\n          className={cn(\n            'rounded-r-none',\n            '[&::-webkit-search-cancel-button]:hidden',\n            '[&::-webkit-search-decoration]:hidden',\n            //\n          )}\n          value={value}\n          defaultValue={defaultValue}\n          onChange={onChange}\n          onKeyDown={e => {\n            if (e.key === 'Enter') {\n              onSearch();\n            }\n          }}\n          {...props}\n        />\n        <CircleX\n          className={cn(\n            'absolute right-2 size-4',\n            'shrink-0 cursor-pointer',\n            (!allowClear || (value !== undefined && !value)) && 'hidden',\n          )}\n          onClick={onClear}\n        />\n      </div>\n      <Button\n        icon={<SearchOutlined />}\n        className={cn(\n          'rounded-l-none',\n          'size-9',\n          //\n        )}\n        onClick={onSearch}\n      />\n    </div>\n  );\n};\n\nSearch.displayName = 'Search';\n\nexport default Search;\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,EAAE,OAAO,SAASA;AAUxB,MAAMC,YAAU,EACd,KACA,WACA,cACA,OACA,aAAa,MACb,UACA,UAAU,WACV,GAAG,YACQ;CACX,MAAM,cAAc,OAAyB,KAAK;CAClD,MAAM,WAAY,OAA6C;CAE/D,MAAM,gBAAgB;AACpB,MAAI,SAAS,SAAS;AACpB,YAAS,QAAQ,QAAQ;AAKzB,cAHc,EACZ,QAAQ,EAAE,OAAO,IAAI,EACtB,CACgB;;;CAIrB,MAAM,iBAAiB;AACrB,MAAI,SAAS,QACX,aAAY,SAAS,QAAQ,MAAM;;AAIvC,QACE,qBAAC;EACC,WAAW,GACT,qBACA,cACA,UAED;aAED,qBAAC;GACC,WAAW,GACT,iBACA,2BAED;cAED,oBAAC;IACC,KAAK;IACL,WAAU;IACV,MAAK;IACL,cAAa;IACb,WAAW,GACT,kBACA,4CACA,wCAED;IACM;IACO;IACJ;IACV,YAAW,MAAK;AACd,SAAI,EAAE,QAAQ,QACZ,WAAU;;IAGd,GAAI;KACJ,EACF,oBAAC;IACC,WAAW,GACT,2BACA,4BACC,CAAC,cAAe,UAAU,UAAa,CAAC,UAAW,SACrD;IACD,SAAS;KACT;IACE,EACN,oBAAC;GACC,MAAM,oBAACC,WAAiB;GACxB,WAAW,GACT,kBACA,SAED;GACD,SAAS;IACT;GACE;;AAIV,SAAO,cAAc"}

package/dist/components/atoms/input/text-area.d.mts

@@ -0,0 +1,11 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/input/text-area.d.ts
+declare const TextArea: ({
+  className,
+  ref,
+  ...props
+}: React.ComponentPropsWithRef<"textarea">) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TextArea };
+//# sourceMappingURL=text-area.d.mts.map

package/dist/components/atoms/input/text-area.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.d.mts","names":[],"sources":["../../../../src/components/atoms/input/text-area.tsx"],"mappings":";;;cAKM,QAAA;EAAY,SAAA;EAAA,GAAA;EAAA,GAAA;AAAA,GAIf,KAAA,CAAM,qBAAA,iBAAiC,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/atoms/{Input/TextArea/index.mjs → input/text-area.mjs}

@@ -1,9 +1,9 @@
-import { cn } from "../../../../utils.mjs";
-import { textarea_exports } from "../../../../core/textarea.mjs";
-import "../../../../core.mjs";
+import { cn } from "../../../utils.mjs";
+import { textarea_exports } from "../../../core/textarea.mjs";
+import "../../../core.mjs";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/atoms/Input/TextArea/index.tsx
+//#region src/components/atoms/input/text-area.tsx
 const { Textarea: Core } = textarea_exports;
 const TextArea = ({ className, ref, ...props }) => {
 	return /* @__PURE__ */ jsx(Core, {
@@ -15,4 +15,4 @@ const TextArea = ({ className, ref, ...props }) => {
 
 //#endregion
 export { TextArea as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=text-area.mjs.map

package/dist/components/atoms/input/text-area.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.mjs","names":["textarea"],"sources":["../../../../src/components/atoms/input/text-area.tsx"],"sourcesContent":["import { textarea } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nconst { Textarea: Core } = textarea;\n\nconst TextArea = ({\n  className,\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<'textarea'>) => {\n  return (\n    <Core\n      ref={ref}\n      className={cn(\n        className,\n        //\n      )}\n      {...props}\n    />\n  );\n};\n\nexport default TextArea;\n"],"mappings":";;;;;;AAGA,MAAM,EAAE,UAAU,SAASA;AAE3B,MAAM,YAAY,EAChB,WACA,KACA,GAAG,YAC0C;AAC7C,QACE,oBAAC;EACM;EACL,WAAW,GACT,UAED;EACD,GAAI;GACJ"}

package/dist/components/atoms/{Popover/index.d.mts → popover.d.mts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/atoms/Popover/index.d.ts
+//#region src/components/atoms/popover.d.ts
 type Placement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
 interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title' | 'content'> {
   title?: React.ReactNode;
@@ -16,4 +16,4 @@ declare const Popover: ({
 }: Props) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Popover };
-//# sourceMappingURL=index.d.mts.map
+//# sourceMappingURL=popover.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.mts","names":[],"sources":["../../../src/components/atoms/popover.tsx"],"mappings":";;;KAOK,SAAA;AAAA,UAcK,KAAA,SAAc,IAAA,CACtB,KAAA,CAAM,wBAAA;EAGN,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,SAAA,GAAY,SAAA;EACZ,OAAA,EAAS,KAAA,CAAM,SAAA;AAAA;AAAA,cAkNX,OAAA;EAAW,KAAA;EAAA,SAAA;EAAA,SAAA;EAAA,OAAA;EAAA;AAAA,GAMd,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/atoms/{Popover/index.mjs → popover.mjs}

@@ -1,10 +1,10 @@
-import { cn, renderConditional } from "../../../utils.mjs";
-import { popover_exports } from "../../../core/popover.mjs";
-import "../../../core.mjs";
-import Typography from "../../../Typography.mjs";
+import { cn, renderConditional } from "../../utils.mjs";
+import { popover_exports } from "../../core/popover.mjs";
+import "../../core.mjs";
+import Typography from "../../Typography.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/atoms/Popover/index.tsx
+//#region src/components/atoms/popover.tsx
 const { Popover: CorePopover, PopoverContent, PopoverTrigger } = popover_exports;
 const placementMap = {
 	top: {
@@ -226,4 +226,4 @@ const Popover = ({ title, placement = "top", className, content, children }) =>
 
 //#endregion
 export { Popover as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=popover.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.mjs","names":["popover"],"sources":["../../../src/components/atoms/popover.tsx"],"sourcesContent":["import { popover } from '@repo/ui/core';\nimport { cn, renderConditional } from '@repo/ui/utils';\n\nimport Typography from './typography';\n\nconst { Popover: CorePopover, PopoverContent, PopoverTrigger } = popover;\n\ntype Placement =\n  | 'top'\n  | 'left'\n  | 'right'\n  | 'bottom'\n  | 'topLeft'\n  | 'topRight'\n  | 'bottomLeft'\n  | 'bottomRight'\n  | 'leftTop'\n  | 'leftBottom'\n  | 'rightTop'\n  | 'rightBottom';\n\ninterface Props extends Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'title' | 'content'\n> {\n  title?: React.ReactNode;\n  placement?: Placement;\n  content: React.ReactNode;\n}\n\nconst placementMap = {\n  top: {\n    side: 'top',\n    align: 'center',\n  },\n  left: {\n    side: 'left',\n    align: 'center',\n  },\n  right: {\n    side: 'right',\n    align: 'center',\n  },\n  bottom: {\n    side: 'bottom',\n    align: 'center',\n  },\n  topLeft: {\n    side: 'top',\n    align: 'start',\n  },\n  topRight: {\n    side: 'top',\n    align: 'end',\n  },\n  bottomLeft: {\n    side: 'bottom',\n    align: 'start',\n  },\n  bottomRight: {\n    side: 'bottom',\n    align: 'end',\n  },\n  leftTop: {\n    side: 'left',\n    align: 'start',\n  },\n  leftBottom: {\n    side: 'left',\n    align: 'end',\n  },\n  rightTop: {\n    side: 'right',\n    align: 'start',\n  },\n  rightBottom: {\n    side: 'right',\n    align: 'end',\n  },\n} as const;\n\nconst beforeBase = 'before:content-[\"\"] before:absolute before:h-0 before:w-0';\nconst afterBase = 'after:content-[\"\"] after:absolute after:h-0 after:w-0';\n\nconst vBorderShape =\n  'before:border-l-[9px] before:border-r-[9px] before:border-l-transparent before:border-r-transparent';\nconst hBorderShape =\n  'before:border-t-[9px] before:border-b-[9px] before:border-t-transparent before:border-b-transparent';\nconst vFillShape =\n  'after:border-l-8 after:border-r-8 after:border-l-transparent after:border-r-transparent';\nconst hFillShape =\n  'after:border-t-8 after:border-b-8 after:border-t-transparent after:border-b-transparent';\n\nconst topBorder = 'before:border-t-[9px] before:border-t-border';\nconst bottomBorder = 'before:border-b-[9px] before:border-b-border';\nconst leftBorder = 'before:border-l-[9px] before:border-l-border';\nconst rightBorder = 'before:border-r-[9px] before:border-r-border';\nconst topFill = 'after:border-t-8 after:border-t-popover';\nconst bottomFill = 'after:border-b-8 after:border-b-popover';\nconst leftFill = 'after:border-l-8 after:border-l-popover';\nconst rightFill = 'after:border-r-8 after:border-r-popover';\n\nconst arrowStyles: Record<Placement, string> = {\n  top: [\n    'absolute left-1/2 -translate-x-1/2 top-full',\n    beforeBase,\n    'before:top-0 before:left-1/2 before:-translate-x-1/2',\n    vBorderShape,\n    topBorder,\n    afterBase,\n    'after:-top-px after:left-1/2 after:-translate-x-1/2',\n    vFillShape,\n    topFill,\n  ].join(' '),\n  topLeft: [\n    'absolute left-4 top-full',\n    beforeBase,\n    'before:top-0 before:left-0',\n    vBorderShape,\n    topBorder,\n    afterBase,\n    'after:-top-px after:left-px',\n    vFillShape,\n    topFill,\n  ].join(' '),\n  topRight: [\n    'absolute right-4 top-full',\n    beforeBase,\n    'before:top-0 before:right-0',\n    vBorderShape,\n    topBorder,\n    afterBase,\n    'after:-top-px after:right-px',\n    vFillShape,\n    topFill,\n  ].join(' '),\n  bottom: [\n    'absolute left-1/2 -translate-x-1/2 bottom-full',\n    beforeBase,\n    'before:bottom-0 before:left-1/2 before:-translate-x-1/2',\n    vBorderShape,\n    bottomBorder,\n    afterBase,\n    'after:-bottom-px after:left-1/2 after:-translate-x-1/2',\n    vFillShape,\n    bottomFill,\n  ].join(' '),\n  bottomLeft: [\n    'absolute left-4 bottom-full',\n    beforeBase,\n    'before:bottom-0 before:left-0',\n    vBorderShape,\n    bottomBorder,\n    afterBase,\n    'after:-bottom-px after:left-px',\n    vFillShape,\n    bottomFill,\n  ].join(' '),\n  bottomRight: [\n    'absolute right-4 bottom-full',\n    beforeBase,\n    'before:bottom-0 before:right-0',\n    vBorderShape,\n    bottomBorder,\n    afterBase,\n    'after:-bottom-px after:right-px',\n    vFillShape,\n    bottomFill,\n  ].join(' '),\n  left: [\n    'absolute top-1/2 -translate-y-1/2 left-full',\n    beforeBase,\n    'before:left-0 before:top-1/2 before:-translate-y-1/2',\n    hBorderShape,\n    leftBorder,\n    afterBase,\n    'after:-left-px after:top-1/2 after:-translate-y-1/2',\n    hFillShape,\n    leftFill,\n  ].join(' '),\n  leftTop: [\n    'absolute top-4 left-full',\n    beforeBase,\n    'before:left-0 before:top-0',\n    hBorderShape,\n    leftBorder,\n    afterBase,\n    'after:-left-px after:top-px',\n    hFillShape,\n    leftFill,\n  ].join(' '),\n  leftBottom: [\n    'absolute bottom-4 left-full',\n    beforeBase,\n    'before:left-0 before:bottom-0',\n    hBorderShape,\n    leftBorder,\n    afterBase,\n    'after:-left-px after:bottom-px',\n    hFillShape,\n    leftFill,\n  ].join(' '),\n  right: [\n    'absolute top-1/2 -translate-y-1/2 right-full',\n    beforeBase,\n    'before:right-0 before:top-1/2 before:-translate-y-1/2',\n    hBorderShape,\n    rightBorder,\n    afterBase,\n    'after:-right-px after:top-1/2 after:-translate-y-1/2',\n    hFillShape,\n    rightFill,\n  ].join(' '),\n  rightTop: [\n    'absolute top-4 right-full',\n    beforeBase,\n    'before:right-0 before:top-0',\n    hBorderShape,\n    rightBorder,\n    afterBase,\n    'after:-right-px after:top-px',\n    hFillShape,\n    rightFill,\n  ].join(' '),\n  rightBottom: [\n    'absolute bottom-4 right-full',\n    beforeBase,\n    'before:right-0 before:bottom-0',\n    hBorderShape,\n    rightBorder,\n    afterBase,\n    'after:-right-px after:bottom-px',\n    hFillShape,\n    rightFill,\n  ].join(' '),\n};\n\nconst Popover = ({\n  title,\n  placement = 'top',\n  className,\n  content,\n  children,\n}: Props) => {\n  return (\n    <CorePopover>\n      <PopoverTrigger asChild>{children}</PopoverTrigger>\n      <PopoverContent\n        align={placementMap[placement].align}\n        side={placementMap[placement].side}\n        sideOffset={16}\n        className={cn('relative w-auto', className)}\n      >\n        {renderConditional(title, v => (\n          <Typography.Title level={6}>{v}</Typography.Title>\n        ))}\n        {content}\n        <div className={cn(arrowStyles[placement])} />\n      </PopoverContent>\n    </CorePopover>\n  );\n};\n\nexport default Popover;\n"],"mappings":";;;;;;;AAKA,MAAM,EAAE,SAAS,aAAa,gBAAgB,mBAAmBA;AAyBjE,MAAM,eAAe;CACnB,KAAK;EACH,MAAM;EACN,OAAO;EACR;CACD,MAAM;EACJ,MAAM;EACN,OAAO;EACR;CACD,OAAO;EACL,MAAM;EACN,OAAO;EACR;CACD,QAAQ;EACN,MAAM;EACN,OAAO;EACR;CACD,SAAS;EACP,MAAM;EACN,OAAO;EACR;CACD,UAAU;EACR,MAAM;EACN,OAAO;EACR;CACD,YAAY;EACV,MAAM;EACN,OAAO;EACR;CACD,aAAa;EACX,MAAM;EACN,OAAO;EACR;CACD,SAAS;EACP,MAAM;EACN,OAAO;EACR;CACD,YAAY;EACV,MAAM;EACN,OAAO;EACR;CACD,UAAU;EACR,MAAM;EACN,OAAO;EACR;CACD,aAAa;EACX,MAAM;EACN,OAAO;EACR;CACF;AAED,MAAM,aAAa;AACnB,MAAM,YAAY;AAElB,MAAM,eACJ;AACF,MAAM,eACJ;AACF,MAAM,aACJ;AACF,MAAM,aACJ;AAEF,MAAM,YAAY;AAClB,MAAM,eAAe;AACrB,MAAM,aAAa;AACnB,MAAM,cAAc;AACpB,MAAM,UAAU;AAChB,MAAM,aAAa;AACnB,MAAM,WAAW;AACjB,MAAM,YAAY;AAElB,MAAM,cAAyC;CAC7C,KAAK;EACH;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,KAAK,IAAI;CACX,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,KAAK,IAAI;CACX,UAAU;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,KAAK,IAAI;CACX,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,KAAK,IAAI;CACX,YAAY;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,KAAK,IAAI;CACX,aAAa;EACX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,KAAK,IAAI;CACX,MAAM;EACJ;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,KAAK,IAAI;CACX,SAAS;EACP;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,KAAK,IAAI;CACX,YAAY;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,KAAK,IAAI;CACX,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,KAAK,IAAI;CACX,UAAU;EACR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,KAAK,IAAI;CACX,aAAa;EACX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,KAAK,IAAI;CACZ;AAED,MAAM,WAAW,EACf,OACA,YAAY,OACZ,WACA,SACA,eACW;AACX,QACE,qBAAC,0BACC,oBAAC;EAAe;EAAS;GAA0B,EACnD,qBAAC;EACC,OAAO,aAAa,WAAW;EAC/B,MAAM,aAAa,WAAW;EAC9B,YAAY;EACZ,WAAW,GAAG,mBAAmB,UAAU;;GAE1C,kBAAkB,QAAO,MACxB,oBAAC,WAAW;IAAM,OAAO;cAAI;KAAqB,CAClD;GACD;GACD,oBAAC,SAAI,WAAW,GAAG,YAAY,WAAW,GAAI;;GAC/B,IACL"}

package/dist/components/atoms/{Progress/index.d.mts → progress.d.mts}

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/atoms/Progress/index.d.ts
+//#region src/components/atoms/progress.d.ts
 interface Props extends React.ComponentPropsWithoutRef<'div'> {
   value: number;
   direction?: 'horizontal' | 'vertical';
@@ -17,4 +17,4 @@ declare const Progress: ({
 }: Props) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Progress };
-//# sourceMappingURL=index.d.mts.map
+//# sourceMappingURL=progress.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.mts","names":[],"sources":["../../../src/components/atoms/progress.tsx"],"mappings":";;;UAKiB,KAAA,SAAc,KAAA,CAAM,wBAAA;EACnC,KAAA;EACA,SAAA;EACA,UAAA;IACE,UAAA;IACA,GAAA;EAAA;AAAA;AAAA,cAIE,QAAA;EAAY,KAAA;EAAA,SAAA;EAAA,SAAA;EAAA;AAAA,GAMf,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/atoms/{Progress/index.mjs → progress.mjs}

@@ -1,9 +1,9 @@
-import { cn } from "../../../utils.mjs";
-import { progress_exports } from "../../../core/progress.mjs";
-import "../../../core.mjs";
+import { cn } from "../../utils.mjs";
+import { progress_exports } from "../../core/progress.mjs";
+import "../../core.mjs";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/atoms/Progress/index.tsx
+//#region src/components/atoms/progress.tsx
 const { Progress: Core } = progress_exports;
 const Progress = ({ value, className, direction = "horizontal", classNames }) => {
 	const isHorizontal = direction === "horizontal";
@@ -22,4 +22,4 @@ const Progress = ({ value, className, direction = "horizontal", classNames }) =>
 
 //#endregion
 export { Progress as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=progress.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.mjs","names":["progress"],"sources":["../../../src/components/atoms/progress.tsx"],"sourcesContent":["import { progress } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nconst { Progress: Core } = progress;\n\nexport interface Props extends React.ComponentPropsWithoutRef<'div'> {\n  value: number;\n  direction?: 'horizontal' | 'vertical';\n  classNames?: {\n    background?: string;\n    bar?: string;\n  };\n}\n\nconst Progress = ({\n  value,\n  className,\n  direction = 'horizontal',\n  classNames,\n  //\n}: Props) => {\n  const isHorizontal = direction === 'horizontal';\n  const dimension = isHorizontal ? 'width' : 'height';\n  const normalizedValue = Number.isFinite(value)\n    ? Math.min(100, Math.max(0, value))\n    : 0;\n\n  return (\n    <Core\n      value={normalizedValue}\n      className={cn(\n        isHorizontal ? 'h-4 w-full' : 'flex h-full w-4 flex-col justify-end',\n        className,\n        classNames?.background,\n        //\n      )}\n      barClassName={cn('flex-none', classNames?.bar)}\n      barStyle={{\n        transform: 'none',\n        [dimension]: `${normalizedValue}%`,\n        //\n      }}\n    />\n  );\n};\n\nexport default Progress;\n"],"mappings":";;;;;;AAGA,MAAM,EAAE,UAAU,SAASA;AAW3B,MAAM,YAAY,EAChB,OACA,WACA,YAAY,cACZ,iBAEW;CACX,MAAM,eAAe,cAAc;CACnC,MAAM,YAAY,eAAe,UAAU;CAC3C,MAAM,kBAAkB,OAAO,SAAS,MAAM,GAC1C,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,MAAM,CAAC,GACjC;AAEJ,QACE,oBAAC;EACC,OAAO;EACP,WAAW,GACT,eAAe,eAAe,wCAC9B,WACA,YAAY,WAEb;EACD,cAAc,GAAG,aAAa,YAAY,IAAI;EAC9C,UAAU;GACR,WAAW;IACV,YAAY,GAAG,gBAAgB;GAEjC;GACD"}

package/dist/components/atoms/{Radio/Group/index.d.mts → radio/group.d.mts}

@@ -1,6 +1,6 @@
-import "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/atoms/Radio/Group/index.d.ts
+//#region src/components/atoms/radio/group.d.ts
 type OptionValue = string | number | boolean;
 type Option = {
   label: string;
@@ -21,6 +21,20 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' |
   disabled?: boolean;
   onChange?: (value: OptionValue) => void;
 }
+declare const RadioGroup: ({
+  orientation,
+  placement,
+  className,
+  classNames,
+  options: _options,
+  optionType,
+  buttonStyle,
+  size,
+  disabled,
+  defaultValue,
+  value: _value,
+  onChange: _onChange
+}: Props) => react_jsx_runtime0.JSX.Element;
 //#endregion
-export { OptionValue, Props };
-//# sourceMappingURL=index.d.mts.map
+export { OptionValue, RadioGroup };
+//# sourceMappingURL=group.d.mts.map

package/dist/components/atoms/radio/group.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.mts","names":[],"sources":["../../../../src/components/atoms/radio/group.tsx"],"mappings":";;;KASY,WAAA;AAAA,KAEP,MAAA;EACH,KAAA;EACA,KAAA,EAAO,WAAA;EACP,QAAA;AAAA;AAAA,KAGG,OAAA,qCAA4C,MAAA;AAAA,UAEhC,KAAA,SAAc,IAAA,CAC7B,KAAA,CAAM,wBAAA;EAGN,OAAA,GAAU,OAAA;EACV,WAAA;EACA,SAAA;EACA,UAAA,GAAa,MAAA;EACb,YAAA,GAAe,WAAA;EACf,KAAA,GAAQ,WAAA;EACR,UAAA;EACA,WAAA;EACA,IAAA;EACA,QAAA;EACA,QAAA,IAAY,KAAA,EAAO,WAAA;AAAA;AAAA,cAGf,UAAA;EAAc,WAAA;EAAA,SAAA;EAAA,SAAA;EAAA,UAAA;EAAA,OAAA,EAAA,QAAA;EAAA,UAAA;EAAA,WAAA;EAAA,IAAA;EAAA,QAAA;EAAA,YAAA;EAAA,KAAA,EAAA,MAAA;EAAA,QAAA,EAAA;AAAA,GAajB,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/atoms/{Radio/Group/index.mjs → radio/group.mjs}

@@ -1,11 +1,12 @@
-import { cn } from "../../../../utils.mjs";
-import Button from "../../../../Button.mjs";
-import Radio from "../index.mjs";
-import "../../../../index.mjs";
+'use client';
+
+import { cn } from "../../../utils.mjs";
+import Button from "../../../Button.mjs";
+import Radio from "./radio.mjs";
 import { useState } from "react";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/atoms/Radio/Group/index.tsx
+//#region src/components/atoms/radio/group.tsx
 const RadioGroup = ({ orientation = "horizontal", placement = "left", className, classNames = {}, options: _options = [], optionType = "default", buttonStyle = "solid", size, disabled, defaultValue, value: _value, onChange: _onChange = () => {} }) => {
 	const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
 	const controlled = _value !== void 0;
@@ -49,4 +50,4 @@ const RadioGroup = ({ orientation = "horizontal", placement = "left", className,
 
 //#endregion
 export { RadioGroup as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=group.mjs.map

package/dist/components/atoms/radio/group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.mjs","names":[],"sources":["../../../../src/components/atoms/radio/group.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport Button from '../button';\nimport Radio from './radio';\n\nexport type OptionValue = string | number | boolean;\n\ntype Option = {\n  label: string;\n  value: OptionValue;\n  disabled?: boolean;\n};\n\ntype Options = string[] | number[] | boolean[] | Option[];\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'onChange' | 'defaultValue' | 'value'\n> {\n  options?: Options;\n  orientation?: 'vertical' | 'horizontal';\n  placement?: 'left' | 'right';\n  classNames?: Record<string, string>;\n  defaultValue?: OptionValue;\n  value?: OptionValue;\n  optionType?: 'default' | 'button';\n  buttonStyle?: 'solid' | 'outlined';\n  size?: 'small' | 'middle' | 'large';\n  disabled?: boolean;\n  onChange?: (value: OptionValue) => void;\n}\n\nconst RadioGroup = ({\n  orientation = 'horizontal',\n  placement = 'left',\n  className,\n  classNames = {},\n  options: _options = [],\n  optionType = 'default',\n  buttonStyle = 'solid',\n  size,\n  disabled,\n  defaultValue,\n  value: _value,\n  onChange: _onChange = () => {},\n}: Props) => {\n  const [uncontrolledValue, setUncontrolledValue] = useState<\n    OptionValue | undefined\n  >(defaultValue);\n\n  const controlled = _value !== undefined;\n  const value = controlled ? _value : uncontrolledValue;\n\n  const options: Option[] = _options.map(item =>\n    typeof item === 'object'\n      ? item\n      : {\n          label: `${item}`,\n          value: item,\n        },\n  );\n\n  const isButton = optionType === 'button';\n\n  const onChange = (checked: boolean, optionValue: OptionValue) => {\n    if (!checked) {\n      return;\n    }\n    if (!controlled) {\n      setUncontrolledValue(optionValue);\n    }\n    _onChange(optionValue);\n  };\n\n  return (\n    <ul\n      className={cn(\n        'flex gap-4',\n        className,\n        orientation === 'vertical' && 'flex-col',\n        isButton && 'gap-0',\n      )}\n    >\n      {options.map((item: Option, index) => {\n        const checked = value === item.value;\n\n        return (\n          <li\n            key={String(item.value)}\n            className={cn('flex', classNames?.wrapper)}\n          >\n            {isButton ? (\n              <Button\n                variant={checked ? buttonStyle : 'outlined'}\n                size={size}\n                className={cn(\n                  'rounded-none',\n                  index === 0 && 'rounded-l-lg',\n                  index === options.length - 1 && 'rounded-r-lg',\n                  checked && buttonStyle === 'outlined' && 'border-primary',\n                )}\n                disabled={disabled || item.disabled}\n                onClick={() => onChange(true, item.value)}\n              >\n                {item.label}\n              </Button>\n            ) : (\n              <Radio\n                placement={placement}\n                className={cn(classNames?.item)}\n                value={item.value}\n                checked={checked}\n                disabled={item.disabled}\n                onChange={checked => onChange(checked, item.value)}\n              >\n                {item.label}\n              </Radio>\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n};\n\nexport default RadioGroup;\n"],"mappings":";;;;;;;;;AAoCA,MAAM,cAAc,EAClB,cAAc,cACd,YAAY,QACZ,WACA,aAAa,EAAE,EACf,SAAS,WAAW,EAAE,EACtB,aAAa,WACb,cAAc,SACd,MACA,UACA,cACA,OAAO,QACP,UAAU,kBAAkB,SACjB;CACX,MAAM,CAAC,mBAAmB,wBAAwB,SAEhD,aAAa;CAEf,MAAM,aAAa,WAAW;CAC9B,MAAM,QAAQ,aAAa,SAAS;CAEpC,MAAM,UAAoB,SAAS,KAAI,SACrC,OAAO,SAAS,WACZ,OACA;EACE,OAAO,GAAG;EACV,OAAO;EACR,CACN;CAED,MAAM,WAAW,eAAe;CAEhC,MAAM,YAAY,SAAkB,gBAA6B;AAC/D,MAAI,CAAC,QACH;AAEF,MAAI,CAAC,WACH,sBAAqB,YAAY;AAEnC,YAAU,YAAY;;AAGxB,QACE,oBAAC;EACC,WAAW,GACT,cACA,WACA,gBAAgB,cAAc,YAC9B,YAAY,QACb;YAEA,QAAQ,KAAK,MAAc,UAAU;GACpC,MAAM,UAAU,UAAU,KAAK;AAE/B,UACE,oBAAC;IAEC,WAAW,GAAG,QAAQ,YAAY,QAAQ;cAEzC,WACC,oBAAC;KACC,SAAS,UAAU,cAAc;KAC3B;KACN,WAAW,GACT,gBACA,UAAU,KAAK,gBACf,UAAU,QAAQ,SAAS,KAAK,gBAChC,WAAW,gBAAgB,cAAc,iBAC1C;KACD,UAAU,YAAY,KAAK;KAC3B,eAAe,SAAS,MAAM,KAAK,MAAM;eAExC,KAAK;MACC,GAET,oBAAC;KACY;KACX,WAAW,GAAG,YAAY,KAAK;KAC/B,OAAO,KAAK;KACH;KACT,UAAU,KAAK;KACf,WAAU,YAAW,SAAS,SAAS,KAAK,MAAM;eAEjD,KAAK;MACA;MA5BL,OAAO,KAAK,MAAM,CA8BpB;IAEP;GACC"}

package/dist/components/atoms/radio/index.d.mts

@@ -0,0 +1,11 @@
+import { RadioGroup } from "./group.mjs";
+import { Props, Radio as Radio$1 } from "./radio.mjs";
+
+//#region src/components/atoms/radio/index.d.ts
+type RadioComponent = typeof Radio$1 & {
+  Group: typeof RadioGroup;
+};
+declare const Radio: RadioComponent;
+//#endregion
+export { Radio };
+//# sourceMappingURL=index.d.mts.map

package/dist/components/atoms/radio/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/radio/index.ts"],"mappings":";;;;KAGK,cAAA,UAAwB,OAAA;EAAc,KAAA,SAAc,UAAA;AAAA;AAAA,cAEnD,KAAA,EAAqB,cAAA"}

package/dist/components/atoms/radio/index.mjs

@@ -0,0 +1,10 @@
+import Radio$1 from "./radio.mjs";
+import RadioGroup from "./group.mjs";
+
+//#region src/components/atoms/radio/index.ts
+const Radio = Radio$1;
+Radio.Group = RadioGroup;
+
+//#endregion
+export { Radio as default };
+//# sourceMappingURL=index.mjs.map

package/dist/components/atoms/radio/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["RadioImpl","Group"],"sources":["../../../../src/components/atoms/radio/index.ts"],"sourcesContent":["import Group from './group';\nimport RadioImpl, { type Props } from './radio';\n\ntype RadioComponent = typeof RadioImpl & { Group: typeof Group };\n\nconst Radio = RadioImpl as RadioComponent;\n\nRadio.Group = Group;\n\nexport default Radio;\nexport type { Props };\n"],"mappings":";;;;AAKA,MAAM,QAAQA;AAEd,MAAM,QAAQC"}

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

@@ -0,0 +1,34 @@
+import { RadioGroup } from "../../../core/radio-group.mjs";
+import "../../../core.mjs";
+import { OptionValue } from "./group.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/radio/radio.d.ts
+declare const Core: typeof RadioGroup;
+interface Props extends Omit<React.ComponentPropsWithoutRef<typeof Core>, 'onChange' | 'value'> {
+  placement?: 'left' | 'right';
+  defaultChecked?: boolean;
+  checked?: boolean;
+  value?: OptionValue;
+  disabled?: boolean;
+  icons?: {
+    checked: React.ReactNode;
+    unchecked: React.ReactNode;
+  };
+  onChange?: (checked: boolean) => void;
+}
+declare const Radio: ({
+  placement,
+  value,
+  children,
+  className,
+  icons,
+  disabled,
+  defaultChecked,
+  checked: _checked,
+  onChange: _onChange,
+  ...props
+}: Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Props, Radio };
+//# sourceMappingURL=radio.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.mts","names":[],"sources":["../../../../src/components/atoms/radio/radio.tsx"],"mappings":";;;;;;cAWoB,IAAA,SAAI,UAAA;AAAA,UAGP,KAAA,SAAc,IAAA,CAC7B,KAAA,CAAM,wBAAA,QAAgC,IAAA;EAGtC,SAAA;EACA,cAAA;EACA,OAAA;EACA,KAAA,GAAQ,WAAA;EACR,QAAA;EACA,KAAA;IAAU,OAAA,EAAS,KAAA,CAAM,SAAA;IAAW,SAAA,EAAW,KAAA,CAAM,SAAA;EAAA;EACrD,QAAA,IAAY,OAAA;AAAA;AAAA,cAGR,KAAA;EAAS,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA,QAAA;EAAA,cAAA;EAAA,OAAA,EAAA,QAAA;EAAA,QAAA,EAAA,SAAA;EAAA,GAAA;AAAA,GAWZ,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/atoms/{Radio/index.mjs → radio/radio.mjs}

@@ -4,12 +4,11 @@ import { cn } from "../../../utils.mjs";
 import { field_exports } from "../../../core/field.mjs";
 import { radio_group_exports } from "../../../core/radio-group.mjs";
 import "../../../core.mjs";
-import RadioGroup from "./Group/index.mjs";
 import { Circle, CircleCheck } from "lucide-react";
 import { useId, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/atoms/Radio/index.tsx
+//#region src/components/atoms/radio/radio.tsx
 const { RadioGroup: Core, RadioGroupItem: Item } = radio_group_exports;
 const { Field, FieldLabel } = field_exports;
 const Radio = ({ placement = "left", value = "", children, className, icons, disabled, defaultChecked, checked: _checked, onChange: _onChange = () => {}, ...props }) => {
@@ -71,8 +70,7 @@ const Radio = ({ placement = "left", value = "", children, className, icons, dis
 		children: renderContent
 	});
 };
-Radio.Group = RadioGroup;
 
 //#endregion
 export { Radio as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=radio.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.mjs","names":["radio","field"],"sources":["../../../../src/components/atoms/radio/radio.tsx"],"sourcesContent":["'use client';\n\nimport { useId, useState } from 'react';\n\nimport { Circle, CircleCheck } from 'lucide-react';\n\nimport { field, radio } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nimport { type OptionValue } from './group';\n\nconst { RadioGroup: Core, RadioGroupItem: Item } = radio;\nconst { Field, FieldLabel } = field;\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<typeof Core>,\n  'onChange' | 'value'\n> {\n  placement?: 'left' | 'right';\n  defaultChecked?: boolean;\n  checked?: boolean;\n  value?: OptionValue;\n  disabled?: boolean;\n  icons?: { checked: React.ReactNode; unchecked: React.ReactNode };\n  onChange?: (checked: boolean) => void;\n}\n\nconst Radio = ({\n  placement = 'left',\n  value = '',\n  children,\n  className,\n  icons,\n  disabled,\n  defaultChecked,\n  checked: _checked,\n  onChange: _onChange = () => {},\n  ...props\n}: Props) => {\n  const [uncontrolledChecked, setUncontrolledChecked] = useState<boolean>(\n    defaultChecked || false,\n  );\n\n  const reactId = useId();\n  const id = typeof value === 'boolean' || !value ? reactId : String(value);\n  const controlled = _checked !== undefined;\n  const checked = controlled ? _checked : uncontrolledChecked;\n\n  const cursorClassName = disabled ? 'cursor-not-allowed' : 'cursor-pointer';\n\n  const onChange = (next: boolean) => {\n    if (disabled) {\n      return;\n    }\n\n    if (!controlled) {\n      setUncontrolledChecked(next);\n    }\n    _onChange(next);\n  };\n\n  const renderContent = icons ? (\n    <>\n      <input\n        id={id}\n        hidden\n        type=\"radio\"\n        checked={checked}\n        onChange={e => {\n          onChange(e.target.checked);\n        }}\n      />\n      <span\n        className={cn(cursorClassName, disabled && 'opacity-50')}\n        onClick={() => {\n          document.getElementById(id)?.click();\n        }}\n      >\n        {checked\n          ? (icons.checked ?? <CircleCheck />)\n          : (icons.unchecked ?? <Circle />)}\n      </span>\n      {children && (\n        <label\n          className={cn(cursorClassName, disabled && 'opacity-50')}\n          htmlFor={id}\n        >\n          {children}\n        </label>\n      )}\n    </>\n  ) : (\n    <Core value={checked ? id : ''} onValueChange={() => onChange(true)}>\n      <Field\n        orientation=\"horizontal\"\n        className={cn(\n          'flex gap-2',\n          placement === 'right' && 'flex-row-reverse',\n        )}\n        data-disabled={disabled}\n      >\n        <Item value={id} id={id} checked={checked} disabled={disabled} />\n        <FieldLabel htmlFor={id} className={cursorClassName}>\n          {children}\n        </FieldLabel>\n      </Field>\n    </Core>\n  );\n\n  return (\n    <div\n      className={cn(\n        'flex items-center',\n        icons && placement === 'right' && 'flex-row-reverse',\n        cursorClassName,\n        className,\n        //\n      )}\n      {...props}\n    >\n      {renderContent}\n    </div>\n  );\n};\n\nexport default Radio;\n"],"mappings":";;;;;;;;;;;AAWA,MAAM,EAAE,YAAY,MAAM,gBAAgB,SAASA;AACnD,MAAM,EAAE,OAAO,eAAeC;AAe9B,MAAM,SAAS,EACb,YAAY,QACZ,QAAQ,IACR,UACA,WACA,OACA,UACA,gBACA,SAAS,UACT,UAAU,kBAAkB,IAC5B,GAAG,YACQ;CACX,MAAM,CAAC,qBAAqB,0BAA0B,SACpD,kBAAkB,MACnB;CAED,MAAM,UAAU,OAAO;CACvB,MAAM,KAAK,OAAO,UAAU,aAAa,CAAC,QAAQ,UAAU,OAAO,MAAM;CACzE,MAAM,aAAa,aAAa;CAChC,MAAM,UAAU,aAAa,WAAW;CAExC,MAAM,kBAAkB,WAAW,uBAAuB;CAE1D,MAAM,YAAY,SAAkB;AAClC,MAAI,SACF;AAGF,MAAI,CAAC,WACH,wBAAuB,KAAK;AAE9B,YAAU,KAAK;;CAGjB,MAAM,gBAAgB,QACpB;EACE,oBAAC;GACK;GACJ;GACA,MAAK;GACI;GACT,WAAU,MAAK;AACb,aAAS,EAAE,OAAO,QAAQ;;IAE5B;EACF,oBAAC;GACC,WAAW,GAAG,iBAAiB,YAAY,aAAa;GACxD,eAAe;AACb,aAAS,eAAe,GAAG,EAAE,OAAO;;aAGrC,UACI,MAAM,WAAW,oBAAC,gBAAc,GAChC,MAAM,aAAa,oBAAC,WAAS;IAC7B;EACN,YACC,oBAAC;GACC,WAAW,GAAG,iBAAiB,YAAY,aAAa;GACxD,SAAS;GAER;IACK;KAET,GAEH,oBAAC;EAAK,OAAO,UAAU,KAAK;EAAI,qBAAqB,SAAS,KAAK;YACjE,qBAAC;GACC,aAAY;GACZ,WAAW,GACT,cACA,cAAc,WAAW,mBAC1B;GACD,iBAAe;cAEf,oBAAC;IAAK,OAAO;IAAQ;IAAa;IAAmB;KAAY,EACjE,oBAAC;IAAW,SAAS;IAAI,WAAW;IACjC;KACU;IACP;GACH;AAGT,QACE,oBAAC;EACC,WAAW,GACT,qBACA,SAAS,cAAc,WAAW,oBAClC,iBACA,UAED;EACD,GAAI;YAEH;GACG"}

package/dist/components/atoms/{Select/index.d.mts → select.d.mts}

@@ -1,9 +1,9 @@
-import { Select as Select$1 } from "../../../core/select.mjs";
-import "../../../core.mjs";
+import { Select as Select$1 } from "../../core/select.mjs";
+import "../../core.mjs";
 import React from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
-//#region src/components/atoms/Select/index.d.ts
+//#region src/components/atoms/select.d.ts
 declare const Core: typeof Select$1;
 interface Option {
   label: React.ReactNode;
@@ -28,4 +28,4 @@ declare const Select: ({
 }: Props) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Select };
-//# sourceMappingURL=index.d.mts.map
+//# sourceMappingURL=select.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.mts","names":[],"sources":["../../../src/components/atoms/select.tsx"],"mappings":";;;;;;cAMU,IAAA,SAAI,QAAA;AAAA,UASJ,MAAA;EACR,KAAA,EAAO,KAAA,CAAM,SAAA;EACb,KAAA;AAAA;AAAA,UAGQ,WAAA;EACR,KAAA,EAAO,KAAA,CAAM,SAAA;EACb,OAAA,EAAS,MAAA;AAAA;AAAA,UAOD,KAAA,SAAc,KAAA,CAAM,cAAA,QAAsB,IAAA;EAClD,WAAA;EACA,SAAA;EACA,OAAA,IAAW,MAAA,GAAS,WAAA;EACpB,QAAA,IAAY,KAAA;AAAA;AAAA,cAGR,MAAA;EAAU,SAAA;EAAA,WAAA;EAAA,OAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAMb,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/atoms/{Select/index.mjs → select.mjs}

@@ -1,10 +1,10 @@
-import { cn } from "../../../utils.mjs";
-import { select_exports } from "../../../core/select.mjs";
-import "../../../core.mjs";
+import { cn } from "../../utils.mjs";
+import { select_exports } from "../../core/select.mjs";
+import "../../core.mjs";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region src/components/atoms/Select/index.tsx
+//#region src/components/atoms/select.tsx
 const { Select: Core, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } = select_exports;
 const isGroup = (option) => {
 	return "options" in option && Array.isArray(option.options);
@@ -28,4 +28,4 @@ const Select = ({ className, placeholder, options, onChange, ...props }) => {
 
 //#endregion
 export { Select as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=select.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.mjs","names":["select"],"sources":["../../../src/components/atoms/select.tsx"],"sourcesContent":["import React from 'react';\n\nimport { select } from '@repo/ui/core';\nimport { cn } from '@repo/ui/utils';\n\nconst {\n  Select: Core,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectTrigger,\n  SelectValue,\n} = select;\n\ninterface Option {\n  label: React.ReactNode;\n  value: string;\n}\n\ninterface OptionGroup {\n  label: React.ReactNode;\n  options: Option[];\n}\n\nconst isGroup = (option: Option | OptionGroup): option is OptionGroup => {\n  return 'options' in option && Array.isArray(option.options);\n};\n\ninterface Props extends React.ComponentProps<typeof Core> {\n  placeholder?: string;\n  className?: string;\n  options?: (Option | OptionGroup)[];\n  onChange?: (value: string) => void;\n}\n\nconst Select = ({\n  className,\n  placeholder,\n  options,\n  onChange,\n  ...props\n}: Props) => {\n  return (\n    <Core onValueChange={onChange} {...props}>\n      <SelectTrigger className={cn('w-full max-w-48', className)}>\n        <SelectValue placeholder={placeholder} />\n      </SelectTrigger>\n      <SelectContent>\n        {options?.map((option, index) =>\n          isGroup(option) ? (\n            <SelectGroup key={index}>\n              <SelectLabel>{option.label}</SelectLabel>\n              {option.options.map(item => (\n                <SelectItem key={item.value} value={item.value}>\n                  {item.label}\n                </SelectItem>\n              ))}\n            </SelectGroup>\n          ) : (\n            <SelectItem key={option.value} value={option.value}>\n              {option.label}\n            </SelectItem>\n          ),\n        )}\n      </SelectContent>\n    </Core>\n  );\n};\n\nexport default Select;\n"],"mappings":";;;;;;;AAKA,MAAM,EACJ,QAAQ,MACR,eACA,aACA,YACA,aACA,eACA,gBACEA;AAYJ,MAAM,WAAW,WAAwD;AACvE,QAAO,aAAa,UAAU,MAAM,QAAQ,OAAO,QAAQ;;AAU7D,MAAM,UAAU,EACd,WACA,aACA,SACA,UACA,GAAG,YACQ;AACX,QACE,qBAAC;EAAK,eAAe;EAAU,GAAI;aACjC,oBAAC;GAAc,WAAW,GAAG,mBAAmB,UAAU;aACxD,oBAAC,eAAyB,cAAe;IAC3B,EAChB,oBAAC,2BACE,SAAS,KAAK,QAAQ,UACrB,QAAQ,OAAO,GACb,qBAAC,0BACC,oBAAC,yBAAa,OAAO,QAAoB,EACxC,OAAO,QAAQ,KAAI,SAClB,oBAAC;GAA4B,OAAO,KAAK;aACtC,KAAK;KADS,KAAK,MAET,CACb,KANc,MAOJ,GAEd,oBAAC;GAA8B,OAAO,OAAO;aAC1C,OAAO;KADO,OAAO,MAEX,CAEhB,GACa;GACX"}

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

@@ -0,0 +1,11 @@
+import { Props } from "./skeleton.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/skeleton/button.d.ts
+declare const Button: ({
+  className,
+  ...props
+}: Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Button };
+//# sourceMappingURL=button.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.mts","names":[],"sources":["../../../../src/components/atoms/skeleton/button.tsx"],"mappings":";;;;cAIM,MAAA;EAAU,SAAA;EAAA,GAAA;AAAA,GAAyB,KAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,8 +1,8 @@
-import { cn } from "../../../../utils.mjs";
-import Skeleton from "../index.mjs";
+import { cn } from "../../../utils.mjs";
+import Skeleton from "./skeleton.mjs";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/atoms/Skeleton/Button/index.tsx
+//#region src/components/atoms/skeleton/button.tsx
 const Button = ({ className, ...props }) => {
 	return /* @__PURE__ */ jsx(Skeleton, {
 		className: cn("h-9 w-15", "rounded-2xl", className),
@@ -12,4 +12,4 @@ const Button = ({ className, ...props }) => {
 
 //#endregion
 export { Button as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=button.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/components/atoms/Skeleton/Button/index.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nimport Skeleton, { type Props as SkeletonProps } from '..';\n\nconst Button = ({ className, ...props }: SkeletonProps) => {\n  return (\n    <Skeleton\n      className={cn(\n        'h-9 w-15',\n        'rounded-2xl',\n        className,\n        //\n      )}\n      {...props}\n    />\n  );\n};\nexport default Button;\n"],"mappings":";;;;;AAIA,MAAM,UAAU,EAAE,WAAW,GAAG,YAA2B;AACzD,QACE,oBAAC;EACC,WAAW,GACT,YACA,eACA,UAED;EACD,GAAI;GACJ"}
+{"version":3,"file":"button.mjs","names":[],"sources":["../../../../src/components/atoms/skeleton/button.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nimport Skeleton, { type Props as SkeletonProps } from './skeleton';\n\nconst Button = ({ className, ...props }: SkeletonProps) => {\n  return (\n    <Skeleton\n      className={cn(\n        'h-9 w-15',\n        'rounded-2xl',\n        className,\n        //\n      )}\n      {...props}\n    />\n  );\n};\nexport default Button;\n"],"mappings":";;;;;AAIA,MAAM,UAAU,EAAE,WAAW,GAAG,YAA2B;AACzD,QACE,oBAAC;EACC,WAAW,GACT,YACA,eACA,UAED;EACD,GAAI;GACJ"}

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

@@ -0,0 +1,13 @@
+import { Props, Skeleton as Skeleton$1 } from "./skeleton.mjs";
+import { Button } from "./button.mjs";
+import { Node } from "./node.mjs";
+
+//#region src/components/atoms/skeleton/index.d.ts
+type SkeletonComponent = typeof Skeleton$1 & {
+  Button: typeof Button;
+  Node: typeof Node;
+};
+declare const Skeleton: SkeletonComponent;
+//#endregion
+export { Skeleton };
+//# sourceMappingURL=index.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/skeleton/index.ts"],"mappings":";;;;;KAIK,iBAAA,UAA2B,UAAA;EAC9B,MAAA,SAAe,MAAA;EACf,IAAA,SAAa,IAAA;AAAA;AAAA,cAGT,QAAA,EAA2B,iBAAA"}

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

@@ -0,0 +1,12 @@
+import Skeleton$1 from "./skeleton.mjs";
+import Button from "./button.mjs";
+import Node from "./node.mjs";
+
+//#region src/components/atoms/skeleton/index.ts
+const Skeleton = Skeleton$1;
+Skeleton.Button = Button;
+Skeleton.Node = Node;
+
+//#endregion
+export { Skeleton as default };
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["SkeletonImpl"],"sources":["../../../../src/components/atoms/skeleton/index.ts"],"sourcesContent":["import Button from './button';\nimport Node from './node';\nimport SkeletonImpl, { type Props } from './skeleton';\n\ntype SkeletonComponent = typeof SkeletonImpl & {\n  Button: typeof Button;\n  Node: typeof Node;\n};\n\nconst Skeleton = SkeletonImpl as SkeletonComponent;\n\nSkeleton.Button = Button;\nSkeleton.Node = Node;\n\nexport { Button, Node };\nexport default Skeleton;\nexport type { Props };\n"],"mappings":";;;;;AASA,MAAM,WAAWA;AAEjB,SAAS,SAAS;AAClB,SAAS,OAAO"}

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

@@ -0,0 +1,11 @@
+import { Props } from "./skeleton.mjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/skeleton/node.d.ts
+declare const Node: ({
+  className,
+  ...props
+}: Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Node };
+//# sourceMappingURL=node.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"node.d.mts","names":[],"sources":["../../../../src/components/atoms/skeleton/node.tsx"],"mappings":";;;;cAIM,IAAA;EAAQ,SAAA;EAAA,GAAA;AAAA,GAAyB,KAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,8 +1,8 @@
-import { cn } from "../../../../utils.mjs";
-import Skeleton from "../index.mjs";
+import { cn } from "../../../utils.mjs";
+import Skeleton from "./skeleton.mjs";
 import { jsx } from "react/jsx-runtime";
 
-//#region src/components/atoms/Skeleton/Node/index.tsx
+//#region src/components/atoms/skeleton/node.tsx
 const Node = ({ className, ...props }) => {
 	return /* @__PURE__ */ jsx(Skeleton, {
 		...props,
@@ -13,4 +13,4 @@ const Node = ({ className, ...props }) => {
 
 //#endregion
 export { Node as default };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=node.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"node.mjs","names":[],"sources":["../../../../src/components/atoms/skeleton/node.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nimport Skeleton, { type Props as SkeletonProps } from './skeleton';\n\nconst Node = ({ className, ...props }: SkeletonProps) => {\n  return (\n    <Skeleton\n      {...props}\n      avatar={false}\n      className={cn(\n        'h-50 w-full min-w-80',\n        'rounded-3xl',\n        className,\n        //\n      )}\n    />\n  );\n};\nexport default Node;\n"],"mappings":";;;;;AAIA,MAAM,QAAQ,EAAE,WAAW,GAAG,YAA2B;AACvD,QACE,oBAAC;EACC,GAAI;EACJ,QAAQ;EACR,WAAW,GACT,wBACA,eACA,UAED;GACD"}