@jbpark/ui-kit 2.3.3 → 2.4.0

package/dist/components/atoms/Skeleton/Node/index.mjs

@@ -0,0 +1,16 @@
+import { cn } from "../../../../utils.mjs";
+import Skeleton from "../index.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/atoms/Skeleton/Node/index.tsx
+const Node = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Skeleton, {
+		...props,
+		avatar: false,
+		className: cn("h-50 w-full min-w-80", "rounded-3xl", className)
+	});
+};
+
+//#endregion
+export { Node as default };
+//# sourceMappingURL=index.mjs.map

package/dist/components/atoms/Skeleton/Node/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../../src/components/atoms/Skeleton/Node/index.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nimport Skeleton, { type Props as SkeletonProps } from '..';\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"}

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

@@ -0,0 +1,51 @@
+import "./Button/index.mjs";
+import "./Node/index.mjs";
+import * as react from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/Skeleton/index.d.ts
+interface Props extends React.ComponentPropsWithoutRef<'div'> {
+  active?: boolean;
+  loading?: boolean;
+  avatar?: boolean;
+  size?: 'default' | 'small' | 'large';
+  count?: number;
+  gap?: number;
+  direction?: 'horizontal' | 'vertical';
+  width?: string | number | (string | number)[];
+  height?: string | number | (string | number)[];
+  classNames?: {
+    wrapper?: string;
+    avatar?: string;
+    item?: string;
+  };
+}
+declare const Skeleton: {
+  ({
+    active,
+    loading,
+    avatar,
+    size,
+    direction,
+    count,
+    gap,
+    className,
+    classNames,
+    style,
+    width,
+    height,
+    children,
+    ...props
+  }: Props): string | number | bigint | boolean | Iterable<react.ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<react.ReactNode> | null | undefined> | react_jsx_runtime0.JSX.Element | null | undefined;
+  Button: ({
+    className,
+    ...props
+  }: Props) => react_jsx_runtime0.JSX.Element;
+  Node: ({
+    className,
+    ...props
+  }: Props) => react_jsx_runtime0.JSX.Element;
+};
+//#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.tsx"],"mappings":";;;;;;UAYiB,KAAA,SAAc,KAAA,CAAM,wBAAA;EACnC,MAAA;EACA,OAAA;EACA,MAAA;EACA,IAAA;EACA,KAAA;EACA,GAAA;EACA,SAAA;EACA,KAAA;EACA,MAAA;EACA,UAAA;IACE,OAAA;IACA,MAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAUE,QAAA;EAAA;;;;;;;;;;;;;;;KAeH,KAAA,wCAAK,QAAA,CAAA,KAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,KAAA,CAAA,WAAA,GAAA,KAAA,CAAA,YAAA,mBAAA,KAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,KAAA,CAAA,SAAA,wBAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,30 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/atoms/Switch/index.d.ts
+interface Props extends Omit<React.ComponentPropsWithoutRef<'button'>, 'onChange'> {
+  classNames?: {
+    track?: string;
+    handle?: string;
+  };
+  size?: 'small' | 'medium';
+  defaultChecked?: boolean;
+  checked?: boolean;
+  disabled?: boolean;
+  onChange?: (checked: boolean) => void;
+  checkedChildren?: React.ReactNode;
+  unCheckedChildren?: React.ReactNode;
+}
+declare const Switch: ({
+  className,
+  classNames,
+  size,
+  defaultChecked,
+  checked: _checked,
+  onChange: _onChange,
+  checkedChildren,
+  unCheckedChildren,
+  ...props
+}: Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Switch };
+//# sourceMappingURL=index.d.mts.map

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

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

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

@@ -0,0 +1,65 @@
+'use client';
+
+import { cn } from "../../../utils.mjs";
+import { switch_exports } from "../../../core/switch.mjs";
+import "../../../core.mjs";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/atoms/Switch/index.tsx
+const { Switch: Core } = switch_exports;
+const sizeConfig = {
+	medium: {
+		core: "default",
+		handleChecked: "data-[state=unchecked]:left-0 data-[state=checked]:left-[calc(100%-16px)]",
+		fontSize: "text-[9px]",
+		marginChecked: "mr-4.5 ml-1",
+		marginUnchecked: "mr-1 ml-4.5"
+	},
+	small: {
+		core: "sm",
+		handleChecked: "data-[state=unchecked]:left-0 data-[state=checked]:left-[calc(100%-12px)]",
+		fontSize: "text-[7px]",
+		marginChecked: "mr-3.5 ml-0.5",
+		marginUnchecked: "mr-0.5 ml-3.5"
+	}
+};
+const Switch = ({ className, classNames, size = "medium", defaultChecked, checked: _checked, onChange: _onChange = () => {}, checkedChildren, unCheckedChildren, ...props }) => {
+	const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked || false);
+	const controlled = _checked !== void 0;
+	const checked = controlled ? _checked : uncontrolledChecked;
+	const onChange = (next) => {
+		if (!controlled) setUncontrolledChecked(next);
+		_onChange(next);
+	};
+	const hasChildren = !!(checkedChildren || unCheckedChildren);
+	const config = sizeConfig[size];
+	return /* @__PURE__ */ jsx(Core, {
+		checked,
+		size: config.core,
+		className: cn("relative", hasChildren && "w-auto! overflow-hidden", className, classNames?.track),
+		handleClassName: cn(hasChildren && [
+			"!absolute top-1/2 !-translate-y-1/2 !translate-x-0",
+			"transition-[left] duration-200",
+			config.handleChecked
+		], classNames?.handle),
+		onCheckedChange: (checked) => {
+			onChange(checked);
+		},
+		...props,
+		children: hasChildren && /* @__PURE__ */ jsxs("span", {
+			className: cn("grid leading-none text-white transition-[margin] duration-200", config.fontSize, checked ? config.marginChecked : config.marginUnchecked),
+			children: [/* @__PURE__ */ jsx("span", {
+				className: cn("col-start-1 row-start-1 transition-opacity duration-200", checked ? "opacity-100" : "opacity-0"),
+				children: checkedChildren
+			}), /* @__PURE__ */ jsx("span", {
+				className: cn("col-start-1 row-start-1 transition-opacity duration-200", checked ? "opacity-0" : "opacity-100"),
+				children: unCheckedChildren
+			})]
+		})
+	});
+};
+
+//#endregion
+export { Switch as default };
+//# sourceMappingURL=index.mjs.map

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

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

package/dist/components/atoms/Typography/Link/index.d.mts

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

package/dist/components/atoms/Typography/Link/index.d.mts.map

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

package/dist/components/atoms/Typography/Link/index.mjs

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

package/dist/components/atoms/Typography/Link/index.mjs.map

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

package/dist/components/atoms/Typography/Paragraph/index.d.mts

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

package/dist/components/atoms/Typography/Paragraph/index.d.mts.map

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

package/dist/components/atoms/Typography/Paragraph/index.mjs

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

package/dist/components/atoms/Typography/Paragraph/index.mjs.map

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

package/dist/components/atoms/Typography/Text/index.d.mts

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

package/dist/components/atoms/Typography/Text/index.d.mts.map

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

package/dist/components/atoms/Typography/Text/index.mjs

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

package/dist/components/atoms/Typography/Text/index.mjs.map

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

package/dist/components/atoms/Typography/Title/index.d.mts

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

package/dist/components/atoms/Typography/Title/index.d.mts.map

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

package/dist/components/atoms/Typography/Title/index.mjs

@@ -0,0 +1,24 @@
+import { cn } from "../../../../utils.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/atoms/Typography/Title/index.tsx
+const styles = {
+	h1: "text-6xl",
+	h2: "text-5xl",
+	h3: "text-4xl",
+	h4: "text-3xl",
+	h5: "text-2xl",
+	h6: "text-xl"
+};
+const Title = ({ children, level = 1, className, ...props }) => {
+	const Element = level < 1 || level > 6 ? "h1" : `h${level}`;
+	return /* @__PURE__ */ jsx(Element, {
+		className: cn("leading-snug font-bold", styles[Element], className),
+		...props,
+		children
+	});
+};
+
+//#endregion
+export { Title as default };
+//# sourceMappingURL=index.mjs.map

package/dist/components/atoms/Typography/Title/index.mjs.map

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

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

@@ -0,0 +1,13 @@
+import Typography from "../../Typography.mjs";
+import { Button } from "./Button/index.mjs";
+import { Checkbox } from "./Checkbox/index.mjs";
+import { ColorPicker } from "./ColorPicker/index.mjs";
+import { FloatButton } from "./FloatButton/index.mjs";
+import { Input } from "./Input/index.mjs";
+import { Popover } from "./Popover/index.mjs";
+import { Progress } from "./Progress/index.mjs";
+import { Radio } from "./Radio/index.mjs";
+import { Select } from "./Select/index.mjs";
+import { Skeleton } from "./Skeleton/index.mjs";
+import { Spin } from "./Spin/index.mjs";
+import { Switch } from "./Switch/index.mjs";

package/dist/components/atoms/index.mjs

@@ -0,0 +1,15 @@
+import Button from "./Button/index.mjs";
+import Checkbox from "./Checkbox/index.mjs";
+import Typography from "../../Typography.mjs";
+import Popover from "./Popover/index.mjs";
+import ColorPicker from "./ColorPicker/index.mjs";
+import FloatButton from "./FloatButton/index.mjs";
+import Input from "./Input/index.mjs";
+import Progress from "./Progress/index.mjs";
+import Radio from "./Radio/index.mjs";
+import Select from "./Select/index.mjs";
+import Skeleton from "./Skeleton/index.mjs";
+import Spin from "./Spin/index.mjs";
+import Switch from "./Switch/index.mjs";
+
+export {  };

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

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/molecules/Card/index.d.ts
+interface Props extends Omit<React.ComponentPropsWithRef<'div'>, 'title'> {
+  title?: React.ReactNode;
+  variant?: 'outlined' | 'borderless';
+  classNames?: {
+    title?: string;
+    body?: string;
+  };
+}
+declare const Card: ({
+  title,
+  children,
+  className,
+  classNames,
+  variant,
+  ...props
+}: Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Card };
+//# sourceMappingURL=index.d.mts.map

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

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

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

@@ -0,0 +1,21 @@
+import { cn, renderConditional } from "../../../utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/molecules/Card/index.tsx
+const Card = ({ title, children, className, classNames, variant = "outlined", ...props }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("w-full", "rounded-lg p-4", "bg-white shadow-sm transition-all", variant === "outlined" && "border border-gray-200", className),
+		...props,
+		children: [renderConditional(title, (v) => /* @__PURE__ */ jsx("div", {
+			className: cn("mb-4 font-bold", classNames?.title),
+			children: v
+		})), /* @__PURE__ */ jsx("div", {
+			className: cn(classNames?.body),
+			children
+		})]
+	});
+};
+
+//#endregion
+export { Card as default };
+//# sourceMappingURL=index.mjs.map

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

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

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

@@ -0,0 +1,36 @@
+import React from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/molecules/Collapse/index.d.ts
+interface Item {
+  key: React.Key;
+  label: React.ReactNode;
+  disabled?: boolean;
+  children: React.ReactNode;
+}
+interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {
+  items?: Item[];
+  accordion?: boolean;
+  expandIcon?: React.ReactNode;
+  classNames?: {
+    item?: string;
+    header?: string;
+    body?: string;
+  };
+  defaultActiveKey?: string[] | number[];
+  activeKey?: string[] | number[];
+  onChange?: (keys: string[]) => void;
+}
+declare const Collapse: ({
+  expandIcon,
+  accordion,
+  items,
+  className,
+  classNames,
+  defaultActiveKey,
+  activeKey: _activeKey,
+  onChange: _onChange
+}: Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Collapse };
+//# sourceMappingURL=index.d.mts.map

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

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