@jbpark/ui-kit 10.1.0 → 10.2.0

package/dist/Alert.d.mts

@@ -0,0 +1,24 @@
+//#region src/components/molecules/alert.d.ts
+type Status = 'info' | 'success' | 'warning' | 'error';
+interface Props extends Omit<React.ComponentPropsWithRef<'div'>, 'title'> {
+  status?: Status;
+  variant?: 'outlined' | 'filled';
+  title: React.ReactNode;
+  description?: React.ReactNode;
+  /** Pass `null` to hide the status icon. */
+  icon?: React.ReactNode;
+  action?: React.ReactNode;
+  closable?: boolean;
+  onClose?: () => void;
+  classNames?: {
+    icon?: string;
+    title?: string;
+    description?: string;
+    action?: string;
+    close?: string;
+  };
+}
+declare const Alert: ({ status, variant, title, description, icon, action, closable, onClose, className, classNames, role, ...props }: Props) => import("react").JSX.Element | null;
+//#endregion
+export { Props, Alert as default };
+//# sourceMappingURL=Alert.d.mts.map

package/dist/Alert.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.mts","names":[],"sources":["../src/components/molecules/alert.tsx"],"mappings":";KAWK;UAEY,cAAc,KAC7B,MAAM;EAGN,SAAS;EACT;EACA,OAAO,MAAM;EACb,cAAc,MAAM;;EAEpB,OAAO,MAAM;EACb,SAAS,MAAM;EACf;EACA;EACA;IACE;IACA;IACA;IACA;IACA;;;cAWE,UAAS,QAAA,SAAA,OAAA,aAAA,MAAA,QAAA,UAAA,SAAA,WAAA,YAAA,SAAA,SAaZ,0BAAK,IAAA"}

package/dist/Alert.mjs

@@ -0,0 +1,68 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { DEFAULT_LOCALE, useConfig } from "./providers/config/context.mjs";
+import Button from "./Button.mjs";
+import { Check, Info, OctagonAlert, OctagonX, X } from "lucide-react";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/molecules/alert.tsx
+const STATUS_ICONS = {
+	info: /* @__PURE__ */ jsx(Info, {}),
+	success: /* @__PURE__ */ jsx(Check, {}),
+	warning: /* @__PURE__ */ jsx(OctagonAlert, {}),
+	error: /* @__PURE__ */ jsx(OctagonX, {})
+};
+const Alert = ({ status = "info", variant = "outlined", title, description, icon, action, closable = false, onClose, className, classNames, role = "status", ...props }) => {
+	const { locale } = useConfig();
+	const [visible, setVisible] = useState(true);
+	const renderedIcon = icon === void 0 ? STATUS_ICONS[status] : icon;
+	if (!visible) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		"data-slot": "alert",
+		"data-status": status,
+		"data-variant": variant,
+		role,
+		className: cn("flex w-full items-start gap-3 rounded-lg border p-4", className),
+		children: [
+			renderedIcon && /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				className: cn("mt-0.5 shrink-0 [&_svg]:size-5", classNames?.icon),
+				children: renderedIcon
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "min-w-0 flex-1",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: cn("text-sm font-semibold", classNames?.title),
+						children: title
+					}),
+					description && /* @__PURE__ */ jsx("div", {
+						className: cn("text-muted-foreground mt-1 text-sm", classNames?.description),
+						children: description
+					}),
+					action && /* @__PURE__ */ jsx("div", {
+						className: cn("mt-3", classNames?.action),
+						children: action
+					})
+				]
+			}),
+			closable && /* @__PURE__ */ jsx(Button, {
+				variant: "text",
+				shape: "circle",
+				size: "small",
+				"aria-label": locale.close ?? DEFAULT_LOCALE.close,
+				icon: /* @__PURE__ */ jsx(X, {}),
+				className: classNames?.close,
+				onClick: () => {
+					onClose?.();
+					setVisible(false);
+				}
+			})
+		]
+	});
+};
+//#endregion
+export { Alert as default };
+
+//# sourceMappingURL=Alert.mjs.map

package/dist/Alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.mjs","names":[],"sources":["../src/components/molecules/alert.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\n\nimport { Check, Info, OctagonAlert, OctagonX, X } from 'lucide-react';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport Button from '../atoms/button';\n\ntype Status = 'info' | 'success' | 'warning' | 'error';\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithRef<'div'>,\n  'title'\n> {\n  status?: Status;\n  variant?: 'outlined' | 'filled';\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  /** Pass `null` to hide the status icon. */\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n  closable?: boolean;\n  onClose?: () => void;\n  classNames?: {\n    icon?: string;\n    title?: string;\n    description?: string;\n    action?: string;\n    close?: string;\n  };\n}\n\nconst STATUS_ICONS: Record<Status, React.ReactNode> = {\n  info: <Info />,\n  success: <Check />,\n  warning: <OctagonAlert />,\n  error: <OctagonX />,\n};\n\nconst Alert = ({\n  status = 'info',\n  variant = 'outlined',\n  title,\n  description,\n  icon,\n  action,\n  closable = false,\n  onClose,\n  className,\n  classNames,\n  role = 'status',\n  ...props\n}: Props) => {\n  const { locale } = useConfig();\n  const [visible, setVisible] = useState(true);\n  const renderedIcon = icon === undefined ? STATUS_ICONS[status] : icon;\n\n  if (!visible) {\n    return null;\n  }\n\n  return (\n    <div\n      {...props}\n      data-slot=\"alert\"\n      data-status={status}\n      data-variant={variant}\n      role={role}\n      className={cn(\n        'flex w-full items-start gap-3 rounded-lg border p-4',\n        className,\n        //\n      )}\n    >\n      {renderedIcon && (\n        <span\n          aria-hidden=\"true\"\n          className={cn(\n            'mt-0.5 shrink-0 [&_svg]:size-5',\n            classNames?.icon,\n            //\n          )}\n        >\n          {renderedIcon}\n        </span>\n      )}\n      <div className=\"min-w-0 flex-1\">\n        <div\n          className={cn(\n            'text-sm font-semibold',\n            classNames?.title,\n            //\n          )}\n        >\n          {title}\n        </div>\n        {description && (\n          <div\n            className={cn(\n              'text-muted-foreground mt-1 text-sm',\n              classNames?.description,\n              //\n            )}\n          >\n            {description}\n          </div>\n        )}\n        {action && (\n          <div\n            className={cn(\n              'mt-3',\n              classNames?.action,\n              //\n            )}\n          >\n            {action}\n          </div>\n        )}\n      </div>\n      {closable && (\n        <Button\n          variant=\"text\"\n          shape=\"circle\"\n          size=\"small\"\n          aria-label={locale.close ?? DEFAULT_LOCALE.close}\n          icon={<X />}\n          className={classNames?.close}\n          onClick={() => {\n            onClose?.();\n            setVisible(false);\n          }}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Alert;\n"],"mappings":";;;;;;;;AAmCA,MAAM,eAAgD;CACpD,MAAM,oBAAC,MAAD,CAAO,CAAA;CACb,SAAS,oBAAC,OAAD,CAAQ,CAAA;CACjB,SAAS,oBAAC,cAAD,CAAe,CAAA;CACxB,OAAO,oBAAC,UAAD,CAAW,CAAA;AACpB;AAEA,MAAM,SAAS,EACb,SAAS,QACT,UAAU,YACV,OACA,aACA,MACA,QACA,WAAW,OACX,SACA,WACA,YACA,OAAO,UACP,GAAG,YACQ;CACX,MAAM,EAAE,WAAW,UAAU;CAC7B,MAAM,CAAC,SAAS,cAAc,SAAS,IAAI;CAC3C,MAAM,eAAe,SAAS,KAAA,IAAY,aAAa,UAAU;CAEjE,IAAI,CAAC,SACH,OAAO;CAGT,OACE,qBAAC,OAAD;EACE,GAAI;EACJ,aAAU;EACV,eAAa;EACb,gBAAc;EACR;EACN,WAAW,GACT,uDACA,SAEF;EAVF,UAAA;GAYG,gBACC,oBAAC,QAAD;IACE,eAAY;IACZ,WAAW,GACT,kCACA,YAAY,IAEd;IAEC,UAAA;GACG,CAAA;GAER,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,oBAAC,OAAD;MACE,WAAW,GACT,yBACA,YAAY,KAEd;MAEC,UAAA;KACE,CAAA;KACJ,eACC,oBAAC,OAAD;MACE,WAAW,GACT,sCACA,YAAY,WAEd;MAEC,UAAA;KACE,CAAA;KAEN,UACC,oBAAC,OAAD;MACE,WAAW,GACT,QACA,YAAY,MAEd;MAEC,UAAA;KACE,CAAA;IAEJ;;GACJ,YACC,oBAAC,QAAD;IACE,SAAQ;IACR,OAAM;IACN,MAAK;IACL,cAAY,OAAO,SAAS,eAAe;IAC3C,MAAM,oBAAC,GAAD,CAAI,CAAA;IACV,WAAW,YAAY;IACvB,eAAe;KACb,UAAU;KACV,WAAW,KAAK;IAClB;GACD,CAAA;EAEA;;AAET"}

package/dist/Avatar.d.mts

@@ -0,0 +1,19 @@
+import { ComponentSize } from "./providers/config/types.mjs";
+//#region src/components/atoms/avatar.d.ts
+interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'children'> {
+  src?: string;
+  /** A person's name or image description. Use an empty string for a decorative avatar. */
+  alt: string;
+  /** Initials, an icon, or other content shown until the image loads or if it fails. */
+  fallback?: React.ReactNode;
+  size?: ComponentSize;
+  loading?: 'eager' | 'lazy';
+  classNames?: {
+    image?: string;
+    fallback?: string;
+  };
+}
+declare const Avatar: ({ src, alt, fallback, size, loading, className, classNames, ...props }: Props) => import("react").JSX.Element;
+//#endregion
+export { Props, Avatar as default };
+//# sourceMappingURL=Avatar.d.mts.map

package/dist/Avatar.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.mts","names":[],"sources":["../src/components/atoms/avatar.tsx"],"mappings":";;UAciB,cAAc,KAC7B,MAAM;EAGN;;EAEA;;EAEA,WAAW,MAAM;EACjB,OAAO;EACP;EACA;IACE;IACA;;;cAIE,WAAU,KAAA,KAAA,UAAA,MAAA,SAAA,WAAA,eAAA,SASb,0BAAK,IAAA"}

package/dist/Avatar.mjs

@@ -0,0 +1,43 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { useConfig } from "./providers/config/context.mjs";
+import { Avatar as Avatar$1 } from "@base-ui/react/avatar";
+import { UserRound } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/atoms/avatar.tsx
+const sizes = {
+	small: "size-8 text-xs",
+	middle: "size-10 text-sm",
+	large: "size-12 text-base"
+};
+const Avatar = ({ src, alt, fallback, size, loading, className, classNames, ...props }) => {
+	const { componentSize } = useConfig();
+	const resolvedSize = size ?? componentSize ?? "middle";
+	return /* @__PURE__ */ jsxs(Avatar$1.Root, {
+		"data-slot": "avatar",
+		role: alt ? "img" : void 0,
+		"aria-label": alt || void 0,
+		"aria-hidden": alt ? void 0 : true,
+		className: cn(`bg-muted text-muted-foreground relative inline-flex shrink-0
+        overflow-hidden rounded-full`, sizes[resolvedSize], className),
+		...props,
+		children: [/* @__PURE__ */ jsx(Avatar$1.Fallback, {
+			className: cn("absolute inset-0 flex items-center justify-center font-medium", classNames?.fallback),
+			children: fallback ?? /* @__PURE__ */ jsx(UserRound, {
+				"aria-hidden": "true",
+				className: "size-1/2"
+			})
+		}), src && /* @__PURE__ */ jsx(Avatar$1.Image, {
+			src,
+			alt: "",
+			loading,
+			keepMounted: true,
+			className: cn(`absolute inset-0 size-full object-cover data-error:invisible
+            data-loading:invisible`, classNames?.image)
+		})]
+	});
+};
+//#endregion
+export { Avatar as default };
+
+//# sourceMappingURL=Avatar.mjs.map

package/dist/Avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.mjs","names":["BaseAvatar"],"sources":["../src/components/atoms/avatar.tsx"],"sourcesContent":["'use client';\n\nimport { Avatar as BaseAvatar } from '@base-ui/react/avatar';\nimport { UserRound } from 'lucide-react';\n\nimport { type ComponentSize, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nconst sizes: Record<ComponentSize, string> = {\n  small: 'size-8 text-xs',\n  middle: 'size-10 text-sm',\n  large: 'size-12 text-base',\n};\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'span'>,\n  'children'\n> {\n  src?: string;\n  /** A person's name or image description. Use an empty string for a decorative avatar. */\n  alt: string;\n  /** Initials, an icon, or other content shown until the image loads or if it fails. */\n  fallback?: React.ReactNode;\n  size?: ComponentSize;\n  loading?: 'eager' | 'lazy';\n  classNames?: {\n    image?: string;\n    fallback?: string;\n  };\n}\n\nconst Avatar = ({\n  src,\n  alt,\n  fallback,\n  size,\n  loading,\n  className,\n  classNames,\n  ...props\n}: Props) => {\n  const { componentSize } = useConfig();\n  const resolvedSize = size ?? componentSize ?? 'middle';\n\n  return (\n    <BaseAvatar.Root\n      data-slot=\"avatar\"\n      role={alt ? 'img' : undefined}\n      aria-label={alt || undefined}\n      aria-hidden={alt ? undefined : true}\n      className={cn(\n        `bg-muted text-muted-foreground relative inline-flex shrink-0\n        overflow-hidden rounded-full`,\n        sizes[resolvedSize],\n        className,\n        //\n      )}\n      {...props}\n    >\n      <BaseAvatar.Fallback\n        className={cn(\n          'absolute inset-0 flex items-center justify-center font-medium',\n          classNames?.fallback,\n          //\n        )}\n      >\n        {fallback ?? <UserRound aria-hidden=\"true\" className=\"size-1/2\" />}\n      </BaseAvatar.Fallback>\n      {src && (\n        <BaseAvatar.Image\n          src={src}\n          alt=\"\"\n          loading={loading}\n          keepMounted\n          className={cn(\n            `absolute inset-0 size-full object-cover data-error:invisible\n            data-loading:invisible`,\n            classNames?.image,\n            //\n          )}\n        />\n      )}\n    </BaseAvatar.Root>\n  );\n};\n\nexport default Avatar;\n"],"mappings":";;;;;;;AAQA,MAAM,QAAuC;CAC3C,OAAO;CACP,QAAQ;CACR,OAAO;AACT;AAmBA,MAAM,UAAU,EACd,KACA,KACA,UACA,MACA,SACA,WACA,YACA,GAAG,YACQ;CACX,MAAM,EAAE,kBAAkB,UAAU;CACpC,MAAM,eAAe,QAAQ,iBAAiB;CAE9C,OACE,qBAACA,SAAW,MAAZ;EACE,aAAU;EACV,MAAM,MAAM,QAAQ,KAAA;EACpB,cAAY,OAAO,KAAA;EACnB,eAAa,MAAM,KAAA,IAAY;EAC/B,WAAW,GACT;uCAEA,MAAM,eACN,SAEF;EACA,GAAI;EAZN,UAAA,CAcE,oBAACA,SAAW,UAAZ;GACE,WAAW,GACT,iEACA,YAAY,QAEd;GAEC,UAAA,YAAY,oBAAC,WAAD;IAAW,eAAY;IAAO,WAAU;GAAY,CAAA;EAC9C,CAAA,GACpB,OACC,oBAACA,SAAW,OAAZ;GACO;GACL,KAAI;GACK;GACT,aAAA;GACA,WAAW,GACT;qCAEA,YAAY,KAEd;EACD,CAAA,CAEY;;AAErB"}

package/dist/Badge.d.mts

@@ -0,0 +1,23 @@
+//#region src/components/atoms/badge.d.ts
+type BadgeColor = 'primary' | 'success' | 'warning' | 'danger';
+interface Props extends Omit<React.ComponentPropsWithoutRef<'span'>, 'color'> {
+  /** Number shown in the indicator. Zero is hidden unless `showZero` is true. */
+  count?: number;
+  /** Show a small status dot instead of the count. */
+  dot?: boolean;
+  /** Highest number shown before displaying `maxCount+`. */
+  maxCount?: number;
+  showZero?: boolean;
+  color?: BadgeColor;
+  /** Pixel inset from the wrapped element's top and inline end edges. */
+  offset?: readonly [number, number];
+  /** Accessible name for the indicator, especially useful for a status dot. */
+  indicatorLabel?: string;
+  classNames?: {
+    indicator?: string;
+  };
+}
+declare const Badge: ({ count, dot, maxCount, showZero, color, offset, indicatorLabel, className, classNames, children, ...props }: Props) => import("react").JSX.Element | null;
+//#endregion
+export { Props, Badge as default };
+//# sourceMappingURL=Badge.d.mts.map

package/dist/Badge.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.mts","names":[],"sources":["../src/components/atoms/badge.tsx"],"mappings":";KAEK;UASY,cAAc,KAC7B,MAAM;;EAIN;;EAEA;;EAEA;EACA;EACA,QAAQ;;EAER;;EAEA;EACA;IACE;;;cAIE,UAAS,OAAA,KAAA,UAAA,UAAA,OAAA,QAAA,gBAAA,WAAA,YAAA,aAAA,SAYZ,0BAAK,IAAA"}

package/dist/Badge.mjs

@@ -0,0 +1,41 @@
+import { cn } from "./utils.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/atoms/badge.tsx
+const colors = {
+	primary: "bg-primary text-primary-foreground",
+	success: "bg-green-600 text-white dark:bg-green-500",
+	warning: "bg-yellow-500 text-black",
+	danger: "bg-destructive text-white"
+};
+const Badge = ({ count, dot = false, maxCount = 99, showZero = false, color = "danger", offset, indicatorLabel, className, classNames, children, ...props }) => {
+	const hasChildren = children != null;
+	const visible = dot || count != null && (count !== 0 || showZero);
+	const displayCount = count != null && count > maxCount ? `${maxCount}+` : count;
+	if (!visible && !hasChildren) return null;
+	return /* @__PURE__ */ jsxs("span", {
+		...props,
+		"data-slot": "badge",
+		className: cn("relative inline-flex w-fit align-middle", className),
+		children: [children, visible && /* @__PURE__ */ jsx("span", {
+			"data-slot": "badge-indicator",
+			"data-color": color,
+			"data-dot": dot || void 0,
+			role: indicatorLabel ? "img" : void 0,
+			"aria-label": indicatorLabel,
+			"aria-hidden": dot && !indicatorLabel ? true : void 0,
+			className: cn(`pointer-events-none z-10 inline-flex shrink-0 items-center
+            justify-center rounded-full font-medium whitespace-nowrap
+            tabular-nums`, dot ? "size-2" : "min-h-5 min-w-5 px-1 text-xs", hasChildren && `absolute end-0 top-0 translate-x-1/2 -translate-y-1/2
+              rtl:-translate-x-1/2`, colors[color], classNames?.indicator),
+			style: hasChildren ? {
+				top: offset?.[1] ?? 0,
+				insetInlineEnd: offset?.[0] ?? 0
+			} : void 0,
+			children: !dot && displayCount
+		})]
+	});
+};
+//#endregion
+export { Badge as default };
+
+//# sourceMappingURL=Badge.mjs.map

package/dist/Badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.mjs","names":[],"sources":["../src/components/atoms/badge.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\ntype BadgeColor = 'primary' | 'success' | 'warning' | 'danger';\n\nconst colors: Record<BadgeColor, string> = {\n  primary: 'bg-primary text-primary-foreground',\n  success: 'bg-green-600 text-white dark:bg-green-500',\n  warning: 'bg-yellow-500 text-black',\n  danger: 'bg-destructive text-white',\n};\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'span'>,\n  'color'\n> {\n  /** Number shown in the indicator. Zero is hidden unless `showZero` is true. */\n  count?: number;\n  /** Show a small status dot instead of the count. */\n  dot?: boolean;\n  /** Highest number shown before displaying `maxCount+`. */\n  maxCount?: number;\n  showZero?: boolean;\n  color?: BadgeColor;\n  /** Pixel inset from the wrapped element's top and inline end edges. */\n  offset?: readonly [number, number];\n  /** Accessible name for the indicator, especially useful for a status dot. */\n  indicatorLabel?: string;\n  classNames?: {\n    indicator?: string;\n  };\n}\n\nconst Badge = ({\n  count,\n  dot = false,\n  maxCount = 99,\n  showZero = false,\n  color = 'danger',\n  offset,\n  indicatorLabel,\n  className,\n  classNames,\n  children,\n  ...props\n}: Props) => {\n  const hasChildren = children != null;\n  const visible = dot || (count != null && (count !== 0 || showZero));\n  const displayCount =\n    count != null && count > maxCount ? `${maxCount}+` : count;\n\n  if (!visible && !hasChildren) {\n    return null;\n  }\n\n  return (\n    <span\n      {...props}\n      data-slot=\"badge\"\n      className={cn('relative inline-flex w-fit align-middle', className)}\n    >\n      {children}\n      {visible && (\n        <span\n          data-slot=\"badge-indicator\"\n          data-color={color}\n          data-dot={dot || undefined}\n          role={indicatorLabel ? 'img' : undefined}\n          aria-label={indicatorLabel}\n          aria-hidden={dot && !indicatorLabel ? true : undefined}\n          className={cn(\n            `pointer-events-none z-10 inline-flex shrink-0 items-center\n            justify-center rounded-full font-medium whitespace-nowrap\n            tabular-nums`,\n            dot ? 'size-2' : 'min-h-5 min-w-5 px-1 text-xs',\n            hasChildren &&\n              `absolute end-0 top-0 translate-x-1/2 -translate-y-1/2\n              rtl:-translate-x-1/2`,\n            colors[color],\n            classNames?.indicator,\n            //\n          )}\n          style={\n            hasChildren\n              ? { top: offset?.[1] ?? 0, insetInlineEnd: offset?.[0] ?? 0 }\n              : undefined\n          }\n        >\n          {!dot && displayCount}\n        </span>\n      )}\n    </span>\n  );\n};\n\nexport default Badge;\n"],"mappings":";;;AAIA,MAAM,SAAqC;CACzC,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;AACV;AAuBA,MAAM,SAAS,EACb,OACA,MAAM,OACN,WAAW,IACX,WAAW,OACX,QAAQ,UACR,QACA,gBACA,WACA,YACA,UACA,GAAG,YACQ;CACX,MAAM,cAAc,YAAY;CAChC,MAAM,UAAU,OAAQ,SAAS,SAAS,UAAU,KAAK;CACzD,MAAM,eACJ,SAAS,QAAQ,QAAQ,WAAW,GAAG,SAAS,KAAK;CAEvD,IAAI,CAAC,WAAW,CAAC,aACf,OAAO;CAGT,OACE,qBAAC,QAAD;EACE,GAAI;EACJ,aAAU;EACV,WAAW,GAAG,2CAA2C,SAAS;EAHpE,UAAA,CAKG,UACA,WACC,oBAAC,QAAD;GACE,aAAU;GACV,cAAY;GACZ,YAAU,OAAO,KAAA;GACjB,MAAM,iBAAiB,QAAQ,KAAA;GAC/B,cAAY;GACZ,eAAa,OAAO,CAAC,iBAAiB,OAAO,KAAA;GAC7C,WAAW,GACT;;2BAGA,MAAM,WAAW,gCACjB,eACE;qCAEF,OAAO,QACP,YAAY,SAEd;GACA,OACE,cACI;IAAE,KAAK,SAAS,MAAM;IAAG,gBAAgB,SAAS,MAAM;GAAE,IAC1D,KAAA;GAGL,UAAA,CAAC,OAAO;EACL,CAAA,CAEJ;;AAEV"}

package/dist/Button.mjs

@@ -2,8 +2,8 @@
 import { cn } from "./utils.mjs";
 import { useConfig } from "./providers/config/context.mjs";
 import { Button as Button$1 } from "./core/button.mjs";
-import "react";
 import { LoaderCircle } from "lucide-react";
+import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/atoms/button.tsx
 const Core = Button$1;

package/dist/Pagination.mjs

@@ -4,8 +4,8 @@ import { useConfig } from "./providers/config/context.mjs";
 import Button from "./Button.mjs";
 import Input from "./components/atoms/input/index.mjs";
 import Select from "./components/atoms/select.mjs";
-import { useState } from "react";
 import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
+import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/molecules/pagination.tsx
 const clampPage = (page, pageCount) => Math.min(Math.max(1, Number.isFinite(page) ? Math.floor(page) : 1), Math.max(1, pageCount));

package/dist/Segmented.d.mts

@@ -0,0 +1,26 @@
+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 {
+  label: string;
+  value: string;
+  icon?: React$1.ReactNode;
+  disabled?: boolean;
+}
+interface Props extends Omit<ToggleGroup.Props, 'children' | 'value' | 'defaultValue' | 'onValueChange' | 'onChange' | 'multiple'> {
+  options: readonly (string | Option)[];
+  value?: string;
+  defaultValue?: string;
+  /** Clicking the selected item keeps it selected. */
+  onChange?: (value: string) => void;
+  size?: ComponentSize;
+  classNames?: {
+    item?: string;
+    activeItem?: string;
+  };
+}
+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 };
+//# sourceMappingURL=Segmented.d.mts.map

package/dist/Segmented.d.mts.map

@@ -0,0 +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"}

package/dist/Segmented.mjs

@@ -0,0 +1,57 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { useConfig } from "./providers/config/context.mjs";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup } from "@base-ui/react/toggle-group";
+//#region src/components/atoms/segmented.tsx
+const sizeClasses = {
+	small: "min-h-7 px-2 text-xs",
+	middle: "min-h-8 px-3 text-sm",
+	large: "min-h-10 px-4 text-base"
+};
+const Segmented = ({ options, value, defaultValue, onChange, size, className, classNames, disabled, orientation = "horizontal", ...props }) => {
+	const normalizedOptions = options.map((option) => typeof option === "string" ? {
+		label: option,
+		value: option,
+		disabled: false,
+		icon: null
+	} : option);
+	const firstEnabled = normalizedOptions.find((option) => !option.disabled)?.value;
+	const [internalValue, setInternalValue] = React$1.useState(defaultValue ?? firstEnabled);
+	const selectedValue = value !== void 0 ? value : internalValue;
+	const { componentSize } = useConfig();
+	const resolvedSize = size ?? componentSize ?? "middle";
+	const handleValueChange = (values) => {
+		const nextValue = values[0];
+		if (nextValue === void 0 || nextValue === selectedValue) return;
+		if (value === void 0) setInternalValue(nextValue);
+		onChange?.(nextValue);
+	};
+	return /* @__PURE__ */ jsx(ToggleGroup, {
+		...props,
+		"data-slot": "segmented",
+		disabled,
+		orientation,
+		value: selectedValue === void 0 ? [] : [selectedValue],
+		onValueChange: handleValueChange,
+		className: cn(`bg-muted inline-flex w-fit gap-0.5 rounded-lg p-1
+        data-[orientation=vertical]:flex-col`, className),
+		children: normalizedOptions.map((option) => /* @__PURE__ */ jsxs(Toggle, {
+			value: option.value,
+			disabled: option.disabled,
+			className: cn(`text-muted-foreground hover:text-foreground
+            focus-visible:ring-ring/50 data-pressed:bg-background
+            data-pressed:text-foreground inline-flex items-center justify-center
+            gap-1.5 rounded-md font-medium whitespace-nowrap outline-none
+            focus-visible:ring-[3px] disabled:cursor-not-allowed
+            disabled:opacity-50 data-pressed:shadow-xs`, sizeClasses[resolvedSize], classNames?.item, selectedValue === option.value && classNames?.activeItem),
+			children: [option.icon, option.label]
+		}, option.value))
+	});
+};
+//#endregion
+export { Segmented as default };
+
+//# sourceMappingURL=Segmented.mjs.map

package/dist/Segmented.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Segmented.mjs","names":["React"],"sources":["../src/components/atoms/segmented.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Toggle } from '@base-ui/react/toggle';\nimport { ToggleGroup } from '@base-ui/react/toggle-group';\n\nimport { type ComponentSize, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nexport interface Option {\n  label: string;\n  value: string;\n  icon?: React.ReactNode;\n  disabled?: boolean;\n}\n\nconst sizeClasses: Record<ComponentSize, string> = {\n  small: 'min-h-7 px-2 text-xs',\n  middle: 'min-h-8 px-3 text-sm',\n  large: 'min-h-10 px-4 text-base',\n};\n\nexport interface Props extends Omit<\n  ToggleGroup.Props,\n  'children' | 'value' | 'defaultValue' | 'onValueChange' | 'onChange' | 'multiple'\n> {\n  options: readonly (string | Option)[];\n  value?: string;\n  defaultValue?: string;\n  /** Clicking the selected item keeps it selected. */\n  onChange?: (value: string) => void;\n  size?: ComponentSize;\n  classNames?: {\n    item?: string;\n    activeItem?: string;\n  };\n}\n\nconst Segmented = ({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  size,\n  className,\n  classNames,\n  disabled,\n  orientation = 'horizontal',\n  ...props\n}: Props) => {\n  const normalizedOptions = options.map(option =>\n    typeof option === 'string'\n      ? { label: option, value: option, disabled: false, icon: null }\n      : option,\n  );\n  const firstEnabled = normalizedOptions.find(\n    option => !option.disabled,\n  )?.value;\n  const [internalValue, setInternalValue] = React.useState(\n    defaultValue ?? firstEnabled,\n  );\n  const selectedValue = value !== undefined ? value : internalValue;\n  const { componentSize } = useConfig();\n  const resolvedSize = size ?? componentSize ?? 'middle';\n\n  const handleValueChange = (values: string[]) => {\n    const nextValue = values[0];\n\n    if (nextValue === undefined || nextValue === selectedValue) {\n      return;\n    }\n\n    if (value === undefined) {\n      setInternalValue(nextValue);\n    }\n\n    onChange?.(nextValue);\n  };\n\n  return (\n    <ToggleGroup\n      {...props}\n      data-slot=\"segmented\"\n      disabled={disabled}\n      orientation={orientation}\n      value={selectedValue === undefined ? [] : [selectedValue]}\n      onValueChange={handleValueChange}\n      className={cn(\n        `bg-muted inline-flex w-fit gap-0.5 rounded-lg p-1\n        data-[orientation=vertical]:flex-col`,\n        className,\n        //\n      )}\n    >\n      {normalizedOptions.map(option => (\n        <Toggle\n          key={option.value}\n          value={option.value}\n          disabled={option.disabled}\n          className={cn(\n            `text-muted-foreground hover:text-foreground\n            focus-visible:ring-ring/50 data-pressed:bg-background\n            data-pressed:text-foreground inline-flex items-center justify-center\n            gap-1.5 rounded-md font-medium whitespace-nowrap outline-none\n            focus-visible:ring-[3px] disabled:cursor-not-allowed\n            disabled:opacity-50 data-pressed:shadow-xs`,\n            sizeClasses[resolvedSize],\n            classNames?.item,\n            selectedValue === option.value && classNames?.activeItem,\n            //\n          )}\n        >\n          {option.icon}\n          {option.label}\n        </Toggle>\n      ))}\n    </ToggleGroup>\n  );\n};\n\nexport default Segmented;\n"],"mappings":";;;;;;;;AAiBA,MAAM,cAA6C;CACjD,OAAO;CACP,QAAQ;CACR,OAAO;AACT;AAkBA,MAAM,aAAa,EACjB,SACA,OACA,cACA,UACA,MACA,WACA,YACA,UACA,cAAc,cACd,GAAG,YACQ;CACX,MAAM,oBAAoB,QAAQ,KAAI,WACpC,OAAO,WAAW,WACd;EAAE,OAAO;EAAQ,OAAO;EAAQ,UAAU;EAAO,MAAM;CAAK,IAC5D,MACN;CACA,MAAM,eAAe,kBAAkB,MACrC,WAAU,CAAC,OAAO,QACpB,CAAC,EAAE;CACH,MAAM,CAAC,eAAe,oBAAoBA,QAAM,SAC9C,gBAAgB,YAClB;CACA,MAAM,gBAAgB,UAAU,KAAA,IAAY,QAAQ;CACpD,MAAM,EAAE,kBAAkB,UAAU;CACpC,MAAM,eAAe,QAAQ,iBAAiB;CAE9C,MAAM,qBAAqB,WAAqB;EAC9C,MAAM,YAAY,OAAO;EAEzB,IAAI,cAAc,KAAA,KAAa,cAAc,eAC3C;EAGF,IAAI,UAAU,KAAA,GACZ,iBAAiB,SAAS;EAG5B,WAAW,SAAS;CACtB;CAEA,OACE,oBAAC,aAAD;EACE,GAAI;EACJ,aAAU;EACA;EACG;EACb,OAAO,kBAAkB,KAAA,IAAY,CAAC,IAAI,CAAC,aAAa;EACxD,eAAe;EACf,WAAW,GACT;+CAEA,SAEF;EAEC,UAAA,kBAAkB,KAAI,WACrB,qBAAC,QAAD;GAEE,OAAO,OAAO;GACd,UAAU,OAAO;GACjB,WAAW,GACT;;;;;yDAMA,YAAY,eACZ,YAAY,MACZ,kBAAkB,OAAO,SAAS,YAAY,UAEhD;GAfF,UAAA,CAiBG,OAAO,MACP,OAAO,KACF;EAlBD,GAAA,OAAO,KAkBN,CACT;CACU,CAAA;AAEjB"}

package/dist/Steps.d.mts

@@ -0,0 +1,28 @@
+import * as React$1 from "react";
+//#region src/components/molecules/steps.d.ts
+interface Item {
+  key?: React$1.Key;
+  title: React$1.ReactNode;
+  description?: React$1.ReactNode;
+  icon?: React$1.ReactNode;
+  /** Mark a failed step regardless of its position. */
+  status?: 'error';
+}
+interface Props extends Omit<React$1.ComponentPropsWithoutRef<'nav'>, 'children'> {
+  items: readonly Item[];
+  /** Zero-based index of the current step. */
+  current?: number;
+  orientation?: 'horizontal' | 'vertical';
+  classNames?: {
+    list?: string;
+    item?: string;
+    indicator?: string;
+    title?: string;
+    description?: string;
+    connector?: string;
+  };
+}
+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 };
+//# sourceMappingURL=Steps.d.mts.map

package/dist/Steps.d.mts.map

@@ -0,0 +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"}

package/dist/Steps.mjs

@@ -0,0 +1,70 @@
+"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";
+//#region src/components/molecules/steps.tsx
+const Steps = ({ items, current = 0, orientation = "horizontal", className, classNames, dir, "aria-label": ariaLabel, ...props }) => {
+	const { direction } = useConfig();
+	const currentIndex = items.length ? Math.min(Math.max(Number.isFinite(current) ? Math.floor(current) : 0, 0), items.length - 1) : -1;
+	return /* @__PURE__ */ jsx("nav", {
+		...props,
+		"data-slot": "steps",
+		"data-orientation": orientation,
+		dir: dir ?? direction,
+		"aria-label": ariaLabel ?? "Progress",
+		className: cn("w-full", className),
+		children: /* @__PURE__ */ jsx("ol", {
+			"data-slot": "steps-list",
+			className: cn("m-0 flex list-none p-0", orientation === "vertical" && "flex-col", classNames?.list),
+			children: items.map((item, index) => {
+				const status = item.status === "error" ? "error" : index < currentIndex ? "complete" : index === currentIndex ? "current" : "upcoming";
+				return /* @__PURE__ */ jsxs("li", {
+					"data-slot": "steps-item",
+					"data-status": status,
+					"aria-current": index === currentIndex ? "step" : void 0,
+					className: cn("m-0 flex min-w-0", orientation === "horizontal" ? "flex-1 items-start" : "flex-col", classNames?.item),
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "flex min-w-0 items-start gap-2.5",
+						children: [/* @__PURE__ */ jsx("span", {
+							"data-slot": "steps-indicator",
+							"aria-hidden": "true",
+							className: cn(`border-border text-muted-foreground flex size-7 shrink-0
+                    items-center justify-center rounded-full border text-sm
+                    font-medium`, status === "complete" && "border-primary bg-primary text-primary-foreground", status === "current" && "border-primary text-primary", status === "error" && `border-destructive bg-destructive
+                      text-destructive-foreground`, classNames?.indicator),
+							children: item.icon ?? (status === "complete" ? /* @__PURE__ */ jsx(Check, { className: "size-4" }) : status === "error" ? /* @__PURE__ */ jsx(TriangleAlert, { className: "size-4" }) : index + 1)
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "min-w-0",
+							children: [
+								/* @__PURE__ */ jsx("span", {
+									"data-slot": "steps-title",
+									className: cn("block text-sm font-medium", status === "upcoming" ? "text-muted-foreground" : status === "error" ? "text-destructive" : "text-foreground", classNames?.title),
+									children: item.title
+								}),
+								item.description != null && /* @__PURE__ */ jsx("span", {
+									"data-slot": "steps-description",
+									className: cn("text-muted-foreground block text-xs", classNames?.description),
+									children: item.description
+								}),
+								/* @__PURE__ */ jsx("span", {
+									className: "sr-only",
+									children: status === "complete" ? "Completed" : status === "current" ? "Current step" : status === "error" ? "Error" : "Upcoming"
+								})
+							]
+						})]
+					}), index < items.length - 1 && /* @__PURE__ */ jsx("span", {
+						"data-slot": "steps-connector",
+						"aria-hidden": "true",
+						className: cn("bg-border shrink-0", orientation === "horizontal" ? "mx-3 mt-3.5 h-px min-w-3 flex-1" : "my-2 ms-3.5 h-7 w-px", index < currentIndex && "bg-primary", classNames?.connector)
+					})]
+				}, item.key ?? index);
+			})
+		})
+	});
+};
+//#endregion
+export { Steps as default };
+
+//# sourceMappingURL=Steps.mjs.map

package/dist/Steps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.mjs","names":[],"sources":["../src/components/molecules/steps.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { Check, TriangleAlert } from 'lucide-react';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nexport interface Item {\n  key?: React.Key;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  icon?: React.ReactNode;\n  /** Mark a failed step regardless of its position. */\n  status?: 'error';\n}\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'nav'>,\n  'children'\n> {\n  items: readonly Item[];\n  /** Zero-based index of the current step. */\n  current?: number;\n  orientation?: 'horizontal' | 'vertical';\n  classNames?: {\n    list?: string;\n    item?: string;\n    indicator?: string;\n    title?: string;\n    description?: string;\n    connector?: string;\n  };\n}\n\nconst Steps = ({\n  items,\n  current = 0,\n  orientation = 'horizontal',\n  className,\n  classNames,\n  dir,\n  'aria-label': ariaLabel,\n  ...props\n}: Props) => {\n  const { direction } = useConfig();\n  const currentIndex = items.length\n    ? Math.min(\n        Math.max(Number.isFinite(current) ? Math.floor(current) : 0, 0),\n        items.length - 1,\n      )\n    : -1;\n\n  return (\n    <nav\n      {...props}\n      data-slot=\"steps\"\n      data-orientation={orientation}\n      dir={dir ?? direction}\n      aria-label={ariaLabel ?? 'Progress'}\n      className={cn('w-full', className)}\n    >\n      <ol\n        data-slot=\"steps-list\"\n        className={cn(\n          'm-0 flex list-none p-0',\n          orientation === 'vertical' && 'flex-col',\n          classNames?.list,\n          //\n        )}\n      >\n        {items.map((item, index) => {\n          const status =\n            item.status === 'error'\n              ? 'error'\n              : index < currentIndex\n                ? 'complete'\n                : index === currentIndex\n                  ? 'current'\n                  : 'upcoming';\n          const isCurrent = index === currentIndex;\n\n          return (\n            <li\n              key={item.key ?? index}\n              data-slot=\"steps-item\"\n              data-status={status}\n              aria-current={isCurrent ? 'step' : undefined}\n              className={cn(\n                'm-0 flex min-w-0',\n                orientation === 'horizontal'\n                  ? 'flex-1 items-start'\n                  : 'flex-col',\n                classNames?.item,\n                //\n              )}\n            >\n              <div className=\"flex min-w-0 items-start gap-2.5\">\n                <span\n                  data-slot=\"steps-indicator\"\n                  aria-hidden=\"true\"\n                  className={cn(\n                    `border-border text-muted-foreground flex size-7 shrink-0\n                    items-center justify-center rounded-full border text-sm\n                    font-medium`,\n                    status === 'complete' &&\n                      'border-primary bg-primary text-primary-foreground',\n                    status === 'current' && 'border-primary text-primary',\n                    status === 'error' &&\n                      `border-destructive bg-destructive\n                      text-destructive-foreground`,\n                    classNames?.indicator,\n                    //\n                  )}\n                >\n                  {item.icon ??\n                    (status === 'complete' ? (\n                      <Check className=\"size-4\" />\n                    ) : status === 'error' ? (\n                      <TriangleAlert className=\"size-4\" />\n                    ) : (\n                      index + 1\n                    ))}\n                </span>\n                <span className=\"min-w-0\">\n                  <span\n                    data-slot=\"steps-title\"\n                    className={cn(\n                      'block text-sm font-medium',\n                      status === 'upcoming'\n                        ? 'text-muted-foreground'\n                        : status === 'error'\n                          ? 'text-destructive'\n                          : 'text-foreground',\n                      classNames?.title,\n                      //\n                    )}\n                  >\n                    {item.title}\n                  </span>\n                  {item.description != null && (\n                    <span\n                      data-slot=\"steps-description\"\n                      className={cn(\n                        'text-muted-foreground block text-xs',\n                        classNames?.description,\n                      )}\n                    >\n                      {item.description}\n                    </span>\n                  )}\n                  <span className=\"sr-only\">\n                    {status === 'complete'\n                      ? 'Completed'\n                      : status === 'current'\n                        ? 'Current step'\n                        : status === 'error'\n                          ? 'Error'\n                          : 'Upcoming'}\n                  </span>\n                </span>\n              </div>\n              {index < items.length - 1 && (\n                <span\n                  data-slot=\"steps-connector\"\n                  aria-hidden=\"true\"\n                  className={cn(\n                    'bg-border shrink-0',\n                    orientation === 'horizontal'\n                      ? 'mx-3 mt-3.5 h-px min-w-3 flex-1'\n                      : 'my-2 ms-3.5 h-7 w-px',\n                    index < currentIndex && 'bg-primary',\n                    classNames?.connector,\n                    //\n                  )}\n                />\n              )}\n            </li>\n          );\n        })}\n      </ol>\n    </nav>\n  );\n};\n\nexport default Steps;\n"],"mappings":";;;;;;;AAoCA,MAAM,SAAS,EACb,OACA,UAAU,GACV,cAAc,cACd,WACA,YACA,KACA,cAAc,WACd,GAAG,YACQ;CACX,MAAM,EAAE,cAAc,UAAU;CAChC,MAAM,eAAe,MAAM,SACvB,KAAK,IACH,KAAK,IAAI,OAAO,SAAS,OAAO,IAAI,KAAK,MAAM,OAAO,IAAI,GAAG,CAAC,GAC9D,MAAM,SAAS,CACjB,IACA;CAEJ,OACE,oBAAC,OAAD;EACE,GAAI;EACJ,aAAU;EACV,oBAAkB;EAClB,KAAK,OAAO;EACZ,cAAY,aAAa;EACzB,WAAW,GAAG,UAAU,SAAS;EAEjC,UAAA,oBAAC,MAAD;GACE,aAAU;GACV,WAAW,GACT,0BACA,gBAAgB,cAAc,YAC9B,YAAY,IAEd;GAEC,UAAA,MAAM,KAAK,MAAM,UAAU;IAC1B,MAAM,SACJ,KAAK,WAAW,UACZ,UACA,QAAQ,eACN,aACA,UAAU,eACR,YACA;IAGV,OACE,qBAAC,MAAD;KAEE,aAAU;KACV,eAAa;KACb,gBAPc,UAAU,eAOE,SAAS,KAAA;KACnC,WAAW,GACT,oBACA,gBAAgB,eACZ,uBACA,YACJ,YAAY,IAEd;KAZF,UAAA,CAcE,qBAAC,OAAD;MAAK,WAAU;MAAf,UAAA,CACE,oBAAC,QAAD;OACE,aAAU;OACV,eAAY;OACZ,WAAW,GACT;;kCAGA,WAAW,cACT,qDACF,WAAW,aAAa,+BACxB,WAAW,WACT;oDAEF,YAAY,SAEd;OAEC,UAAA,KAAK,SACH,WAAW,aACV,oBAAC,OAAD,EAAO,WAAU,SAAU,CAAA,IACzB,WAAW,UACb,oBAAC,eAAD,EAAe,WAAU,SAAU,CAAA,IAEnC,QAAQ;MAER,CAAA,GACN,qBAAC,QAAD;OAAM,WAAU;OAAhB,UAAA;QACE,oBAAC,QAAD;SACE,aAAU;SACV,WAAW,GACT,6BACA,WAAW,aACP,0BACA,WAAW,UACT,qBACA,mBACN,YAAY,KAEd;SAEC,UAAA,KAAK;QACF,CAAA;QACL,KAAK,eAAe,QACnB,oBAAC,QAAD;SACE,aAAU;SACV,WAAW,GACT,uCACA,YAAY,WACd;SAEC,UAAA,KAAK;QACF,CAAA;QAER,oBAAC,QAAD;SAAM,WAAU;SACb,UAAA,WAAW,aACR,cACA,WAAW,YACT,iBACA,WAAW,UACT,UACA;QACJ,CAAA;OACF;MACH,CAAA,CAAA;KACJ,CAAA,GAAA,QAAQ,MAAM,SAAS,KACtB,oBAAC,QAAD;MACE,aAAU;MACV,eAAY;MACZ,WAAW,GACT,sBACA,gBAAgB,eACZ,oCACA,wBACJ,QAAQ,gBAAgB,cACxB,YAAY,SAEd;KACD,CAAA,CAED;IA7FG,GAAA,KAAK,OAAO,KA6Ff;GAER,CAAC;EACC,CAAA;CACD,CAAA;AAET"}

package/dist/components/atoms/checkbox/checkbox.mjs

@@ -2,8 +2,8 @@
 import { cn } from "../../../utils.mjs";
 import { checkbox_exports } from "../../../core/checkbox.mjs";
 import { label_exports } from "../../../core/label.mjs";
-import { useId, useRef } from "react";
 import { Square, SquareCheck } from "lucide-react";
+import { useId, useRef } from "react";
 import { useControllableState, useKeyPress } from "@jbpark/use-hooks";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/atoms/checkbox/checkbox.tsx

package/dist/components/atoms/date-picker.mjs

@@ -3,8 +3,8 @@ import { cn } from "../../utils.mjs";
 import { calendar_exports } from "../../core/calendar.mjs";
 import Button from "../../Button.mjs";
 import Popover from "./popover.mjs";
-import { useState } from "react";
 import { CalendarIcon } from "lucide-react";
+import { useState } from "react";
 import { useControllableState } from "@jbpark/use-hooks";
 import { jsx } from "react/jsx-runtime";
 import { format } from "date-fns";

package/dist/components/atoms/float-button/back-top.mjs

@@ -2,8 +2,8 @@
 import { cn } from "../../../utils.mjs";
 import { DEFAULT_LOCALE, useConfig } from "../../../providers/config/context.mjs";
 import FloatButton from "./float-button.mjs";
-import { useRef } from "react";
 import { ArrowUp } from "lucide-react";
+import { useRef } from "react";
 import { useMergedRef, useWindowScroll } from "@jbpark/use-hooks";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/atoms/float-button/back-top.tsx

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

@@ -1,10 +1,14 @@
+import Avatar, { Props } from "../../Avatar.mjs";
+import Badge, { Props as Props$1 } from "../../Badge.mjs";
 import Button from "../../Button.mjs";
+import Segmented, { Props as Props$2 } from "../../Segmented.mjs";
 import Tag from "../../Tag.mjs";
 import Typography from "../../Typography.mjs";
 import Checkbox from "./checkbox/index.mjs";
 import ColorPicker from "./color-picker.mjs";
 import DatePicker from "./date-picker.mjs";
 import FloatButton from "./float-button/index.mjs";
+import { Props as Props$3 } from "./input/number.mjs";
 import Input from "./input/index.mjs";
 import Popover from "./popover.mjs";
 import Progress from "./progress.mjs";
@@ -17,4 +21,4 @@ import Slider from "./slider/slider.mjs";
 import Spin from "./spin.mjs";
 import Switch from "./switch.mjs";
 import Tooltip from "./tooltip.mjs";
-export { Button, Checkbox, ColorPicker, DatePicker, FloatButton, Input, Popover, Progress, Radio, RichTextEditor, Select, Skeleton, Slider, Spin, Switch, Tag, Tooltip, Typography };
+export { Avatar, type Props as AvatarProps, Badge, type Props$1 as BadgeProps, Button, Checkbox, ColorPicker, DatePicker, FloatButton, Input, type Props$3 as InputNumberProps, Popover, Progress, Radio, RichTextEditor, Segmented, type Props$2 as SegmentedProps, Select, Skeleton, Slider, Spin, Switch, Tag, Tooltip, Typography };

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

@@ -1,12 +1,14 @@
 import Input$1 from "./input.mjs";
+import Number, { Props } from "./number.mjs";
 import Search from "./search.mjs";
 import TextArea from "./text-area.mjs";
 //#region src/components/atoms/input/index.d.ts
 type InputComponent = typeof Input$1 & {
   Search: typeof Search;
+  Number: typeof Number;
   TextArea: typeof TextArea;
 };
 declare const Input: InputComponent;
 //#endregion
-export { Search, TextArea, Input as default };
+export { Number, type Props as NumberProps, Search, TextArea, Input as default };
 //# sourceMappingURL=index.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/input/index.ts"],"mappings":";;;;KAIK,wBAAwB;EAC3B,eAAe;EACf,iBAAiB;;cAGb,OAAqB"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/atoms/input/index.ts"],"mappings":";;;;;KAKK,wBAAwB;EAC3B,eAAe;EACf,eAAe;EACf,iBAAiB;;cAGb,OAAqB"}

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

@@ -1,11 +1,13 @@
 import Input$1 from "./input.mjs";
+import Number from "./number.mjs";
 import Search from "./search.mjs";
 import TextArea from "./text-area.mjs";
 //#region src/components/atoms/input/index.ts
 const Input = Input$1;
 Input.Search = Search;
+Input.Number = Number;
 Input.TextArea = TextArea;
 //#endregion
-export { Search, TextArea, Input as default };
+export { Number, Search, TextArea, Input as default };
 
 //# sourceMappingURL=index.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["InputImpl"],"sources":["../../../../src/components/atoms/input/index.ts"],"sourcesContent":["import InputImpl from './input';\nimport Search from './search';\nimport TextArea from './text-area';\n\ntype InputComponent = typeof InputImpl & {\n  Search: typeof Search;\n  TextArea: typeof TextArea;\n};\n\nconst Input = InputImpl as InputComponent;\n\nInput.Search = Search;\nInput.TextArea = TextArea;\n\nexport { Search, TextArea };\nexport default Input;\n"],"mappings":";;;;AASA,MAAM,QAAQA;AAEd,MAAM,SAAS;AACf,MAAM,WAAW"}
+{"version":3,"file":"index.mjs","names":["InputImpl"],"sources":["../../../../src/components/atoms/input/index.ts"],"sourcesContent":["import InputImpl from './input';\nimport Number from './number';\nimport Search from './search';\nimport TextArea from './text-area';\n\ntype InputComponent = typeof InputImpl & {\n  Search: typeof Search;\n  Number: typeof Number;\n  TextArea: typeof TextArea;\n};\n\nconst Input = InputImpl as InputComponent;\n\nInput.Search = Search;\nInput.Number = Number;\nInput.TextArea = TextArea;\n\nexport { Number, Search, TextArea };\nexport type { Props as NumberProps } from './number';\nexport default Input;\n"],"mappings":";;;;;AAWA,MAAM,QAAQA;AAEd,MAAM,SAAS;AACf,MAAM,SAAS;AACf,MAAM,WAAW"}