@jbpark/ui-kit 10.2.0 → 10.4.0

package/dist/ScrollArea.d.mts

@@ -0,0 +1,8 @@
+import { Props as Props$1 } from "./core/scroll-area.mjs";
+import "./core/index.mjs";
+//#region src/components/molecules/scroll-area.d.ts
+export interface Props extends Props$1 {}
+declare const ScrollArea: (props: Props) => import("react").JSX.Element;
+//#endregion
+export { ScrollArea as default };
+//# sourceMappingURL=ScrollArea.d.mts.map

package/dist/ScrollArea.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.mts","names":["scrollArea.Props"],"sources":["../src/components/molecules/scroll-area.tsx"],"mappings":";;;iBAIiB,cAAcA;cAEzB,aAAc,OAAO,0BAAK,IAAA"}

package/dist/ScrollArea.mjs

@@ -0,0 +1,11 @@
+"use client";
+import { ScrollArea as ScrollArea$1 } from "./core/scroll-area.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/molecules/scroll-area.tsx
+const ScrollArea = (props) => {
+	return /* @__PURE__ */ jsx(ScrollArea$1, { ...props });
+};
+//#endregion
+export { ScrollArea as default };
+
+//# sourceMappingURL=ScrollArea.mjs.map

package/dist/ScrollArea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.mjs","names":["scrollArea.ScrollArea"],"sources":["../src/components/molecules/scroll-area.tsx"],"sourcesContent":["'use client';\n\nimport { scrollArea } from '../../core';\n\nexport interface Props extends scrollArea.Props {}\n\nconst ScrollArea = (props: Props) => {\n  return <scrollArea.ScrollArea {...props} />;\n};\n\nexport default ScrollArea;\n"],"mappings":";;;;AAMA,MAAM,cAAc,UAAiB;CACnC,OAAO,oBAACA,cAAD,EAAuB,GAAI,MAAQ,CAAA;AAC5C"}

package/dist/Segmented.d.mts

@@ -2,13 +2,13 @@ import { ComponentSize } from "./providers/config/types.mjs";
 import * as React$1 from "react";
 import { ToggleGroup } from "@base-ui/react/toggle-group";
 //#region src/components/atoms/segmented.d.ts
-interface Option {
+export interface Option {
   label: string;
   value: string;
   icon?: React$1.ReactNode;
   disabled?: boolean;
 }
-interface Props extends Omit<ToggleGroup.Props, 'children' | 'value' | 'defaultValue' | 'onValueChange' | 'onChange' | 'multiple'> {
+export interface Props extends Omit<ToggleGroup.Props, 'children' | 'value' | 'defaultValue' | 'onValueChange' | 'onChange' | 'multiple'> {
   options: readonly (string | Option)[];
   value?: string;
   defaultValue?: string;
@@ -22,5 +22,5 @@ interface Props extends Omit<ToggleGroup.Props, 'children' | 'value' | 'defaultV
 }
 declare const Segmented: ({ options, value, defaultValue, onChange, size, className, classNames, disabled, orientation, ...props }: Props) => React$1.JSX.Element;
 //#endregion
-export { Option, Props, Segmented as default };
+export { Segmented as default };
 //# sourceMappingURL=Segmented.d.mts.map

package/dist/Segmented.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Segmented.d.mts","names":[],"sources":["../src/components/atoms/segmented.tsx"],"mappings":";;;;UAUiB;EACf;EACA;EACA,OAAO,QAAM;EACb;;UASe,cAAc,KAC7B,YAAY;EAGZ,4BAA4B;EAC5B;EACA;;EAEA,YAAY;EACZ,OAAO;EACP;IACE;IACA;;;cAIE,cAAa,SAAA,OAAA,cAAA,UAAA,MAAA,WAAA,YAAA,UAAA,gBAAA,SAWhB,UAAK,QAAA,IAAA"}
+{"version":3,"file":"Segmented.d.mts","names":["React"],"sources":["../src/components/atoms/segmented.tsx"],"mappings":";;;;iBAUiB;EACf;EACA;EACA,OAAOA,QAAM;EACb;;iBASe,cAAc,KAC7B,YAAY;EAGZ,4BAA4B;EAC5B;EACA;;EAEA,YAAY;EACZ,OAAO;EACP;IACE;IACA;;;cAIE,cAAa,SAAA,OAAA,cAAA,UAAA,MAAA,WAAA,YAAA,UAAA,gBAAA,SAWhB,UAAKA,QAAA,IAAA"}

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

@@ -1,7 +1,7 @@
-import { Select as Select$1 } from "../../core/select.mjs";
-import "../../core/index.mjs";
-import { Props as Props$1 } from "./select-multiple.mjs";
-import { Props as Props$2 } from "./select-searchable.mjs";
+import { Select as Select$1, select_d_exports } from "./core/select.mjs";
+import "./core/index.mjs";
+import { Props as Props$1 } from "./components/atoms/select-multiple.mjs";
+import { Props as Props$2 } from "./components/atoms/select-searchable.mjs";
 import React from "react";
 //#region src/components/atoms/select.d.ts
 declare const Core: typeof Select$1;
@@ -22,8 +22,8 @@ interface StaticProps extends Omit<React.ComponentProps<typeof Core>, 'onValueCh
   onChange?: (value: string) => void;
   'aria-label'?: string;
 }
-type Props = StaticProps | Props$2 | Props$1;
+export type Props = StaticProps | Props$2 | Props$1;
 declare const Select: (props: Props) => React.JSX.Element;
 //#endregion
-export { Props, Select as default };
-//# sourceMappingURL=select.d.mts.map
+export { Select as default };
+//# sourceMappingURL=Select.d.mts.map

package/dist/Select.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.mts","names":["select","select.Select","SearchableProps","MultipleProps"],"sources":["../src/components/atoms/select.tsx"],"mappings":";;;;;;cAWU,aAAIC;UASJ;EACR,OAAO,MAAM;EACb;EACA;;UAGQ;EACR,OAAO,MAAM;EACb,SAAS;;UAOD,oBAAoB,KAC5B,MAAM,sBAAsB;EAG5B;EACA;EACA;EACA,WAAW,SAAS;EACpB,YAAY;EACZ;;YAGU,QAAQ,cAAcC,UAAkBC;cA8D9C,SAAU,OAAO,UAAK,MAAA,IAAA"}

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

@@ -1,7 +1,7 @@
-import { cn } from "../../utils.mjs";
-import { select_exports } from "../../core/select.mjs";
-import MultipleSelect from "./select-multiple.mjs";
-import SearchableSelect from "./select-searchable.mjs";
+import { cn } from "./utils.mjs";
+import { select_exports } from "./core/select.mjs";
+import MultipleSelect from "./components/atoms/select-multiple.mjs";
+import SearchableSelect from "./components/atoms/select-searchable.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/atoms/select.tsx
@@ -40,4 +40,4 @@ const Select = (props) => {
 //#endregion
 export { Select as default };
 
-//# sourceMappingURL=select.mjs.map
+//# sourceMappingURL=Select.mjs.map

package/dist/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 { cn } from '@repo/ui/utils';\n\nimport { select } from '../../core';\nimport MultipleSelect, { type Props as MultipleProps } from './select-multiple';\nimport SearchableSelect, {\n  type Props as SearchableProps,\n} from './select-searchable';\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  disabled?: boolean;\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 StaticProps extends Omit<\n  React.ComponentProps<typeof Core>,\n  'onValueChange' | 'items'\n> {\n  searchable?: false;\n  placeholder?: string;\n  className?: string;\n  options?: (Option | OptionGroup)[];\n  onChange?: (value: string) => void;\n  'aria-label'?: string;\n}\n\nexport type Props = StaticProps | SearchableProps | MultipleProps;\n\nconst StaticSelect = ({\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- Do not forward the public mode switch to Base UI.\n  searchable: _searchable,\n  className,\n  placeholder,\n  options,\n  onChange,\n  'aria-label': ariaLabel,\n  ...props\n}: StaticProps) => {\n  const items = options?.flatMap(option =>\n    isGroup(option) ? option.options : option,\n  );\n\n  return (\n    <Core\n      {...props}\n      items={items}\n      onValueChange={value => {\n        if (value !== null) {\n          onChange?.(value);\n        }\n      }}\n    >\n      <SelectTrigger\n        aria-label={ariaLabel}\n        className={cn('w-full max-w-48', className)}\n      >\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\n                  key={item.value}\n                  value={item.value}\n                  disabled={item.disabled}\n                >\n                  {item.label}\n                </SelectItem>\n              ))}\n            </SelectGroup>\n          ) : (\n            <SelectItem\n              key={option.value}\n              value={option.value}\n              disabled={option.disabled}\n            >\n              {option.label}\n            </SelectItem>\n          ),\n        )}\n      </SelectContent>\n    </Core>\n  );\n};\n\nconst Select = (props: Props) => {\n  if (props.multiple) {\n    return <MultipleSelect {...props} />;\n  }\n\n  if (props.searchable) {\n    return <SearchableSelect {...props} />;\n  }\n\n  return <StaticSelect {...props} />;\n};\n\nexport default Select;\n"],"mappings":";;;;;;;AAUA,MAAM,EACJ,QAAQ,MACR,eACA,aACA,YACA,aACA,eACA,gBACEA;AAaJ,MAAM,WAAW,WAAwD;CACvE,OAAO,aAAa,UAAU,MAAM,QAAQ,OAAO,OAAO;AAC5D;AAgBA,MAAM,gBAAgB,EAEpB,YAAY,aACZ,WACA,aACA,SACA,UACA,cAAc,WACd,GAAG,YACc;CACjB,MAAM,QAAQ,SAAS,SAAQ,WAC7B,QAAQ,MAAM,IAAI,OAAO,UAAU,MACrC;CAEA,OACE,qBAAC,MAAD;EACE,GAAI;EACG;EACP,gBAAe,UAAS;GACtB,IAAI,UAAU,MACZ,WAAW,KAAK;EAEpB;EAPF,UAAA,CASE,oBAAC,eAAD;GACE,cAAY;GACZ,WAAW,GAAG,mBAAmB,SAAS;GAE1C,UAAA,oBAAC,aAAD,EAA0B,YAAc,CAAA;EAC3B,CAAA,GACf,oBAAC,eAAD,EAAA,UACG,SAAS,KAAK,QAAQ,UACrB,QAAQ,MAAM,IACZ,qBAAC,aAAD,EAAA,UAAA,CACE,oBAAC,aAAD,EAAA,UAAc,OAAO,MAAmB,CAAA,GACvC,OAAO,QAAQ,KAAI,SAClB,oBAAC,YAAD;GAEE,OAAO,KAAK;GACZ,UAAU,KAAK;GAEd,UAAA,KAAK;EACI,GALL,KAAK,KAKA,CACb,CACU,EAAA,GAXK,KAWL,IAEb,oBAAC,YAAD;GAEE,OAAO,OAAO;GACd,UAAU,OAAO;GAEhB,UAAA,OAAO;EACE,GALL,OAAO,KAKF,CAEhB,EACa,CAAA,CACX;;AAEV;AAEA,MAAM,UAAU,UAAiB;CAC/B,IAAI,MAAM,UACR,OAAO,oBAAC,gBAAD,EAAgB,GAAI,MAAQ,CAAA;CAGrC,IAAI,MAAM,YACR,OAAO,oBAAC,kBAAD,EAAkB,GAAI,MAAQ,CAAA;CAGvC,OAAO,oBAAC,cAAD,EAAc,GAAI,MAAQ,CAAA;AACnC"}

package/dist/Skeleton.d.mts

@@ -0,0 +1,12 @@
+import Skeleton$1, { Props } from "./components/atoms/skeleton/skeleton.mjs";
+import Button from "./components/atoms/skeleton/button.mjs";
+import Node from "./components/atoms/skeleton/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 { Button, Node, type Props, Skeleton as default };
+//# sourceMappingURL=Skeleton.d.mts.map

package/dist/Skeleton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.mts","names":["SkeletonImpl"],"sources":["../src/components/atoms/skeleton/index.ts"],"mappings":";;;;KAIK,2BAA2BA;EAC9B,eAAe;EACf,aAAa;;cAGT,UAA2B"}

package/dist/Skeleton.mjs

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

package/dist/Skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.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/Slider.d.mts

@@ -0,0 +1,2 @@
+import Slider, { Props, SliderValue } from "./components/atoms/slider/slider.mjs";
+export { type Props, type SliderValue, Slider as default };

package/dist/{components/atoms/slider/index.mjs → Slider.mjs}

@@ -1,7 +1,7 @@
-import Slider from "./slider.mjs";
+import Slider from "./components/atoms/slider/slider.mjs";
 //#region src/components/atoms/slider/index.ts
 var slider_default = Slider;
 //#endregion
 export { slider_default as default };
 
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=Slider.mjs.map

package/dist/Slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.mjs","names":[],"sources":["../src/components/atoms/slider/index.ts"],"sourcesContent":["import Slider, { type Props, type SliderValue } from './slider';\n\nexport default Slider;\nexport type { Props, SliderValue };\n"],"mappings":";;AAEA,IAAA,iBAAe"}

package/dist/Space.d.mts

@@ -1,10 +1,11 @@
 //#region src/components/molecules/space.d.ts
-interface Props extends React.ComponentPropsWithRef<'div'> {
+export interface Props extends React.ComponentPropsWithRef<'div'> {
   loading?: boolean;
   loader?: React.ReactNode;
   orientation?: 'horizontal' | 'vertical';
   size?: 'small' | 'middle' | 'large' | number | number[];
-  align?: 'start' | 'end' | 'center' | 'baseline';
+  align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+  justify?: 'start' | 'end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
   wrap?: boolean;
   split?: React.ReactNode;
   grid?: {
@@ -12,7 +13,7 @@ interface Props extends React.ComponentPropsWithRef<'div'> {
     cols?: number;
   };
 }
-declare const Space: ({ loading, loader, children, size, orientation, align, wrap, split, className, grid, hidden, style, ...props }: Props) => import("react").JSX.Element;
+declare const Space: ({ loading, loader, children, size, orientation, align, justify, wrap, split, className, grid, hidden, style, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Space as default };
+export { Space as default };
 //# sourceMappingURL=Space.d.mts.map

package/dist/Space.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Space.d.mts","names":[],"sources":["../src/components/molecules/space.tsx"],"mappings":";UASiB,cAAc,MAAM;EACnC;EACA,SAAS,MAAM;EACf;EACA;EACA;EACA;EACA,QAAQ,MAAM;EACd;IACE;IACA;;;cAiBE,UAAS,SAAA,QAAA,UAAA,MAAA,aAAA,OAAA,MAAA,OAAA,WAAA,MAAA,QAAA,UAAA,SAcZ,0BAAK,IAAA"}
+{"version":3,"file":"Space.d.mts","names":[],"sources":["../src/components/molecules/space.tsx"],"mappings":";iBASiB,cAAc,MAAM;EACnC;EACA,SAAS,MAAM;EACf;EACA;EACA;EACA;EAOA;EACA,QAAQ,MAAM;EACd;IACE;IACA;;;cA2BE,UAAS,SAAA,QAAA,UAAA,MAAA,aAAA,OAAA,SAAA,MAAA,OAAA,WAAA,MAAA,QAAA,UAAA,SAeZ,0BAAK,IAAA"}

package/dist/Space.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { cn } from "./utils.mjs";
 import { useConfig } from "./providers/config/context.mjs";
-import Skeleton from "./components/atoms/skeleton/index.mjs";
+import Skeleton from "./Skeleton.mjs";
 import { Children } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/molecules/space.tsx
@@ -14,9 +14,18 @@ const aligns = {
 	start: "items-start text-start",
 	end: "items-end text-end",
 	center: "items-center text-center",
-	baseline: "items-baseline text-baseline"
+	baseline: "items-baseline text-baseline",
+	stretch: "items-stretch"
 };
-const Space = ({ loading, loader, children, size, orientation = "horizontal", align = "center", wrap = false, split, className, grid, hidden, style, ...props }) => {
+const justifies = {
+	start: "justify-start",
+	end: "justify-end",
+	center: "justify-center",
+	"space-between": "justify-between",
+	"space-around": "justify-around",
+	"space-evenly": "justify-evenly"
+};
+const Space = ({ loading, loader, children, size, orientation = "horizontal", align = "center", justify, wrap = false, split, className, grid, hidden, style, ...props }) => {
 	const { componentSize } = useConfig();
 	const resolvedSize = size ?? componentSize ?? "middle";
 	const [x, y] = typeof resolvedSize === "string" ? sizes[resolvedSize] || [0, 0] : Array.isArray(resolvedSize) ? resolvedSize : [resolvedSize, resolvedSize];
@@ -29,7 +38,7 @@ const Space = ({ loading, loader, children, size, orientation = "horizontal", al
 		children: loader || /* @__PURE__ */ jsx(Skeleton, {})
 	});
 	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex flex-nowrap", orientation === "horizontal" ? "flex-row" : "flex-col", wrap && "flex-wrap", aligns[align], grid && "grid", hidden && "hidden", className),
+		className: cn("flex flex-nowrap", orientation === "horizontal" ? "flex-row" : "flex-col", wrap && "flex-wrap", aligns[align], justify && justifies[justify], grid && "grid", hidden && "hidden", className),
 		style: {
 			columnGap: x,
 			rowGap: y,

package/dist/Space.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Space.mjs","names":[],"sources":["../src/components/molecules/space.tsx"],"sourcesContent":["'use client';\n\nimport { Children } from 'react';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport Skeleton from '../atoms/skeleton';\n\nexport interface Props extends React.ComponentPropsWithRef<'div'> {\n  loading?: boolean;\n  loader?: React.ReactNode;\n  orientation?: 'horizontal' | 'vertical';\n  size?: 'small' | 'middle' | 'large' | number | number[];\n  align?: 'start' | 'end' | 'center' | 'baseline';\n  wrap?: boolean;\n  split?: React.ReactNode;\n  grid?: {\n    rows?: number;\n    cols?: number;\n  };\n}\n\nconst sizes: Record<string, number[]> = {\n  small: [4, 4],\n  middle: [8, 8],\n  large: [16, 16],\n};\n\nconst aligns: Record<string, string> = {\n  start: 'items-start text-start',\n  end: 'items-end text-end',\n  center: 'items-center text-center',\n  baseline: 'items-baseline text-baseline',\n};\n\nconst Space = ({\n  loading,\n  loader,\n  children,\n  size,\n  orientation = 'horizontal',\n  align = 'center',\n  wrap = false,\n  split,\n  className,\n  grid,\n  hidden,\n  style,\n  ...props\n}: Props) => {\n  const { componentSize } = useConfig();\n  // `size` overrides the global `componentSize` from `Config`, which in turn\n  // falls back to `middle` — the same resolution order `Button` uses so a single\n  // `<Config componentSize>` sizes both. Numeric/array gaps bypass the token.\n  const resolvedSize = size ?? componentSize ?? 'middle';\n  const [x, y] =\n    typeof resolvedSize === 'string'\n      ? sizes[resolvedSize] || [0, 0]\n      : Array.isArray(resolvedSize)\n        ? resolvedSize\n        : [resolvedSize, resolvedSize];\n  const count = Children.count(children);\n\n  if (loading) {\n    return (\n      <div\n        className={cn(hidden && 'hidden', className)}\n        style={style}\n        hidden={hidden}\n        {...props}\n      >\n        {loader || <Skeleton />}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-nowrap',\n        orientation === 'horizontal' ? 'flex-row' : 'flex-col',\n        wrap && 'flex-wrap',\n        aligns[align],\n        grid && 'grid',\n        hidden && 'hidden',\n        className,\n      )}\n      style={{\n        columnGap: x,\n        rowGap: y,\n        gridTemplateRows: grid?.rows\n          ? `repeat(${grid.rows}, minmax(0, 1fr))`\n          : undefined,\n        gridTemplateColumns: grid?.cols\n          ? `repeat(${grid.cols}, minmax(0, 1fr))`\n          : undefined,\n        ...style,\n      }}\n      hidden={hidden}\n      {...props}\n    >\n      {Children.map(children, (child, i) => (\n        <>\n          {child}\n          {split && i < count - 1 && split}\n        </>\n      ))}\n    </div>\n  );\n};\n\nexport default Space;\n"],"mappings":";;;;;;;AAuBA,MAAM,QAAkC;CACtC,OAAO,CAAC,GAAG,CAAC;CACZ,QAAQ,CAAC,GAAG,CAAC;CACb,OAAO,CAAC,IAAI,EAAE;AAChB;AAEA,MAAM,SAAiC;CACrC,OAAO;CACP,KAAK;CACL,QAAQ;CACR,UAAU;AACZ;AAEA,MAAM,SAAS,EACb,SACA,QACA,UACA,MACA,cAAc,cACd,QAAQ,UACR,OAAO,OACP,OACA,WACA,MACA,QACA,OACA,GAAG,YACQ;CACX,MAAM,EAAE,kBAAkB,UAAU;CAIpC,MAAM,eAAe,QAAQ,iBAAiB;CAC9C,MAAM,CAAC,GAAG,KACR,OAAO,iBAAiB,WACpB,MAAM,iBAAiB,CAAC,GAAG,CAAC,IAC5B,MAAM,QAAQ,YAAY,IACxB,eACA,CAAC,cAAc,YAAY;CACnC,MAAM,QAAQ,SAAS,MAAM,QAAQ;CAErC,IAAI,SACF,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,UAAU,UAAU,SAAS;EACpC;EACC;EACR,GAAI;EAEH,UAAA,UAAU,oBAAC,UAAD,CAAW,CAAA;CACnB,CAAA;CAIT,OACE,oBAAC,OAAD;EACE,WAAW,GACT,oBACA,gBAAgB,eAAe,aAAa,YAC5C,QAAQ,aACR,OAAO,QACP,QAAQ,QACR,UAAU,UACV,SACF;EACA,OAAO;GACL,WAAW;GACX,QAAQ;GACR,kBAAkB,MAAM,OACpB,UAAU,KAAK,KAAK,qBACpB,KAAA;GACJ,qBAAqB,MAAM,OACvB,UAAU,KAAK,KAAK,qBACpB,KAAA;GACJ,GAAG;EACL;EACQ;EACR,GAAI;EAEH,UAAA,SAAS,IAAI,WAAW,OAAO,MAC9B,qBAAA,YAAA,EAAA,UAAA,CACG,OACA,SAAS,IAAI,QAAQ,KAAK,KAC3B,EAAA,CAAA,CACH;CACE,CAAA;AAET"}
+{"version":3,"file":"Space.mjs","names":[],"sources":["../src/components/molecules/space.tsx"],"sourcesContent":["'use client';\n\nimport { Children } from 'react';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport Skeleton from '../atoms/skeleton';\n\nexport interface Props extends React.ComponentPropsWithRef<'div'> {\n  loading?: boolean;\n  loader?: React.ReactNode;\n  orientation?: 'horizontal' | 'vertical';\n  size?: 'small' | 'middle' | 'large' | number | number[];\n  align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';\n  justify?:\n    | 'start'\n    | 'end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly';\n  wrap?: boolean;\n  split?: React.ReactNode;\n  grid?: {\n    rows?: number;\n    cols?: number;\n  };\n}\n\nconst sizes: Record<string, number[]> = {\n  small: [4, 4],\n  middle: [8, 8],\n  large: [16, 16],\n};\n\nconst aligns: Record<string, string> = {\n  start: 'items-start text-start',\n  end: 'items-end text-end',\n  center: 'items-center text-center',\n  baseline: 'items-baseline text-baseline',\n  stretch: 'items-stretch',\n};\n\nconst justifies: Record<NonNullable<Props['justify']>, string> = {\n  start: 'justify-start',\n  end: 'justify-end',\n  center: 'justify-center',\n  'space-between': 'justify-between',\n  'space-around': 'justify-around',\n  'space-evenly': 'justify-evenly',\n};\n\nconst Space = ({\n  loading,\n  loader,\n  children,\n  size,\n  orientation = 'horizontal',\n  align = 'center',\n  justify,\n  wrap = false,\n  split,\n  className,\n  grid,\n  hidden,\n  style,\n  ...props\n}: Props) => {\n  const { componentSize } = useConfig();\n  // `size` overrides the global `componentSize` from `Config`, which in turn\n  // falls back to `middle` — the same resolution order `Button` uses so a single\n  // `<Config componentSize>` sizes both. Numeric/array gaps bypass the token.\n  const resolvedSize = size ?? componentSize ?? 'middle';\n  const [x, y] =\n    typeof resolvedSize === 'string'\n      ? sizes[resolvedSize] || [0, 0]\n      : Array.isArray(resolvedSize)\n        ? resolvedSize\n        : [resolvedSize, resolvedSize];\n  const count = Children.count(children);\n\n  if (loading) {\n    return (\n      <div\n        className={cn(hidden && 'hidden', className)}\n        style={style}\n        hidden={hidden}\n        {...props}\n      >\n        {loader || <Skeleton />}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(\n        'flex flex-nowrap',\n        orientation === 'horizontal' ? 'flex-row' : 'flex-col',\n        wrap && 'flex-wrap',\n        aligns[align],\n        justify && justifies[justify],\n        grid && 'grid',\n        hidden && 'hidden',\n        className,\n      )}\n      style={{\n        columnGap: x,\n        rowGap: y,\n        gridTemplateRows: grid?.rows\n          ? `repeat(${grid.rows}, minmax(0, 1fr))`\n          : undefined,\n        gridTemplateColumns: grid?.cols\n          ? `repeat(${grid.cols}, minmax(0, 1fr))`\n          : undefined,\n        ...style,\n      }}\n      hidden={hidden}\n      {...props}\n    >\n      {Children.map(children, (child, i) => (\n        <>\n          {child}\n          {split && i < count - 1 && split}\n        </>\n      ))}\n    </div>\n  );\n};\n\nexport default Space;\n"],"mappings":";;;;;;;AA8BA,MAAM,QAAkC;CACtC,OAAO,CAAC,GAAG,CAAC;CACZ,QAAQ,CAAC,GAAG,CAAC;CACb,OAAO,CAAC,IAAI,EAAE;AAChB;AAEA,MAAM,SAAiC;CACrC,OAAO;CACP,KAAK;CACL,QAAQ;CACR,UAAU;CACV,SAAS;AACX;AAEA,MAAM,YAA2D;CAC/D,OAAO;CACP,KAAK;CACL,QAAQ;CACR,iBAAiB;CACjB,gBAAgB;CAChB,gBAAgB;AAClB;AAEA,MAAM,SAAS,EACb,SACA,QACA,UACA,MACA,cAAc,cACd,QAAQ,UACR,SACA,OAAO,OACP,OACA,WACA,MACA,QACA,OACA,GAAG,YACQ;CACX,MAAM,EAAE,kBAAkB,UAAU;CAIpC,MAAM,eAAe,QAAQ,iBAAiB;CAC9C,MAAM,CAAC,GAAG,KACR,OAAO,iBAAiB,WACpB,MAAM,iBAAiB,CAAC,GAAG,CAAC,IAC5B,MAAM,QAAQ,YAAY,IACxB,eACA,CAAC,cAAc,YAAY;CACnC,MAAM,QAAQ,SAAS,MAAM,QAAQ;CAErC,IAAI,SACF,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,UAAU,UAAU,SAAS;EACpC;EACC;EACR,GAAI;EAEH,UAAA,UAAU,oBAAC,UAAD,CAAW,CAAA;CACnB,CAAA;CAIT,OACE,oBAAC,OAAD;EACE,WAAW,GACT,oBACA,gBAAgB,eAAe,aAAa,YAC5C,QAAQ,aACR,OAAO,QACP,WAAW,UAAU,UACrB,QAAQ,QACR,UAAU,UACV,SACF;EACA,OAAO;GACL,WAAW;GACX,QAAQ;GACR,kBAAkB,MAAM,OACpB,UAAU,KAAK,KAAK,qBACpB,KAAA;GACJ,qBAAqB,MAAM,OACvB,UAAU,KAAK,KAAK,qBACpB,KAAA;GACJ,GAAG;EACL;EACQ;EACR,GAAI;EAEH,UAAA,SAAS,IAAI,WAAW,OAAO,MAC9B,qBAAA,YAAA,EAAA,UAAA,CACG,OACA,SAAS,IAAI,QAAQ,KAAK,KAC3B,EAAA,CAAA,CACH;CACE,CAAA;AAET"}

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

@@ -1,8 +1,8 @@
 //#region src/components/atoms/spin.d.ts
-interface Props extends React.ComponentPropsWithoutRef<'div'> {
+export interface Props extends React.ComponentPropsWithoutRef<'div'> {
   spinning?: boolean;
 }
 declare const Spin: ({ spinning, className, children, ...props }: Props) => string | number | bigint | true | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react").JSX.Element | null;
 //#endregion
-export { Props, Spin as default };
-//# sourceMappingURL=spin.d.mts.map
+export { Spin as default };
+//# sourceMappingURL=Spin.d.mts.map

package/dist/Spin.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spin.d.mts","names":[],"sources":["../src/components/atoms/spin.tsx"],"mappings":";iBAOiB,cAAc,MAAM;EACnC;;cAGI,SAAQ,UAAA,WAAA,aAAA,SAA6C,4CAAK,yBAAA,aAAA,6DAAA,8BAAA,+CAAA,8BAAA,yBAAA,iDAAA,IAAA"}

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

@@ -1,8 +1,8 @@
 "use client";
-import { cn } from "../../utils.mjs";
-import { DEFAULT_LOCALE, useConfig } from "../../providers/config/context.mjs";
-import { Loader2 } from "lucide-react";
+import { cn } from "./utils.mjs";
+import { DEFAULT_LOCALE, useConfig } from "./providers/config/context.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
 //#region src/components/atoms/spin.tsx
 const Spin = ({ spinning, className, children, ...props }) => {
 	const { locale } = useConfig();
@@ -35,4 +35,4 @@ const Spin = ({ spinning, className, children, ...props }) => {
 //#endregion
 export { Spin as default };
 
-//# sourceMappingURL=spin.mjs.map
+//# sourceMappingURL=Spin.mjs.map

package/dist/Spin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spin.mjs","names":[],"sources":["../src/components/atoms/spin.tsx"],"sourcesContent":["'use client';\n\nimport { Loader2 } from 'lucide-react';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nexport interface Props extends React.ComponentPropsWithoutRef<'div'> {\n  spinning?: boolean;\n}\n\nconst Spin = ({ spinning, className, children, ...props }: Props) => {\n  const { locale } = useConfig();\n  const loadingLabel = locale.loading ?? DEFAULT_LOCALE.loading;\n\n  // With no children there's nothing to render at all while idle — unlike\n  // the branch below, there's no wrapper for `className`/`props` to land\n  // on regardless, so returning null here isn't the same bug.\n  if (!children) {\n    if (!spinning) {\n      return null;\n    }\n\n    return (\n      <div\n        role=\"status\"\n        aria-label={loadingLabel}\n        className={cn('flex h-full items-center justify-center', className)}\n        {...props}\n      >\n        <Loader2 className=\"animate-spin\" />\n      </div>\n    );\n  }\n\n  // Idle: return children as-is rather than inserting a wrapper div, same\n  // policy Skeleton follows and for the same reason — a wrapper here could\n  // produce invalid markup (e.g. inside a <tr>/<li>) or break flex/grid\n  // child layout. className/props only ever describe the spinning overlay\n  // below, so there's nothing for them to apply to while idle.\n  if (!spinning) {\n    return children;\n  }\n\n  return (\n    <div className={cn('relative', className)} {...props}>\n      <div className=\"pointer-events-none opacity-50\">{children}</div>\n      <div\n        role=\"status\"\n        aria-label={loadingLabel}\n        className=\"absolute inset-0 flex items-center justify-center\"\n      >\n        <Loader2 className=\"animate-spin\" />\n      </div>\n    </div>\n  );\n};\n\nexport default Spin;\n"],"mappings":";;;;;;AAWA,MAAM,QAAQ,EAAE,UAAU,WAAW,UAAU,GAAG,YAAmB;CACnE,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,eAAe,OAAO,WAAW,eAAe;CAKtD,IAAI,CAAC,UAAU;EACb,IAAI,CAAC,UACH,OAAO;EAGT,OACE,oBAAC,OAAD;GACE,MAAK;GACL,cAAY;GACZ,WAAW,GAAG,2CAA2C,SAAS;GAClE,GAAI;GAEJ,UAAA,oBAAC,SAAD,EAAS,WAAU,eAAgB,CAAA;EAChC,CAAA;CAET;CAOA,IAAI,CAAC,UACH,OAAO;CAGT,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,YAAY,SAAS;EAAG,GAAI;EAA/C,UAAA,CACE,oBAAC,OAAD;GAAK,WAAU;GAAkC;EAAc,CAAA,GAC/D,oBAAC,OAAD;GACE,MAAK;GACL,cAAY;GACZ,WAAU;GAEV,UAAA,oBAAC,SAAD,EAAS,WAAU,eAAgB,CAAA;EAChC,CAAA,CACF;;AAET"}

package/dist/Splitter.d.mts

@@ -0,0 +1,10 @@
+import Panel, { Props as Props$1 } from "./components/molecules/splitter/panel.mjs";
+import Splitter$1, { Props } from "./components/molecules/splitter/splitter.mjs";
+//#region src/components/molecules/splitter/index.d.ts
+type SplitterComponent = typeof Splitter$1 & {
+  Panel: typeof Panel;
+};
+declare const Splitter: SplitterComponent;
+//#endregion
+export { type Props, type Props$1 as SplitterPanelProps, Splitter as default };
+//# sourceMappingURL=Splitter.d.mts.map

package/dist/Splitter.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Splitter.d.mts","names":["SplitterImpl"],"sources":["../src/components/molecules/splitter/index.ts"],"mappings":";;;KAGK,2BAA2BA;EAAiB,cAAc;;cAEzD,UAA2B"}

package/dist/Splitter.mjs

@@ -0,0 +1,9 @@
+import Panel from "./components/molecules/splitter/panel.mjs";
+import Splitter$1 from "./components/molecules/splitter/splitter.mjs";
+//#region src/components/molecules/splitter/index.ts
+const Splitter = Splitter$1;
+Splitter.Panel = Panel;
+//#endregion
+export { Splitter as default };
+
+//# sourceMappingURL=Splitter.mjs.map

package/dist/Splitter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Splitter.mjs","names":["SplitterImpl"],"sources":["../src/components/molecules/splitter/index.ts"],"sourcesContent":["import Panel, { type Props as SplitterPanelProps } from './panel';\nimport SplitterImpl, { type Props } from './splitter';\n\ntype SplitterComponent = typeof SplitterImpl & { Panel: typeof Panel };\n\nconst Splitter = SplitterImpl as SplitterComponent;\n\nSplitter.Panel = Panel;\n\nexport default Splitter;\nexport type { Props, SplitterPanelProps };\n"],"mappings":";;;AAKA,MAAM,WAAWA;AAEjB,SAAS,QAAQ"}

package/dist/Statistic.d.mts

@@ -0,0 +1,22 @@
+import { ComponentProps, ReactNode } from "react";
+//#region src/components/molecules/statistic.d.ts
+export interface Props extends Omit<ComponentProps<'div'>, 'title' | 'children' | 'prefix'> {
+  title?: ReactNode;
+  value?: string | number;
+  prefix?: ReactNode;
+  suffix?: ReactNode;
+  precision?: number;
+  locale?: string;
+  formatter?: (value: string | number) => ReactNode;
+  loading?: boolean;
+  classNames?: {
+    title?: string;
+    value?: string;
+    prefix?: string;
+    suffix?: string;
+  };
+}
+declare const Statistic: ({ title, value, prefix, suffix, precision, locale, formatter, loading, className, classNames, ...props }: Props) => import("react").JSX.Element;
+//#endregion
+export { Statistic as default };
+//# sourceMappingURL=Statistic.d.mts.map

package/dist/Statistic.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Statistic.d.mts","names":[],"sources":["../src/components/molecules/statistic.tsx"],"mappings":";;iBAQiB,cAAc,KAC7B;EAGA,QAAQ;EACR;EACA,SAAS;EACT,SAAS;EACT;EACA;EACA,aAAa,2BAA2B;EACxC;EACA;IACE;IACA;IACA;IACA;;;cAIE,cAAa,OAAA,OAAA,QAAA,QAAA,WAAA,QAAA,WAAA,SAAA,WAAA,eAAA,SAYhB,0BAAK,IAAA"}

package/dist/Statistic.mjs

@@ -0,0 +1,53 @@
+"use client";
+import { cn } from "./utils.mjs";
+import Skeleton from "./Skeleton.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/molecules/statistic.tsx
+const Statistic = ({ title, value, prefix, suffix, precision, locale = "en-US", formatter, loading = false, className, classNames, ...props }) => {
+	const hasValue = value !== void 0 && value !== "" && (typeof value !== "number" || Number.isFinite(value));
+	let formatted = "—";
+	if (!loading && hasValue && value !== void 0) {
+		if (formatter) formatted = formatter(value);
+		else if (typeof value === "string") formatted = value;
+		else {
+			const digits = precision !== void 0 && Number.isFinite(precision) ? Math.min(20, Math.max(0, Math.trunc(precision))) : void 0;
+			const options = digits === void 0 ? void 0 : {
+				minimumFractionDigits: digits,
+				maximumFractionDigits: digits
+			};
+			try {
+				formatted = new Intl.NumberFormat(locale, options).format(value);
+			} catch {
+				formatted = new Intl.NumberFormat("en-US", options).format(value);
+			}
+		}
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		"data-slot": "statistic",
+		"aria-busy": loading || void 0,
+		className: cn("min-w-0", className),
+		children: [title !== void 0 && title !== null && /* @__PURE__ */ jsx("div", {
+			className: cn("text-muted-foreground mb-1 text-sm", classNames?.title),
+			children: title
+		}), loading ? /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-24" }) : /* @__PURE__ */ jsxs("div", {
+			className: cn(`text-foreground flex flex-wrap items-baseline gap-1 text-2xl
+              font-semibold [overflow-wrap:anywhere] tabular-nums`, classNames?.value),
+			children: [
+				prefix !== void 0 && prefix !== null && /* @__PURE__ */ jsx("span", {
+					className: classNames?.prefix,
+					children: prefix
+				}),
+				/* @__PURE__ */ jsx("span", { children: formatted }),
+				suffix !== void 0 && suffix !== null && /* @__PURE__ */ jsx("span", {
+					className: cn("text-base font-normal", classNames?.suffix),
+					children: suffix
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { Statistic as default };
+
+//# sourceMappingURL=Statistic.mjs.map

package/dist/Statistic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Statistic.mjs","names":[],"sources":["../src/components/molecules/statistic.tsx"],"sourcesContent":["'use client';\n\nimport type { ComponentProps, ReactNode } from 'react';\n\nimport { cn } from '@repo/ui/utils';\n\nimport Skeleton from '../atoms/skeleton';\n\nexport interface Props extends Omit<\n  ComponentProps<'div'>,\n  'title' | 'children' | 'prefix'\n> {\n  title?: ReactNode;\n  value?: string | number;\n  prefix?: ReactNode;\n  suffix?: ReactNode;\n  precision?: number;\n  locale?: string;\n  formatter?: (value: string | number) => ReactNode;\n  loading?: boolean;\n  classNames?: {\n    title?: string;\n    value?: string;\n    prefix?: string;\n    suffix?: string;\n  };\n}\n\nconst Statistic = ({\n  title,\n  value,\n  prefix,\n  suffix,\n  precision,\n  locale = 'en-US',\n  formatter,\n  loading = false,\n  className,\n  classNames,\n  ...props\n}: Props) => {\n  const hasValue =\n    value !== undefined &&\n    value !== '' &&\n    (typeof value !== 'number' || Number.isFinite(value));\n  let formatted: ReactNode = '—';\n\n  if (!loading && hasValue && value !== undefined) {\n    if (formatter) {\n      formatted = formatter(value);\n    } else if (typeof value === 'string') {\n      formatted = value;\n    } else {\n      const digits =\n        precision !== undefined && Number.isFinite(precision)\n          ? Math.min(20, Math.max(0, Math.trunc(precision)))\n          : undefined;\n      const options =\n        digits === undefined\n          ? undefined\n          : {\n              minimumFractionDigits: digits,\n              maximumFractionDigits: digits,\n            };\n\n      try {\n        formatted = new Intl.NumberFormat(locale, options).format(value);\n      } catch {\n        formatted = new Intl.NumberFormat('en-US', options).format(value);\n      }\n    }\n  }\n\n  return (\n    <div\n      {...props}\n      data-slot=\"statistic\"\n      aria-busy={loading || undefined}\n      className={cn(\n        'min-w-0',\n        className,\n        //\n      )}\n    >\n      {title !== undefined && title !== null && (\n        <div\n          className={cn(\n            'text-muted-foreground mb-1 text-sm',\n            classNames?.title,\n            //\n          )}\n        >\n          {title}\n        </div>\n      )}\n      {loading ? (\n        <Skeleton className=\"h-8 w-24\" />\n      ) : (\n        <div\n          className={cn(\n            `text-foreground flex flex-wrap items-baseline gap-1 text-2xl\n              font-semibold [overflow-wrap:anywhere] tabular-nums`,\n            classNames?.value,\n            //\n          )}\n        >\n          {prefix !== undefined && prefix !== null && (\n            <span className={classNames?.prefix}>{prefix}</span>\n          )}\n          <span>{formatted}</span>\n          {suffix !== undefined && suffix !== null && (\n            <span\n              className={cn(\n                'text-base font-normal',\n                classNames?.suffix,\n                //\n              )}\n            >\n              {suffix}\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Statistic;\n"],"mappings":";;;;;AA4BA,MAAM,aAAa,EACjB,OACA,OACA,QACA,QACA,WACA,SAAS,SACT,WACA,UAAU,OACV,WACA,YACA,GAAG,YACQ;CACX,MAAM,WACJ,UAAU,KAAA,KACV,UAAU,OACT,OAAO,UAAU,YAAY,OAAO,SAAS,KAAK;CACrD,IAAI,YAAuB;CAE3B,IAAI,CAAC,WAAW,YAAY,UAAU,KAAA,GAAW;EAC/C,IAAI,WACF,YAAY,UAAU,KAAK;OACtB,IAAI,OAAO,UAAU,UAC1B,YAAY;OACP;GACL,MAAM,SACJ,cAAc,KAAA,KAAa,OAAO,SAAS,SAAS,IAChD,KAAK,IAAI,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,SAAS,CAAC,CAAC,IAC/C,KAAA;GACN,MAAM,UACJ,WAAW,KAAA,IACP,KAAA,IACA;IACE,uBAAuB;IACvB,uBAAuB;GACzB;GAEN,IAAI;IACF,YAAY,IAAI,KAAK,aAAa,QAAQ,OAAO,CAAC,CAAC,OAAO,KAAK;GACjE,QAAQ;IACN,YAAY,IAAI,KAAK,aAAa,SAAS,OAAO,CAAC,CAAC,OAAO,KAAK;GAClE;EACF;CACF;CAEA,OACE,qBAAC,OAAD;EACE,GAAI;EACJ,aAAU;EACV,aAAW,WAAW,KAAA;EACtB,WAAW,GACT,WACA,SAEF;EARF,UAAA,CAUG,UAAU,KAAA,KAAa,UAAU,QAChC,oBAAC,OAAD;GACE,WAAW,GACT,sCACA,YAAY,KAEd;GAEC,UAAA;EACE,CAAA,GAEN,UACC,oBAAC,UAAD,EAAU,WAAU,WAAY,CAAA,IAEhC,qBAAC,OAAD;GACE,WAAW,GACT;oEAEA,YAAY,KAEd;GANF,UAAA;IAQG,WAAW,KAAA,KAAa,WAAW,QAClC,oBAAC,QAAD;KAAM,WAAW,YAAY;KAAS,UAAA;IAAa,CAAA;IAErD,oBAAC,QAAD,EAAA,UAAO,UAAgB,CAAA;IACtB,WAAW,KAAA,KAAa,WAAW,QAClC,oBAAC,QAAD;KACE,WAAW,GACT,yBACA,YAAY,MAEd;KAEC,UAAA;IACG,CAAA;GAEL;EAEJ,CAAA,CAAA;;AAET"}

package/dist/Steps.d.mts

@@ -1,6 +1,6 @@
 import * as React$1 from "react";
 //#region src/components/molecules/steps.d.ts
-interface Item {
+export interface Item {
   key?: React$1.Key;
   title: React$1.ReactNode;
   description?: React$1.ReactNode;
@@ -8,7 +8,7 @@ interface Item {
   /** Mark a failed step regardless of its position. */
   status?: 'error';
 }
-interface Props extends Omit<React$1.ComponentPropsWithoutRef<'nav'>, 'children'> {
+export interface Props extends Omit<React$1.ComponentPropsWithoutRef<'nav'>, 'children'> {
   items: readonly Item[];
   /** Zero-based index of the current step. */
   current?: number;
@@ -24,5 +24,5 @@ interface Props extends Omit<React$1.ComponentPropsWithoutRef<'nav'>, 'children'
 }
 declare const Steps: ({ items, current, orientation, className, classNames, dir, "aria-label": ariaLabel, ...props }: Props) => React$1.JSX.Element;
 //#endregion
-export { Item, Props, Steps as default };
+export { Steps as default };
 //# sourceMappingURL=Steps.d.mts.map

package/dist/Steps.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Steps.d.mts","names":[],"sources":["../src/components/molecules/steps.tsx"],"mappings":";;UASiB;EACf,MAAM,QAAM;EACZ,OAAO,QAAM;EACb,cAAc,QAAM;EACpB,OAAO,QAAM;;EAEb;;UAGe,cAAc,KAC7B,QAAM;EAGN,gBAAgB;;EAEhB;EACA;EACA;IACE;IACA;IACA;IACA;IACA;IACA;;;cAIE,UAAS,OAAA,SAAA,aAAA,WAAA,YAAA,mBAAA,cAAA,SASZ,UAAK,QAAA,IAAA"}
+{"version":3,"file":"Steps.d.mts","names":["React"],"sources":["../src/components/molecules/steps.tsx"],"mappings":";;iBASiB;EACf,MAAMA,QAAM;EACZ,OAAOA,QAAM;EACb,cAAcA,QAAM;EACpB,OAAOA,QAAM;;EAEb;;iBAGe,cAAc,KAC7BA,QAAM;EAGN,gBAAgB;;EAEhB;EACA;EACA;IACE;IACA;IACA;IACA;IACA;IACA;;;cAIE,UAAS,OAAA,SAAA,aAAA,WAAA,YAAA,mBAAA,cAAA,SASZ,UAAKA,QAAA,IAAA"}

package/dist/Steps.mjs

@@ -1,9 +1,9 @@
 "use client";
 import { cn } from "./utils.mjs";
 import { useConfig } from "./providers/config/context.mjs";
-import { Check, TriangleAlert } from "lucide-react";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, TriangleAlert } from "lucide-react";
 //#region src/components/molecules/steps.tsx
 const Steps = ({ items, current = 0, orientation = "horizontal", className, classNames, dir, "aria-label": ariaLabel, ...props }) => {
 	const { direction } = useConfig();

package/dist/Swiper.d.mts

@@ -0,0 +1,10 @@
+import Slide from "./components/organisms/swiper/slide.mjs";
+import Swiper$1, { Props, initialOptions } from "./components/organisms/swiper/swiper.mjs";
+//#region src/components/organisms/swiper/index.d.ts
+type SwiperComponent = typeof Swiper$1 & {
+  Slide: typeof Slide;
+};
+declare const Swiper: SwiperComponent;
+//#endregion
+export { type Props as SwiperProps, Swiper as default, initialOptions };
+//# sourceMappingURL=Swiper.d.mts.map

package/dist/Swiper.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Swiper.d.mts","names":["SwiperImpl"],"sources":["../src/components/organisms/swiper/index.ts"],"mappings":";;;KAGK,yBAAyBA;EAAe,cAAc;;cAErD,QAAuB"}

package/dist/Swiper.mjs

@@ -0,0 +1,9 @@
+import Slide from "./components/organisms/swiper/slide.mjs";
+import Swiper$1, { initialOptions } from "./components/organisms/swiper/swiper.mjs";
+//#region src/components/organisms/swiper/index.ts
+const Swiper = Swiper$1;
+Swiper.Slide = Slide;
+//#endregion
+export { Swiper as default, initialOptions };
+
+//# sourceMappingURL=Swiper.mjs.map

package/dist/Swiper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Swiper.mjs","names":["SwiperImpl"],"sources":["../src/components/organisms/swiper/index.ts"],"sourcesContent":["import Slide from './slide';\nimport SwiperImpl, { initialOptions } from './swiper';\n\ntype SwiperComponent = typeof SwiperImpl & { Slide: typeof Slide };\n\nconst Swiper = SwiperImpl as SwiperComponent;\n\nSwiper.Slide = Slide;\n\nexport default Swiper;\nexport { initialOptions };\nexport type { Props as SwiperProps } from './swiper';\n"],"mappings":";;;AAKA,MAAM,SAASA;AAEf,OAAO,QAAQ"}

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

@@ -1,6 +1,6 @@
-import { ComponentSize } from "../../providers/config/types.mjs";
+import { ComponentSize } from "./providers/config/types.mjs";
 //#region src/components/atoms/switch.d.ts
-interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'onChange'> {
+export interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'onChange'> {
   classNames?: {
     track?: string;
     handle?: string;
@@ -22,5 +22,5 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'onChange'>
 }
 declare const Switch: ({ className, classNames, size, defaultChecked, checked: _checked, onChange: _onChange, checkedChildren, unCheckedChildren, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Switch as default };
-//# sourceMappingURL=switch.d.mts.map
+export { Switch as default };
+//# sourceMappingURL=Switch.d.mts.map

package/dist/Switch.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.mts","names":[],"sources":["../src/components/atoms/switch.tsx"],"mappings":";;iBAiDiB,cAAc,KAC7B,MAAM;EAGN;IACE;IACA;;;;;;;;;EASF,OAAO;EACP;EACA;EACA;EACA,YAAY;EACZ,kBAAkB,MAAM;EACxB,oBAAoB,MAAM;;cAGtB,WAAU,WAAA,YAAA,MAAA,gBAAA,SAAA,UAAA,UAAA,WAAA,iBAAA,sBAAA,SAUb,0BAAK,IAAA"}

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

@@ -1,7 +1,7 @@
 "use client";
-import { cn } from "../../utils.mjs";
-import { useConfig } from "../../providers/config/context.mjs";
-import { switch_exports } from "../../core/switch.mjs";
+import { cn } from "./utils.mjs";
+import { useConfig } from "./providers/config/context.mjs";
+import { switch_exports } from "./core/switch.mjs";
 import { useControllableState } from "@jbpark/use-hooks";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/atoms/switch.tsx
@@ -70,4 +70,4 @@ const Switch = ({ className, classNames, size, defaultChecked, checked: _checked
 //#endregion
 export { Switch as default };
 
-//# sourceMappingURL=switch.mjs.map
+//# sourceMappingURL=Switch.mjs.map

package/dist/Switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.mjs","names":["switchComponent"],"sources":["../src/components/atoms/switch.tsx"],"sourcesContent":["'use client';\n\nimport { useControllableState } from '@jbpark/use-hooks';\n\nimport { type ComponentSize, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { switchComponent } from '../../core';\n\nconst { Switch: Core } = switchComponent;\n\n// Keyed by the shared `ComponentSize` vocabulary (#350). The `calc` offset on\n// each `handleChecked` is `handle width + 2px` (the `left-0.5` inset), so the\n// handle lands flush at both ends — it must be recomputed per row, not copied.\nconst sizeConfig = {\n  small: {\n    core: 'sm' as const,\n    track: 'h-6! w-10!',\n    handle: 'size-5!',\n    handleChecked:\n      'data-unchecked:left-0.5 data-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  middle: {\n    core: 'default' as const,\n    track: 'h-8! w-12!',\n    handle: 'size-6!',\n    handleChecked:\n      'data-unchecked:left-0.5 data-checked:left-[calc(100%-26px)]',\n    fontSize: 'text-xs',\n    marginChecked: 'mr-7 ml-2',\n    marginUnchecked: 'mr-2 ml-7',\n  },\n  large: {\n    core: 'default' as const,\n    track: 'h-10! w-16!',\n    handle: 'size-8!',\n    handleChecked:\n      'data-unchecked:left-0.5 data-checked:left-[calc(100%-34px)]',\n    fontSize: 'text-sm',\n    marginChecked: 'mr-9 ml-2.5',\n    marginUnchecked: 'mr-2.5 ml-9',\n  },\n} satisfies Record<ComponentSize, unknown>;\n\n// Base UI's Switch renders a `<span>` (plus a hidden `<input>`), not the\n// `<button>` Radix used — so the forwarded host props are span-based now.\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'span'>,\n  'onChange'\n> {\n  classNames?: {\n    track?: string;\n    handle?: string;\n  };\n  /**\n   * Density on the shared `ComponentSize` scale (`small` | `middle` | `large`),\n   * falling back to the nearest `Config`'s `componentSize`, then `middle`.\n   *\n   * `medium` is accepted as a deprecated alias of `middle` — kept so existing\n   * `size=\"medium\"` calls keep working; removed in the next major.\n   */\n  size?: ComponentSize | '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,\n  defaultChecked,\n  checked: _checked,\n  onChange: _onChange = () => {},\n  checkedChildren,\n  unCheckedChildren,\n  ...props\n}: Props) => {\n  const [checked, onChange] = useControllableState<boolean>({\n    value: _checked,\n    defaultValue: defaultChecked ?? false,\n    onChange: _onChange,\n  });\n\n  const { componentSize } = useConfig();\n  // `medium` is the deprecated spelling of `middle`; an explicit `size` wins,\n  // then the Config default, then `middle`.\n  const resolvedSize =\n    (size === 'medium' ? 'middle' : size) ?? componentSize ?? 'middle';\n\n  const hasChildren = !!(checkedChildren || unCheckedChildren);\n  const config = sizeConfig[resolvedSize];\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 transition-[margin] duration-200\n            will-change-[margin]`,\n            config.fontSize,\n            checked\n              ? [config.marginChecked, 'text-primary-foreground']\n              : [config.marginUnchecked, 'text-foreground'],\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":";;;;;;;AASA,MAAM,EAAE,QAAQ,SAASA;AAKzB,MAAM,aAAa;CACjB,OAAO;EACL,MAAM;EACN,OAAO;EACP,QAAQ;EACR,eACE;EACF,UAAU;EACV,eAAe;EACf,iBAAiB;CACnB;CACA,QAAQ;EACN,MAAM;EACN,OAAO;EACP,QAAQ;EACR,eACE;EACF,UAAU;EACV,eAAe;EACf,iBAAiB;CACnB;CACA,OAAO;EACL,MAAM;EACN,OAAO;EACP,QAAQ;EACR,eACE;EACF,UAAU;EACV,eAAe;EACf,iBAAiB;CACnB;AACF;AA4BA,MAAM,UAAU,EACd,WACA,YACA,MACA,gBACA,SAAS,UACT,UAAU,kBAAkB,CAAC,GAC7B,iBACA,mBACA,GAAG,YACQ;CACX,MAAM,CAAC,SAAS,YAAY,qBAA8B;EACxD,OAAO;EACP,cAAc,kBAAkB;EAChC,UAAU;CACZ,CAAC;CAED,MAAM,EAAE,kBAAkB,UAAU;CAGpC,MAAM,gBACH,SAAS,WAAW,WAAW,SAAS,iBAAiB;CAE5D,MAAM,cAAc,CAAC,EAAE,mBAAmB;CAC1C,MAAM,SAAS,WAAW;CAE1B,OACE,oBAAC,MAAD;EACW;EACT,MAAM,OAAO;EACb,WAAW,GACT,YACA,OAAO,OACP,eAAe,2BACf,WACA,YAAY,KAEd;EACA,iBAAiB,GACf,OAAO,QACP,sDACA,qDACA,OAAO,eACP,YAAY,MAEd;EACA,kBAAiB,YAAW;GAC1B,SAAS,OAAO;EAClB;EACA,GAAI;EAEH,UAAA,eACC,qBAAC,QAAD;GACE,WAAW,GACT;mCAEA,OAAO,UACP,UACI,CAAC,OAAO,eAAe,yBAAyB,IAChD,CAAC,OAAO,iBAAiB,iBAAiB,CAEhD;GATF,UAAA,CAWE,oBAAC,QAAD;IACE,WAAW,GACT,2DACA,UAAU,gBAAgB,WAC5B;IAEC,UAAA;GACG,CAAA,GACN,oBAAC,QAAD;IACE,WAAW,GACT,2DACA,UAAU,cAAc,aAC1B;IAEC,UAAA;GACG,CAAA,CACF;;CAEJ,CAAA;AAEV"}

package/dist/Table.d.mts

@@ -1,13 +1,13 @@
 import { Props as Props$1 } from "./Pagination.mjs";
 //#region src/components/organisms/table.d.ts
-type PaginationOptions = Omit<Props$1, 'total'> & ({
+export type PaginationOptions = Omit<Props$1, 'total'> & ({
   mode?: 'client';
   total?: never;
 } | {
   mode: 'server';
   total: number;
 });
-interface Column<T> {
+export interface Column<T> {
   key: React.Key;
   title: React.ReactNode;
   /** Field displayed when render is omitted. */
@@ -18,7 +18,7 @@ interface Column<T> {
   className?: string;
   headerClassName?: string;
 }
-interface Props<T> extends Omit<React.ComponentPropsWithoutRef<'table'>, 'children'> {
+export interface Props<T> extends Omit<React.ComponentPropsWithoutRef<'table'>, 'children'> {
   columns: Column<T>[];
   data?: T[];
   /** Use a stable key when rows may be reordered or paged. */
@@ -44,5 +44,5 @@ interface Props<T> extends Omit<React.ComponentPropsWithoutRef<'table'>, 'childr
 }
 declare const Table: <T>({ columns, data, rowKey, loading, empty, size, bordered, striped, hoverable, pagination, caption, className, classNames, ...props }: Props<T>) => import("react").JSX.Element;
 //#endregion
-export { Column, PaginationOptions, Props, Table as default };
+export { Table as default };
 //# sourceMappingURL=Table.d.mts.map

package/dist/Table.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.d.mts","names":[],"sources":["../src/components/organisms/table.tsx"],"mappings":";;KAaY,oBAAoB,KAAK;EAChC;EAAiB;;EAAoB;EAAgB;;UAEzC,OAAO;EACtB,KAAK,MAAM;EACX,OAAO,MAAM;;EAEb,kBAAkB;EAClB,UAAU,QAAQ,GAAG,kBAAkB,MAAM;EAC7C;EACA;EACA;EACA;;UAGe,MAAM,WAAW,KAChC,MAAM;EAGN,SAAS,OAAO;EAChB,OAAO;;EAEP,UAAU,QAAQ,GAAG,kBAAkB,MAAM;EAC7C,UAAU,MAAM;EAChB;EACA,QAAQ,MAAM;EACd;EACA;EACA;EACA;;EAEA,uBAAuB;EACvB;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;;cAaE,QAAS,KAAI,SAAA,MAAA,QAAA,SAAA,OAAA,MAAA,UAAA,SAAA,WAAA,YAAA,SAAA,WAAA,eAAA,SAehB,MAAM,uBAAE,IAAA"}
+{"version":3,"file":"Table.d.mts","names":["PaginationProps"],"sources":["../src/components/organisms/table.tsx"],"mappings":";;YAaY,oBAAoB,KAAKA;EAChC;EAAiB;;EAAoB;EAAgB;;iBAEzC,OAAO;EACtB,KAAK,MAAM;EACX,OAAO,MAAM;;EAEb,kBAAkB;EAClB,UAAU,QAAQ,GAAG,kBAAkB,MAAM;EAC7C;EACA;EACA;EACA;;iBAGe,MAAM,WAAW,KAChC,MAAM;EAGN,SAAS,OAAO;EAChB,OAAO;;EAEP,UAAU,QAAQ,GAAG,kBAAkB,MAAM;EAC7C,UAAU,MAAM;EAChB;EACA,QAAQ,MAAM;EACd;EACA;EACA;EACA;;EAEA,uBAAuB;EACvB;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;;cAaE,QAAS,KAAI,SAAA,MAAA,QAAA,SAAA,OAAA,MAAA,UAAA,SAAA,WAAA,YAAA,SAAA,WAAA,eAAA,SAehB,MAAM,uBAAE,IAAA"}