@jbpark/ui-kit 10.2.0 → 10.4.0

package/dist/Modal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.mjs","names":["dialog"],"sources":["../src/components/organisms/modal.tsx"],"sourcesContent":["'use client';\n\nimport React, { useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n  Check,\n  CircleQuestionMark,\n  Info,\n  OctagonAlert,\n  OctagonX,\n} from 'lucide-react';\n\nimport { DEFAULT_LOCALE, useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport { dialog } from '../../core';\nimport Button from '../atoms/button';\nimport {\n  type ImperativeStack,\n  createImperativeStack,\n  isBrowser,\n} from './imperative-stack';\n\nconst {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} = dialog;\n\nexport interface Props {\n  open?: boolean;\n  maskClosable?: boolean;\n  closable?:\n    | boolean\n    | {\n        closeIcon?: React.ReactNode;\n        disabled?: boolean;\n      };\n  closeIcon?: React.ReactNode;\n  title?: React.ReactNode;\n  content?: React.ReactNode;\n  footer?: React.ReactNode;\n  className?: string;\n  classNames?: {\n    mask?: string;\n    header?: string;\n    body?: string;\n    footer?: string;\n  };\n  style?: React.CSSProperties;\n  okText?: string;\n  cancelText?: string;\n  container?: HTMLElement;\n  children?: React.ReactNode;\n  onOk?: () => void;\n  onCancel?: () => void;\n  /** Called after the opening or closing animations finish. */\n  onOpenChangeComplete?: (open: boolean) => void;\n}\n\ntype ModalStatus = 'info' | 'success' | 'error' | 'warning';\n\ninterface StaticProps extends Props {\n  status?: ModalStatus;\n  /**\n   * Interaction mode set by `Modal.confirm()` to request the two-button\n   * footer. `confirm` is a mode, not a status, so it rides its own axis rather\n   * than `status` — call `Modal.confirm()` rather than setting this directly.\n   */\n  mode?: 'confirm';\n  id?: string;\n  icon?: React.ReactNode;\n  container?: HTMLElement;\n}\n\nconst Modal = ({\n  open = false,\n  maskClosable,\n  closable = false,\n  closeIcon,\n  className,\n  classNames,\n  style,\n  title,\n  content,\n  footer,\n  container,\n  children,\n  okText,\n  cancelText,\n  onOk,\n  onCancel,\n  onOpenChangeComplete,\n  ...props\n}: Props) => {\n  const { locale, defaultProps } = useConfig();\n  const modalDefaults = defaultProps?.modal as\n    Partial<Pick<Props, 'maskClosable'>> | undefined;\n  // Explicit prop > `Config` default > built-in, matching Button/Tag.\n  const resolvedMaskClosable =\n    maskClosable ?? modalDefaults?.maskClosable ?? false;\n\n  if (typeof window === 'undefined') {\n    return null;\n  }\n\n  return (\n    <Dialog\n      open={open}\n      onOpenChangeComplete={onOpenChangeComplete}\n      onOpenChange={(open: boolean) => {\n        if (!open) {\n          onCancel?.();\n        }\n      }}\n      // antd's `maskClosable` is a root-level dismissal concern in Base UI:\n      // blocking the outside (mask) press keeps the dialog open on backdrop\n      // click while Escape still closes it, matching the previous behaviour.\n      disablePointerDismissal={!resolvedMaskClosable}\n      {...props}\n    >\n      <DialogContent\n        className={cn(\n          'rounded-lg p-4 max-sm:max-w-[80%]',\n          'border-none outline-none',\n          className,\n        )}\n        classNames={{\n          ...classNames,\n          mask: cn('bg-black/60', classNames?.mask),\n        }}\n        style={style}\n        closable={closable}\n        closeIcon={closeIcon}\n        container={container}\n      >\n        {/**\n         * @todo [Dialog & AlertDialog] fix: can't get id correctly in shadow dom\n         *\n         * Filed while `core/dialog` was still Radix-based; the linked fix is\n         * Radix's, and the repo no longer depends on it. Revalidate against\n         * Base UI's Dialog before acting on this — the bug may already be gone.\n         * @see https://github.com/radix-ui/primitives/pull/3384\n         **/}\n        <DialogHeader\n          className={cn(\n            classNames?.header,\n            !title && 'hidden',\n            //\n          )}\n        >\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription className=\"hidden\" />\n        </DialogHeader>\n        <div className={cn('break-all', classNames?.body)}>\n          {children ?? content}\n        </div>\n        {footer !== null && (\n          <DialogFooter\n            className={cn('flex-row justify-end gap-x-2', classNames?.footer)}\n          >\n            {footer || (\n              <>\n                <Button variant=\"outlined\" onClick={onCancel}>\n                  {cancelText ?? locale.cancel ?? DEFAULT_LOCALE.cancel}\n                </Button>\n                <Button type=\"primary\" onClick={onOk}>\n                  {okText ?? locale.ok ?? DEFAULT_LOCALE.ok}\n                </Button>\n              </>\n            )}\n          </DialogFooter>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n};\n\nconst STATIC_ICONS = {\n  info: <Info className=\"text-blue-400\" />,\n  success: <Check className=\"text-green-400\" />,\n  error: <OctagonX className=\"text-red-400\" />,\n  warning: <OctagonAlert className=\"text-yellow-400\" />,\n  confirm: <CircleQuestionMark />,\n};\n\nconst StaticModal = ({\n  id,\n  status,\n  mode,\n  title,\n  content,\n  okText,\n  cancelText,\n  container,\n  icon,\n  onOk,\n  onCancel,\n  onOpenChangeComplete,\n  ...props\n}: StaticProps & { id: string }): React.ReactPortal | null => {\n  const { locale } = useConfig();\n  const [open, setOpen] = useState(true);\n  const closing = useRef(false);\n  const resolvedOkText = okText ?? locale.ok ?? DEFAULT_LOCALE.ok;\n  const resolvedCancelText =\n    cancelText ?? locale.cancel ?? DEFAULT_LOCALE.cancel;\n  // `confirm` is an interaction mode (two-button footer), not a status; the\n  // semantic state comes from `status`.\n  const isConfirm = mode === 'confirm';\n\n  const closeModal = (callback?: () => void) => {\n    if (closing.current) {\n      return;\n    }\n\n    closing.current = true;\n    setOpen(false);\n    callback?.();\n  };\n\n  const footer = isConfirm ? (\n    <div className=\"grid w-full grid-cols-5 gap-x-2\">\n      <Button\n        variant=\"outlined\"\n        className=\"col-span-2\"\n        onClick={() => closeModal(onCancel)}\n      >\n        {resolvedCancelText}\n      </Button>\n      <Button\n        type=\"primary\"\n        className=\"col-span-3\"\n        onClick={() => closeModal(onOk)}\n      >\n        {resolvedOkText}\n      </Button>\n    </div>\n  ) : (\n    <Button\n      type=\"primary\"\n      className={cn(\n        'grow',\n        //\n      )}\n      onClick={() => closeModal(onOk)}\n    >\n      {resolvedOkText}\n    </Button>\n  );\n\n  if (!isBrowser) {\n    return null;\n  }\n\n  return createPortal(\n    <Modal\n      open={open}\n      footer={footer}\n      className={cn(\n        'z-10000',\n        'box-content w-100',\n        'rounded-3xl p-4',\n        'gap-y-0',\n      )}\n      classNames={{\n        mask: 'z-10000 bg-black/[.6]',\n        body: cn(\n          'text-black-70 whitespace-pre-wrap text-center',\n          content && 'mt-3',\n        ),\n        footer: 'mt-9',\n      }}\n      title={\n        <p\n          className={cn(\n            'text-center text-lg leading-normal whitespace-pre-wrap',\n            'flex items-center justify-center gap-x-2',\n            //\n          )}\n        >\n          {icon ||\n            (isConfirm ? STATIC_ICONS.confirm : status && STATIC_ICONS[status])}\n          {title}\n        </p>\n      }\n      container={container}\n      onCancel={() => closeModal(onCancel)}\n      {...props}\n      onOpenChangeComplete={open => {\n        if (!open) {\n          modalStack.destroy(id);\n        }\n\n        onOpenChangeComplete?.(open);\n      }}\n    >\n      {content}\n    </Modal>,\n    modalStack.getRootElement(container)!,\n  );\n};\n\n// No `role`/`aria-modal` here — this element is only a mount point for the\n// imperative stack, not the dialog itself. Base UI already renders its own\n// `role=\"dialog\"`/`aria-modal=\"true\"` on the actual `DialogContent` via\n// portal once a modal is open. Setting it here as well would (a) leave\n// `aria-modal=\"true\"` on the page permanently, even with zero modals open,\n// hiding the rest of the document from screen readers, and (b) duplicate\n// Base UI's own dialog role once one is open.\nconst modalStack: ImperativeStack<StaticProps> =\n  createImperativeStack<StaticProps>({\n    createRootElement: () => {\n      const el = document.createElement('div');\n      el.style.zIndex = '10000';\n      el.style.position = 'absolute';\n      return el;\n    },\n    StackItem: StaticModal,\n  });\n\n/** Immediately removes a modal without waiting for its closing animation. */\nModal.destroy = modalStack.destroy;\n\n/** Immediately removes all modals, including those currently closing. */\nModal.destroyAll = () => {\n  modalStack.destroy();\n};\n\nModal.info = (props: StaticProps) =>\n  modalStack.render({ status: 'info', ...props });\nModal.success = (props: StaticProps) =>\n  modalStack.render({ status: 'success', ...props });\nModal.error = (props: StaticProps) =>\n  modalStack.render({ status: 'error', ...props });\nModal.warning = (props: StaticProps) =>\n  modalStack.render({ status: 'warning', ...props });\n// `confirm` is a mode, not a status, so it rides its own `mode` axis rather\n// than `status`.\nModal.confirm = (props: StaticProps) =>\n  modalStack.render({ mode: 'confirm', ...props });\n\nexport default Modal;\n"],"mappings":"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"}

package/dist/{components/templates/page-header.d.mts → PageHeader.d.mts}

@@ -1,5 +1,5 @@
 //#region src/components/templates/page-header.d.ts
-interface Props extends Omit<React.ComponentProps<'div'>, 'title'> {
+export interface Props extends Omit<React.ComponentProps<'div'>, 'title'> {
   title?: React.ReactNode;
   subTitle?: React.ReactNode;
   extra?: React.ReactNode;
@@ -14,5 +14,5 @@ interface Props extends Omit<React.ComponentProps<'div'>, 'title'> {
 }
 declare const PageHeader: ({ title, subTitle, extra, backIcon, onBack, className, classNames, children, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, PageHeader as default };
-//# sourceMappingURL=page-header.d.mts.map
+export { PageHeader as default };
+//# sourceMappingURL=PageHeader.d.mts.map

package/dist/PageHeader.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.mts","names":[],"sources":["../src/components/templates/page-header.tsx"],"mappings":";iBASiB,cAAc,KAAK,MAAM;EACxC,QAAQ,MAAM;EACd,WAAW,MAAM;EACjB,QAAQ,MAAM;EACd,WAAW,MAAM;EACjB;EACA;IACE;IACA;IACA;IACA;;;cAOE,eAAc,OAAA,UAAA,OAAA,UAAA,QAAA,WAAA,YAAA,aAAA,SAUjB,0BAAK,IAAA"}

package/dist/{components/templates/page-header.mjs → PageHeader.mjs}

@@ -1,9 +1,9 @@
 "use client";
-import { cn } from "../../utils.mjs";
-import { DEFAULT_LOCALE, useConfig } from "../../providers/config/context.mjs";
-import Button from "../../Button.mjs";
-import { ArrowLeft } from "lucide-react";
+import { cn } from "./utils.mjs";
+import { DEFAULT_LOCALE, useConfig } from "./providers/config/context.mjs";
+import Button from "./Button.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowLeft } from "lucide-react";
 //#region src/components/templates/page-header.tsx
 const PageHeader = ({ title, subTitle, extra, backIcon, onBack, className, classNames, children, ...props }) => {
 	const { locale } = useConfig();
@@ -43,4 +43,4 @@ const PageHeader = ({ title, subTitle, extra, backIcon, onBack, className, class
 //#endregion
 export { PageHeader as default };
 
-//# sourceMappingURL=page-header.mjs.map
+//# sourceMappingURL=PageHeader.mjs.map

package/dist/PageHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.mjs","names":[],"sources":["../src/components/templates/page-header.tsx"],"sourcesContent":["'use client';\n\nimport { ArrowLeft } 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\nexport interface Props extends Omit<React.ComponentProps<'div'>, 'title'> {\n  title?: React.ReactNode;\n  subTitle?: React.ReactNode;\n  extra?: React.ReactNode;\n  backIcon?: React.ReactNode;\n  onBack?: () => void;\n  classNames?: {\n    back?: string;\n    title?: string;\n    subTitle?: string;\n    extra?: string;\n  };\n}\n\n// Title + back button + extra action area — same shape as Drawer's header\n// (title/extra/closable), which this borrows the layout from wholesale;\n// PageHeader just swaps Drawer's close button for a back button.\nconst PageHeader = ({\n  title,\n  subTitle,\n  extra,\n  backIcon,\n  onBack,\n  className,\n  classNames,\n  children,\n  ...props\n}: Props) => {\n  const { locale } = useConfig();\n\n  return (\n    <div\n      data-slot=\"page-header\"\n      className={cn('flex flex-col gap-2', className)}\n      {...props}\n    >\n      <div className=\"flex items-start gap-2\">\n        {onBack && (\n          <Button\n            variant=\"text\"\n            shape=\"circle\"\n            size=\"small\"\n            aria-label={locale.back ?? DEFAULT_LOCALE.back}\n            icon={backIcon || <ArrowLeft />}\n            onClick={onBack}\n            className={cn(classNames?.back)}\n          />\n        )}\n        <div className=\"flex flex-1 items-start justify-between gap-2\">\n          <div className=\"flex flex-col gap-0.5\">\n            {title && (\n              <p className={cn('text-lg font-medium', classNames?.title)}>\n                {title}\n              </p>\n            )}\n            {subTitle && (\n              <p\n                className={cn(\n                  'text-muted-foreground text-sm',\n                  classNames?.subTitle,\n                )}\n              >\n                {subTitle}\n              </p>\n            )}\n          </div>\n          {extra != null && (\n            <div className={cn('shrink-0', classNames?.extra)}>{extra}</div>\n          )}\n        </div>\n      </div>\n      {children}\n    </div>\n  );\n};\n\nexport default PageHeader;\n"],"mappings":";;;;;;;AA0BA,MAAM,cAAc,EAClB,OACA,UACA,OACA,UACA,QACA,WACA,YACA,UACA,GAAG,YACQ;CACX,MAAM,EAAE,WAAW,UAAU;CAE7B,OACE,qBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,uBAAuB,SAAS;EAC9C,GAAI;EAHN,UAAA,CAKE,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACG,UACC,oBAAC,QAAD;IACE,SAAQ;IACR,OAAM;IACN,MAAK;IACL,cAAY,OAAO,QAAQ,eAAe;IAC1C,MAAM,YAAY,oBAAC,WAAD,CAAY,CAAA;IAC9B,SAAS;IACT,WAAW,GAAG,YAAY,IAAI;GAC/B,CAAA,GAEH,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACE,qBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACG,SACC,oBAAC,KAAD;MAAG,WAAW,GAAG,uBAAuB,YAAY,KAAK;MACtD,UAAA;KACA,CAAA,GAEJ,YACC,oBAAC,KAAD;MACE,WAAW,GACT,iCACA,YAAY,QACd;MAEC,UAAA;KACA,CAAA,CAEF;IACJ,CAAA,GAAA,SAAS,QACR,oBAAC,OAAD;KAAK,WAAW,GAAG,YAAY,YAAY,KAAK;KAAI,UAAA;IAAW,CAAA,CAE9D;GACF,CAAA,CAAA;EACJ,CAAA,GAAA,QACE;;AAET"}

package/dist/Pagination.d.mts

@@ -1,5 +1,5 @@
 //#region src/components/molecules/pagination.d.ts
-interface Props extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'children' | 'onChange'> {
+export interface Props extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'children' | 'onChange'> {
   /** Total number of items, not pages. */
   total: number;
   /** Controlled number of items per page. */
@@ -49,5 +49,5 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'nav'>, 'children' |
 }
 declare const Pagination: ({ total, pageSize, defaultPageSize, onPageSizeChange, pageSizeOptions, showSizeChanger, showTotal, showQuickJumper, page, defaultPage, onChange, siblingCount, boundaryCount, showFirstLast, hideOnSinglePage, getPageHref, disabled, size, labels, className, classNames, "aria-label": ariaLabel, ...props }: Props) => import("react").JSX.Element | null;
 //#endregion
-export { Props, Pagination as default };
+export { Pagination as default };
 //# sourceMappingURL=Pagination.d.mts.map

package/dist/Pagination.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.d.mts","names":[],"sources":["../src/components/molecules/pagination.tsx"],"mappings":";UAoBiB,cAAc,KAC7B,MAAM;;EAIN;;EAEA;EACA;EACA,oBAAoB;EACpB;EACA;;EAEA,aAAa,eAAe,4BAA4B,MAAM;EAC9D;;EAEA;EACA;EACA,YAAY;EACZ;EACA;EACA;EACA;;EAEA,eAAe;EACf;EACA;EACA;IACE;IACA,QAAQ;IACR;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;cAkEE,eAAc,OAAA,UAAA,iBAAA,kBAAA,iBAAA,iBAAA,WAAA,iBAAA,MAAA,aAAA,UAAA,cAAA,eAAA,eAAA,kBAAA,aAAA,UAAA,MAAA,QAAA,WAAA,0BAAA,cAAA,SAwBjB,0BAAK,IAAA"}
+{"version":3,"file":"Pagination.d.mts","names":[],"sources":["../src/components/molecules/pagination.tsx"],"mappings":";iBAoBiB,cAAc,KAC7B,MAAM;;EAIN;;EAEA;EACA;EACA,oBAAoB;EACpB;EACA;;EAEA,aAAa,eAAe,4BAA4B,MAAM;EAC9D;;EAEA;EACA;EACA,YAAY;EACZ;EACA;EACA;EACA;;EAEA,eAAe;EACf;EACA;EACA;IACE;IACA,QAAQ;IACR;IACA;IACA;IACA;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;cAkEE,eAAc,OAAA,UAAA,iBAAA,kBAAA,iBAAA,iBAAA,WAAA,iBAAA,MAAA,aAAA,UAAA,cAAA,eAAA,eAAA,kBAAA,aAAA,UAAA,MAAA,QAAA,WAAA,0BAAA,cAAA,SAwBjB,0BAAK,IAAA"}

package/dist/Pagination.mjs

@@ -2,11 +2,11 @@
 import { cn } from "./utils.mjs";
 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 { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
+import Input from "./Input.mjs";
+import Select from "./Select.mjs";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from "lucide-react";
 //#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));
 const normalizePageSize = (value) => Number.isFinite(value) && value >= 1 ? Math.floor(value) : 10;

package/dist/Popconfirm.d.mts

@@ -0,0 +1,33 @@
+import { Props as Props$1 } from "./Button.mjs";
+import { Props as Props$2 } from "./Popover.mjs";
+import * as React$1 from "react";
+//#region src/components/molecules/popconfirm.d.ts
+type ActionProps = Omit<Props$1, 'children' | 'onClick' | 'loading' | 'disabled'>;
+export interface Props extends Omit<Props$2, 'content' | 'title' | 'children'> {
+  children: React$1.ReactElement;
+  title: React$1.ReactNode;
+  description?: React$1.ReactNode;
+  /** A fulfilled promise closes the popup; a thrown error keeps it open. */
+  onConfirm?: () => void | Promise<void>;
+  /** Only the Cancel button invokes this callback. */
+  onCancel?: () => void;
+  onConfirmError?: (error: unknown) => void;
+  errorMessage?: React$1.ReactNode;
+  confirmText?: React$1.ReactNode;
+  cancelText?: React$1.ReactNode;
+  disabled?: boolean;
+  confirmButtonProps?: ActionProps;
+  cancelButtonProps?: ActionProps;
+  classNames?: {
+    title?: string;
+    description?: string;
+    actions?: string;
+    confirm?: string;
+    cancel?: string;
+    error?: string;
+  };
+}
+declare const Popconfirm: ({ children, title, description, onConfirm, onCancel, onConfirmError, errorMessage, confirmText, cancelText, disabled, confirmButtonProps, cancelButtonProps, className, classNames, open: controlledOpen, defaultOpen, onOpenChange, ...props }: Props) => React$1.JSX.Element;
+//#endregion
+export { Popconfirm as default };
+//# sourceMappingURL=Popconfirm.d.mts.map

package/dist/Popconfirm.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popconfirm.d.mts","names":["ButtonProps","PopoverProps","React"],"sources":["../src/components/molecules/popconfirm.tsx"],"mappings":";;;;KAYK,cAAc,KACjBA;iBAIe,cAAc,KAC7BC;EAGA,UAAUC,QAAM;EAChB,OAAOA,QAAM;EACb,cAAcA,QAAM;;EAEpB,yBAAyB;;EAEzB;EACA,kBAAkB;EAClB,eAAeA,QAAM;EACrB,cAAcA,QAAM;EACpB,aAAaA,QAAM;EACnB;EACA,qBAAqB;EACrB,oBAAoB;EACpB;IACE;IACA;IACA;IACA;IACA;IACA;;;cAIE,eAAc,UAAA,OAAA,aAAA,WAAA,UAAA,gBAAA,cAAA,aAAA,YAAA,UAAA,oBAAA,mBAAA,WAAA,YAAA,MAAA,gBAAA,aAAA,iBAAA,SAmBjB,UAAKA,QAAA,IAAA"}

package/dist/Popconfirm.mjs

@@ -0,0 +1,119 @@
+"use client";
+import { cn } from "./utils.mjs";
+import Button from "./Button.mjs";
+import Typography from "./Typography.mjs";
+import Popover from "./Popover.mjs";
+import * as React$1 from "react";
+import { useControllableState } from "@jbpark/use-hooks";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/molecules/popconfirm.tsx
+const Popconfirm = ({ children, title, description, onConfirm, onCancel, onConfirmError, errorMessage = "Unable to complete the action. Please try again.", confirmText = "Confirm", cancelText = "Cancel", disabled = false, confirmButtonProps, cancelButtonProps, className, classNames, open: controlledOpen, defaultOpen, onOpenChange, ...props }) => {
+	const [open, setOpen] = useControllableState({
+		value: controlledOpen,
+		defaultValue: defaultOpen ?? false,
+		onChange: onOpenChange
+	});
+	const [pending, setPending] = React$1.useState(false);
+	const [failed, setFailed] = React$1.useState(false);
+	const busy = React$1.useRef(false);
+	const mounted = React$1.useRef(false);
+	const generation = React$1.useRef(0);
+	const descriptionId = React$1.useId();
+	const titleId = React$1.useId();
+	React$1.useEffect(() => {
+		mounted.current = true;
+		return () => {
+			mounted.current = false;
+			generation.current += 1;
+		};
+	}, []);
+	React$1.useEffect(() => {
+		if (!open || disabled) generation.current += 1;
+	}, [open, disabled]);
+	const handleOpenChange = (nextOpen) => {
+		if (busy.current || disabled && nextOpen) return;
+		setFailed(false);
+		setOpen(nextOpen);
+	};
+	const handleConfirm = async () => {
+		if (busy.current || disabled) return;
+		busy.current = true;
+		setPending(true);
+		setFailed(false);
+		const request = generation.current;
+		try {
+			await onConfirm?.();
+			if (mounted.current && request === generation.current) setOpen(false);
+		} catch (error) {
+			if (mounted.current && request === generation.current) {
+				setFailed(true);
+				onConfirmError?.(error);
+			}
+		} finally {
+			busy.current = false;
+			if (mounted.current) setPending(false);
+		}
+	};
+	return /* @__PURE__ */ jsx(Popover, {
+		...props,
+		open: open && !disabled,
+		onOpenChange: handleOpenChange,
+		className: cn("max-w-[calc(100vw-2rem)]", className),
+		"aria-labelledby": titleId,
+		"aria-describedby": description ? descriptionId : void 0,
+		content: /* @__PURE__ */ jsxs("div", {
+			"data-slot": "popconfirm",
+			"aria-busy": pending,
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ jsx(Typography.Title, {
+					level: 6,
+					id: titleId,
+					className: classNames?.title,
+					children: title
+				}),
+				description && /* @__PURE__ */ jsx("div", {
+					id: descriptionId,
+					className: cn("text-muted-foreground text-sm", classNames?.description),
+					children: description
+				}),
+				failed && /* @__PURE__ */ jsx("div", {
+					role: "alert",
+					className: cn("text-destructive text-sm", classNames?.error),
+					children: errorMessage
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: cn("flex justify-end gap-2", classNames?.actions),
+					children: [/* @__PURE__ */ jsx(Button, {
+						size: "small",
+						...cancelButtonProps,
+						htmlType: "button",
+						disabled: pending,
+						className: cn(cancelButtonProps?.className, classNames?.cancel),
+						onClick: () => {
+							if (busy.current) return;
+							setFailed(false);
+							setOpen(false);
+							onCancel?.();
+						},
+						children: cancelText
+					}), /* @__PURE__ */ jsx(Button, {
+						size: "small",
+						type: "primary",
+						...confirmButtonProps,
+						htmlType: "button",
+						loading: pending,
+						className: cn(confirmButtonProps?.className, classNames?.confirm),
+						onClick: () => void handleConfirm(),
+						children: confirmText
+					})]
+				})
+			]
+		}),
+		children
+	});
+};
+//#endregion
+export { Popconfirm as default };
+
+//# sourceMappingURL=Popconfirm.mjs.map

package/dist/Popconfirm.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popconfirm.mjs","names":["React"],"sources":["../src/components/molecules/popconfirm.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { useControllableState } from '@jbpark/use-hooks';\n\nimport { cn } from '@repo/ui/utils';\n\nimport Button, { type Props as ButtonProps } from '../atoms/button';\nimport Popover, { type Props as PopoverProps } from '../atoms/popover';\nimport Typography from '../atoms/typography';\n\ntype ActionProps = Omit<\n  ButtonProps,\n  'children' | 'onClick' | 'loading' | 'disabled'\n>;\n\nexport interface Props extends Omit<\n  PopoverProps,\n  'content' | 'title' | 'children'\n> {\n  children: React.ReactElement;\n  title: React.ReactNode;\n  description?: React.ReactNode;\n  /** A fulfilled promise closes the popup; a thrown error keeps it open. */\n  onConfirm?: () => void | Promise<void>;\n  /** Only the Cancel button invokes this callback. */\n  onCancel?: () => void;\n  onConfirmError?: (error: unknown) => void;\n  errorMessage?: React.ReactNode;\n  confirmText?: React.ReactNode;\n  cancelText?: React.ReactNode;\n  disabled?: boolean;\n  confirmButtonProps?: ActionProps;\n  cancelButtonProps?: ActionProps;\n  classNames?: {\n    title?: string;\n    description?: string;\n    actions?: string;\n    confirm?: string;\n    cancel?: string;\n    error?: string;\n  };\n}\n\nconst Popconfirm = ({\n  children,\n  title,\n  description,\n  onConfirm,\n  onCancel,\n  onConfirmError,\n  errorMessage = 'Unable to complete the action. Please try again.',\n  confirmText = 'Confirm',\n  cancelText = 'Cancel',\n  disabled = false,\n  confirmButtonProps,\n  cancelButtonProps,\n  className,\n  classNames,\n  open: controlledOpen,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: Props) => {\n  const [open, setOpen] = useControllableState<boolean>({\n    value: controlledOpen,\n    defaultValue: defaultOpen ?? false,\n    onChange: onOpenChange,\n  });\n  const [pending, setPending] = React.useState(false);\n  const [failed, setFailed] = React.useState(false);\n  const busy = React.useRef(false);\n  const mounted = React.useRef(false);\n  const generation = React.useRef(0);\n  const descriptionId = React.useId();\n  const titleId = React.useId();\n\n  React.useEffect(() => {\n    mounted.current = true;\n\n    return () => {\n      mounted.current = false;\n      generation.current += 1;\n    };\n  }, []);\n\n  React.useEffect(() => {\n    if (!open || disabled) {\n      generation.current += 1;\n    }\n  }, [open, disabled]);\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (busy.current || (disabled && nextOpen)) {\n      return;\n    }\n\n    setFailed(false);\n    setOpen(nextOpen);\n  };\n\n  const handleConfirm = async () => {\n    if (busy.current || disabled) {\n      return;\n    }\n\n    busy.current = true;\n    setPending(true);\n    setFailed(false);\n    const request = generation.current;\n\n    try {\n      await onConfirm?.();\n\n      if (mounted.current && request === generation.current) {\n        setOpen(false);\n      }\n    } catch (error) {\n      if (mounted.current && request === generation.current) {\n        setFailed(true);\n        onConfirmError?.(error);\n      }\n    } finally {\n      busy.current = false;\n\n      if (mounted.current) {\n        setPending(false);\n      }\n    }\n  };\n\n  return (\n    <Popover\n      {...props}\n      open={open && !disabled}\n      onOpenChange={handleOpenChange}\n      className={cn(\n        'max-w-[calc(100vw-2rem)]',\n        className, //\n      )}\n      aria-labelledby={titleId}\n      aria-describedby={description ? descriptionId : undefined}\n      content={\n        <div data-slot=\"popconfirm\" aria-busy={pending} className=\"space-y-3\">\n          <Typography.Title\n            level={6}\n            id={titleId}\n            className={classNames?.title}\n          >\n            {title}\n          </Typography.Title>\n          {description && (\n            <div\n              id={descriptionId}\n              className={cn(\n                'text-muted-foreground text-sm',\n                classNames?.description, //\n              )}\n            >\n              {description}\n            </div>\n          )}\n          {failed && (\n            <div\n              role=\"alert\"\n              className={cn(\n                'text-destructive text-sm',\n                classNames?.error, //\n              )}\n            >\n              {errorMessage}\n            </div>\n          )}\n          <div\n            className={cn(\n              'flex justify-end gap-2',\n              classNames?.actions, //\n            )}\n          >\n            <Button\n              size=\"small\"\n              {...cancelButtonProps}\n              htmlType=\"button\"\n              disabled={pending}\n              className={cn(\n                cancelButtonProps?.className,\n                classNames?.cancel, //\n              )}\n              onClick={() => {\n                if (busy.current) {\n                  return;\n                }\n\n                setFailed(false);\n                setOpen(false);\n                onCancel?.();\n              }}\n            >\n              {cancelText}\n            </Button>\n            <Button\n              size=\"small\"\n              type=\"primary\"\n              {...confirmButtonProps}\n              htmlType=\"button\"\n              loading={pending}\n              className={cn(\n                confirmButtonProps?.className,\n                classNames?.confirm, //\n              )}\n              onClick={() => void handleConfirm()}\n            >\n              {confirmText}\n            </Button>\n          </div>\n        </div>\n      }\n    >\n      {children}\n    </Popover>\n  );\n};\n\nexport default Popconfirm;\n"],"mappings":";;;;;;;;;AA6CA,MAAM,cAAc,EAClB,UACA,OACA,aACA,WACA,UACA,gBACA,eAAe,oDACf,cAAc,WACd,aAAa,UACb,WAAW,OACX,oBACA,mBACA,WACA,YACA,MAAM,gBACN,aACA,cACA,GAAG,YACQ;CACX,MAAM,CAAC,MAAM,WAAW,qBAA8B;EACpD,OAAO;EACP,cAAc,eAAe;EAC7B,UAAU;CACZ,CAAC;CACD,MAAM,CAAC,SAAS,cAAcA,QAAM,SAAS,KAAK;CAClD,MAAM,CAAC,QAAQ,aAAaA,QAAM,SAAS,KAAK;CAChD,MAAM,OAAOA,QAAM,OAAO,KAAK;CAC/B,MAAM,UAAUA,QAAM,OAAO,KAAK;CAClC,MAAM,aAAaA,QAAM,OAAO,CAAC;CACjC,MAAM,gBAAgBA,QAAM,MAAM;CAClC,MAAM,UAAUA,QAAM,MAAM;CAE5B,QAAM,gBAAgB;EACpB,QAAQ,UAAU;EAElB,aAAa;GACX,QAAQ,UAAU;GAClB,WAAW,WAAW;EACxB;CACF,GAAG,CAAC,CAAC;CAEL,QAAM,gBAAgB;EACpB,IAAI,CAAC,QAAQ,UACX,WAAW,WAAW;CAE1B,GAAG,CAAC,MAAM,QAAQ,CAAC;CAEnB,MAAM,oBAAoB,aAAsB;EAC9C,IAAI,KAAK,WAAY,YAAY,UAC/B;EAGF,UAAU,KAAK;EACf,QAAQ,QAAQ;CAClB;CAEA,MAAM,gBAAgB,YAAY;EAChC,IAAI,KAAK,WAAW,UAClB;EAGF,KAAK,UAAU;EACf,WAAW,IAAI;EACf,UAAU,KAAK;EACf,MAAM,UAAU,WAAW;EAE3B,IAAI;GACF,MAAM,YAAY;GAElB,IAAI,QAAQ,WAAW,YAAY,WAAW,SAC5C,QAAQ,KAAK;EAEjB,SAAS,OAAO;GACd,IAAI,QAAQ,WAAW,YAAY,WAAW,SAAS;IACrD,UAAU,IAAI;IACd,iBAAiB,KAAK;GACxB;EACF,UAAU;GACR,KAAK,UAAU;GAEf,IAAI,QAAQ,SACV,WAAW,KAAK;EAEpB;CACF;CAEA,OACE,oBAAC,SAAD;EACE,GAAI;EACJ,MAAM,QAAQ,CAAC;EACf,cAAc;EACd,WAAW,GACT,4BACA,SACF;EACA,mBAAiB;EACjB,oBAAkB,cAAc,gBAAgB,KAAA;EAChD,SACE,qBAAC,OAAD;GAAK,aAAU;GAAa,aAAW;GAAS,WAAU;GAA1D,UAAA;IACE,oBAAC,WAAW,OAAZ;KACE,OAAO;KACP,IAAI;KACJ,WAAW,YAAY;KAEtB,UAAA;IACe,CAAA;IACjB,eACC,oBAAC,OAAD;KACE,IAAI;KACJ,WAAW,GACT,iCACA,YAAY,WACd;KAEC,UAAA;IACE,CAAA;IAEN,UACC,oBAAC,OAAD;KACE,MAAK;KACL,WAAW,GACT,4BACA,YAAY,KACd;KAEC,UAAA;IACE,CAAA;IAEP,qBAAC,OAAD;KACE,WAAW,GACT,0BACA,YAAY,OACd;KAJF,UAAA,CAME,oBAAC,QAAD;MACE,MAAK;MACL,GAAI;MACJ,UAAS;MACT,UAAU;MACV,WAAW,GACT,mBAAmB,WACnB,YAAY,MACd;MACA,eAAe;OACb,IAAI,KAAK,SACP;OAGF,UAAU,KAAK;OACf,QAAQ,KAAK;OACb,WAAW;MACb;MAEC,UAAA;KACK,CAAA,GACR,oBAAC,QAAD;MACE,MAAK;MACL,MAAK;MACL,GAAI;MACJ,UAAS;MACT,SAAS;MACT,WAAW,GACT,oBAAoB,WACpB,YAAY,OACd;MACA,eAAe,KAAK,cAAc;MAEjC,UAAA;KACK,CAAA,CACL;;GACF;;EAGN;CACM,CAAA;AAEb"}

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

@@ -1,6 +1,6 @@
 //#region src/components/atoms/popover.d.ts
 type Placement = 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
-interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title' | 'content'> {
+export interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title' | 'content'> {
   title?: React.ReactNode;
   /** Set to false when a custom trigger component renders a non-button element. */
   nativeButton?: boolean;
@@ -12,5 +12,5 @@ interface Props extends Omit<React.ComponentPropsWithoutRef<'div'>, 'title' | 'c
 }
 declare const Popover: ({ title, nativeButton, placement, className, content, children, open: _open, defaultOpen, onOpenChange, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Popover as default };
-//# sourceMappingURL=popover.d.mts.map
+export { Popover as default };
+//# sourceMappingURL=Popover.d.mts.map

package/dist/Popover.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.mts","names":[],"sources":["../src/components/atoms/popover.tsx"],"mappings":";KAmBK;iBAcY,cAAc,KAC7B,MAAM;EAGN,QAAQ,MAAM;;EAEd;EACA,YAAY;EACZ,SAAS,MAAM;EACf;EACA;EACA,gBAAgB;;cAqBZ,YAAW,OAAA,cAAA,WAAA,WAAA,SAAA,UAAA,MAAA,OAAA,aAAA,iBAAA,SAWd,0BAAK,IAAA"}

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

@@ -1,7 +1,7 @@
 "use client";
-import { cn, renderConditional } from "../../utils.mjs";
-import { popover_exports } from "../../core/popover.mjs";
-import Typography from "../../Typography.mjs";
+import { cn, renderConditional } from "./utils.mjs";
+import { popover_exports } from "./core/popover.mjs";
+import Typography from "./Typography.mjs";
 import { Children } from "react";
 import { useControllableState } from "@jbpark/use-hooks";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -91,4 +91,4 @@ const Popover = ({ title, nativeButton, placement = "top", className, content, c
 //#endregion
 export { Popover as default };
 
-//# sourceMappingURL=popover.mjs.map
+//# sourceMappingURL=Popover.mjs.map

package/dist/Popover.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.mjs","names":["popover"],"sources":["../src/components/atoms/popover.tsx"],"sourcesContent":["'use client';\n\nimport { Children, type ReactElement } from 'react';\n\nimport { useControllableState } from '@jbpark/use-hooks';\n\nimport { cn, renderConditional } from '@repo/ui/utils';\n\nimport { popover } from '../../core';\nimport Typography from './typography';\n\nconst {\n  Popover: CorePopover,\n  PopoverContent,\n  PopoverTrigger,\n  PopoverArrow,\n  PopoverTitle,\n} = popover;\n\ntype Placement =\n  | 'top'\n  | 'left'\n  | 'right'\n  | 'bottom'\n  | 'topLeft'\n  | 'topRight'\n  | 'bottomLeft'\n  | 'bottomRight'\n  | 'leftTop'\n  | 'leftBottom'\n  | 'rightTop'\n  | 'rightBottom';\n\nexport interface Props extends Omit<\n  React.ComponentPropsWithoutRef<'div'>,\n  'title' | 'content'\n> {\n  title?: React.ReactNode;\n  /** Set to false when a custom trigger component renders a non-button element. */\n  nativeButton?: boolean;\n  placement?: Placement;\n  content: React.ReactNode;\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\ntype Side = 'top' | 'bottom' | 'left' | 'right';\ntype Align = 'start' | 'center' | 'end';\n\nconst placementMap: Record<Placement, { side: Side; align: Align }> = {\n  top: { side: 'top', align: 'center' },\n  left: { side: 'left', align: 'center' },\n  right: { side: 'right', align: 'center' },\n  bottom: { side: 'bottom', align: 'center' },\n  topLeft: { side: 'top', align: 'start' },\n  topRight: { side: 'top', align: 'end' },\n  bottomLeft: { side: 'bottom', align: 'start' },\n  bottomRight: { side: 'bottom', align: 'end' },\n  leftTop: { side: 'left', align: 'start' },\n  leftBottom: { side: 'left', align: 'end' },\n  rightTop: { side: 'right', align: 'start' },\n  rightBottom: { side: 'right', align: 'end' },\n};\n\nconst Popover = ({\n  title,\n  nativeButton,\n  placement = 'top',\n  className,\n  content,\n  children,\n  open: _open,\n  defaultOpen,\n  onOpenChange,\n  ...props\n}: Props) => {\n  const [open, setOpen] = useControllableState<boolean>({\n    value: _open,\n    defaultValue: defaultOpen ?? false,\n    onChange: onOpenChange,\n  });\n\n  const { side, align } = placementMap[placement];\n\n  const trigger = Children.only(children) as ReactElement;\n\n  return (\n    <CorePopover open={open} onOpenChange={setOpen}>\n      {/* Deliberately no `data-slot` here: Base UI merges the trigger's own\n          props over the rendered element's, so a `data-slot` set here replaces\n          the child's. A `Button` trigger would lose `data-slot=\"button\"` and\n          with it every `--btn-*` token rule in globals.css. */}\n      <PopoverTrigger\n        render={trigger}\n        nativeButton={\n          nativeButton ??\n          (typeof trigger.type !== 'string' || trigger.type === 'button')\n        }\n      />\n      <PopoverContent\n        {...props}\n        align={align}\n        side={side}\n        sideOffset={16}\n        className={cn('relative w-auto', className)}\n      >\n        {renderConditional(title, v => (\n          <PopoverTitle render={<Typography.Title level={6} />}>\n            {v}\n          </PopoverTitle>\n        ))}\n        {content}\n        <PopoverArrow />\n      </PopoverContent>\n    </CorePopover>\n  );\n};\n\nexport default Popover;\n"],"mappings":";;;;;;;;AAWA,MAAM,EACJ,SAAS,aACT,gBACA,gBACA,cACA,iBACEA;AAiCJ,MAAM,eAAgE;CACpE,KAAK;EAAE,MAAM;EAAO,OAAO;CAAS;CACpC,MAAM;EAAE,MAAM;EAAQ,OAAO;CAAS;CACtC,OAAO;EAAE,MAAM;EAAS,OAAO;CAAS;CACxC,QAAQ;EAAE,MAAM;EAAU,OAAO;CAAS;CAC1C,SAAS;EAAE,MAAM;EAAO,OAAO;CAAQ;CACvC,UAAU;EAAE,MAAM;EAAO,OAAO;CAAM;CACtC,YAAY;EAAE,MAAM;EAAU,OAAO;CAAQ;CAC7C,aAAa;EAAE,MAAM;EAAU,OAAO;CAAM;CAC5C,SAAS;EAAE,MAAM;EAAQ,OAAO;CAAQ;CACxC,YAAY;EAAE,MAAM;EAAQ,OAAO;CAAM;CACzC,UAAU;EAAE,MAAM;EAAS,OAAO;CAAQ;CAC1C,aAAa;EAAE,MAAM;EAAS,OAAO;CAAM;AAC7C;AAEA,MAAM,WAAW,EACf,OACA,cACA,YAAY,OACZ,WACA,SACA,UACA,MAAM,OACN,aACA,cACA,GAAG,YACQ;CACX,MAAM,CAAC,MAAM,WAAW,qBAA8B;EACpD,OAAO;EACP,cAAc,eAAe;EAC7B,UAAU;CACZ,CAAC;CAED,MAAM,EAAE,MAAM,UAAU,aAAa;CAErC,MAAM,UAAU,SAAS,KAAK,QAAQ;CAEtC,OACE,qBAAC,aAAD;EAAmB;EAAM,cAAc;EAAvC,UAAA,CAKE,oBAAC,gBAAD;GACE,QAAQ;GACR,cACE,iBACC,OAAO,QAAQ,SAAS,YAAY,QAAQ,SAAS;EAEzD,CAAA,GACD,qBAAC,gBAAD;GACE,GAAI;GACG;GACD;GACN,YAAY;GACZ,WAAW,GAAG,mBAAmB,SAAS;GAL5C,UAAA;IAOG,kBAAkB,QAAO,MACxB,oBAAC,cAAD;KAAc,QAAQ,oBAAC,WAAW,OAAZ,EAAkB,OAAO,EAAI,CAAA;KAChD,UAAA;IACW,CAAA,CACf;IACA;IACD,oBAAC,cAAD,CAAe,CAAA;GACD;EACL,CAAA,CAAA;;AAEjB"}

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

@@ -1,5 +1,5 @@
 //#region src/components/atoms/progress.d.ts
-interface Props extends React.ComponentPropsWithoutRef<'div'> {
+export interface Props extends React.ComponentPropsWithoutRef<'div'> {
   value: number;
   orientation?: 'horizontal' | 'vertical';
   /** @deprecated Use `orientation`. */
@@ -11,5 +11,5 @@ interface Props extends React.ComponentPropsWithoutRef<'div'> {
 }
 declare const Progress: ({ value, className, orientation, direction, classNames, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Progress as default };
-//# sourceMappingURL=progress.d.mts.map
+export { Progress as default };
+//# sourceMappingURL=Progress.d.mts.map

package/dist/Progress.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.mts","names":[],"sources":["../src/components/atoms/progress.tsx"],"mappings":";iBAMiB,cAAc,MAAM;EACnC;EACA;;EAEA;EACA;IACE;IACA;;;cAIE,aAAY,OAAA,WAAA,aAAA,WAAA,eAAA,SAOf,0BAAK,IAAA"}

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

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

package/dist/Progress.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.mjs","names":["progress"],"sources":["../src/components/atoms/progress.tsx"],"sourcesContent":["import { cn } from '@repo/ui/utils';\n\nimport { progress } from '../../core';\n\nconst { Progress: Core } = progress;\n\nexport interface Props extends React.ComponentPropsWithoutRef<'div'> {\n  value: number;\n  orientation?: 'horizontal' | 'vertical';\n  /** @deprecated Use `orientation`. */\n  direction?: 'horizontal' | 'vertical';\n  classNames?: {\n    background?: string;\n    bar?: string;\n  };\n}\n\nconst Progress = ({\n  value,\n  className,\n  orientation,\n  direction = 'horizontal',\n  classNames,\n  ...props\n}: Props) => {\n  const isHorizontal = (orientation ?? direction) === 'horizontal';\n  const normalizedValue = Number.isFinite(value)\n    ? Math.min(100, Math.max(0, value))\n    : 0;\n\n  return (\n    <Core\n      {...props}\n      value={normalizedValue}\n      className={cn(\n        isHorizontal ? 'h-4 w-full' : 'flex h-full w-4 flex-col justify-end',\n        className,\n        classNames?.background,\n        //\n      )}\n      barClassName={cn('flex-none', classNames?.bar)}\n      barStyle={\n        isHorizontal\n          ? { width: `${normalizedValue}%` }\n          : { width: '100%', height: `${normalizedValue}%` }\n      }\n    />\n  );\n};\n\nexport default Progress;\n"],"mappings":";;;;AAIA,MAAM,EAAE,UAAU,SAASA;AAa3B,MAAM,YAAY,EAChB,OACA,WACA,aACA,YAAY,cACZ,YACA,GAAG,YACQ;CACX,MAAM,gBAAgB,eAAe,eAAe;CACpD,MAAM,kBAAkB,OAAO,SAAS,KAAK,IACzC,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,KAAK,CAAC,IAChC;CAEJ,OACE,oBAAC,MAAD;EACE,GAAI;EACJ,OAAO;EACP,WAAW,GACT,eAAe,eAAe,wCAC9B,WACA,YAAY,UAEd;EACA,cAAc,GAAG,aAAa,YAAY,GAAG;EAC7C,UACE,eACI,EAAE,OAAO,GAAG,gBAAgB,GAAG,IAC/B;GAAE,OAAO;GAAQ,QAAQ,GAAG,gBAAgB;EAAG;CAEtD,CAAA;AAEL"}

package/dist/Radio.d.mts

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

package/dist/Radio.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.mts","names":["RadioImpl","Group"],"sources":["../src/components/atoms/radio/index.ts"],"mappings":";;;KAGK,wBAAwBA;EAAc,cAAcC;;cAEnD,OAAqB"}

package/dist/Radio.mjs

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

package/dist/Radio.mjs.map

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

package/dist/Rate.d.mts

@@ -0,0 +1,27 @@
+import { ComponentPropsWithRef, ReactNode } from "react";
+//#region src/components/atoms/rate.d.ts
+export interface Props extends Omit<ComponentPropsWithRef<'div'>, 'children' | 'value' | 'defaultValue' | 'onChange'> {
+  /** Positive whole-step count. Defaults to five. */
+  count?: number;
+  /** Zero means no rating. Values are rounded down and clamped to 0–count. */
+  value?: number;
+  defaultValue?: number;
+  onChange?: (value: number) => void;
+  /** Activating the selected score clears it to zero. Defaults to true. */
+  allowClear?: boolean;
+  disabled?: boolean;
+  readOnly?: boolean;
+  name?: string;
+  icon?: ReactNode;
+  getItemLabel?: (score: number, count: number) => string;
+  getValueText?: (value: number, count: number) => string;
+  classNames?: {
+    item?: string;
+    filledItem?: string;
+    icon?: string;
+  };
+}
+declare const Rate: ({ count, value, defaultValue, onChange, allowClear, disabled, readOnly, name, icon, getItemLabel, getValueText, className, classNames, dir, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }: Props) => import("react").JSX.Element;
+//#endregion
+export { Rate as default };
+//# sourceMappingURL=Rate.d.mts.map

package/dist/Rate.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rate.d.mts","names":[],"sources":["../src/components/atoms/rate.tsx"],"mappings":";;iBAmBiB,cAAc,KAC7B;;EAIA;;EAEA;EACA;EACA,YAAY;;EAEZ;EACA;EACA;EACA;EACA,OAAO;EACP,gBAAgB,eAAe;EAC/B,gBAAgB,eAAe;EAC/B;IAAe;IAAe;IAAqB;;;cAG/C,SAAQ,OAAA,OAAA,cAAA,UAAA,YAAA,UAAA,UAAA,MAAA,MAAA,cAAA,cAAA,WAAA,YAAA,mBAAA,8BAAA,oCAAA,oBAAA,SAoBX,0BAAK,IAAA"}

package/dist/Rate.mjs

@@ -0,0 +1,81 @@
+"use client";
+import { cn } from "./utils.mjs";
+import { useConfig } from "./providers/config/context.mjs";
+import Button from "./Button.mjs";
+import { useId, useState } from "react";
+import { DirectionProvider } from "@base-ui/react/direction-provider";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Star } from "lucide-react";
+import { Radio } from "@base-ui/react/radio";
+import { RadioGroup } from "@base-ui/react/radio-group";
+//#region src/components/atoms/rate.tsx
+const Rate = ({ count = 5, value, defaultValue = 0, onChange, allowClear = true, disabled = false, readOnly = false, name, icon, getItemLabel = (score, total) => `${score} of ${total} stars`, getValueText = (score, total) => score === 0 ? "No rating" : `${score} of ${total} stars`, className, classNames, dir, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, ...props }) => {
+	const total = Number.isFinite(count) ? Math.max(1, Math.floor(count)) : 5;
+	const [internalValue, setInternalValue] = useState(defaultValue);
+	const rawValue = value ?? internalValue;
+	const score = Number.isFinite(rawValue) ? Math.min(total, Math.max(0, Math.floor(rawValue))) : 0;
+	const { direction } = useConfig();
+	const resolvedDirection = dir === "ltr" || dir === "rtl" ? dir : direction;
+	const statusId = useId();
+	const changeValue = (next) => {
+		if (disabled || readOnly || next === score) return;
+		if (value === void 0) setInternalValue(next);
+		onChange?.(next);
+	};
+	return /* @__PURE__ */ jsx(DirectionProvider, {
+		direction: resolvedDirection,
+		children: /* @__PURE__ */ jsxs(RadioGroup, {
+			...props,
+			"data-slot": "rate",
+			dir: dir ?? resolvedDirection,
+			"aria-label": ariaLabel ?? (ariaLabelledBy ? void 0 : "Rating"),
+			"aria-labelledby": ariaLabelledBy,
+			"aria-describedby": [ariaDescribedBy, statusId].filter(Boolean).join(" "),
+			disabled,
+			readOnly,
+			name,
+			value: score === 0 ? "" : String(score),
+			onValueChange: (next) => changeValue(Number(next)),
+			className: cn("inline-flex w-fit max-w-full flex-wrap items-center gap-1", className),
+			children: [Array.from({ length: total }, (_, index) => {
+				const itemScore = index + 1;
+				const isFilled = itemScore <= score;
+				return /* @__PURE__ */ jsx(Radio.Root, {
+					value: String(itemScore),
+					nativeButton: true,
+					"data-slot": "rate-item",
+					"data-filled": isFilled ? "" : void 0,
+					"aria-label": getItemLabel(itemScore, total),
+					onClick: (event) => {
+						if (allowClear && itemScore === score && !disabled && !readOnly) {
+							event.preventDefault();
+							changeValue(0);
+						}
+					},
+					render: /* @__PURE__ */ jsx(Button, {
+						variant: "text",
+						size: "small",
+						disabled,
+						className: cn("text-muted-foreground size-8 shrink-0 p-1", readOnly && "cursor-default", isFilled && "text-primary", classNames?.item, isFilled && classNames?.filledItem)
+					}),
+					children: /* @__PURE__ */ jsx("span", {
+						"data-slot": "rate-icon",
+						"aria-hidden": "true",
+						className: cn("flex size-5 items-center justify-center [&>svg]:size-full", isFilled && "[&>svg]:fill-current", classNames?.icon),
+						children: icon ?? /* @__PURE__ */ jsx(Star, {})
+					})
+				}, itemScore);
+			}), /* @__PURE__ */ jsx("span", {
+				id: statusId,
+				"data-slot": "rate-status",
+				className: "sr-only",
+				"aria-live": "polite",
+				children: getValueText(score, total)
+			})]
+		})
+	});
+};
+//#endregion
+export { Rate as default };
+
+//# sourceMappingURL=Rate.mjs.map

package/dist/Rate.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Rate.mjs","names":[],"sources":["../src/components/atoms/rate.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type ComponentPropsWithRef,\n  type ReactNode,\n  useId,\n  useState,\n} from 'react';\n\nimport { DirectionProvider } from '@base-ui/react/direction-provider';\nimport { Radio } from '@base-ui/react/radio';\nimport { RadioGroup } from '@base-ui/react/radio-group';\nimport { Star } from 'lucide-react';\n\nimport { useConfig } from '@repo/ui/providers';\nimport { cn } from '@repo/ui/utils';\n\nimport Button from './button';\n\nexport interface Props extends Omit<\n  ComponentPropsWithRef<'div'>,\n  'children' | 'value' | 'defaultValue' | 'onChange'\n> {\n  /** Positive whole-step count. Defaults to five. */\n  count?: number;\n  /** Zero means no rating. Values are rounded down and clamped to 0–count. */\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n  /** Activating the selected score clears it to zero. Defaults to true. */\n  allowClear?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  name?: string;\n  icon?: ReactNode;\n  getItemLabel?: (score: number, count: number) => string;\n  getValueText?: (value: number, count: number) => string;\n  classNames?: { item?: string; filledItem?: string; icon?: string };\n}\n\nconst Rate = ({\n  count = 5,\n  value,\n  defaultValue = 0,\n  onChange,\n  allowClear = true,\n  disabled = false,\n  readOnly = false,\n  name,\n  icon,\n  getItemLabel = (score, total) => `${score} of ${total} stars`,\n  getValueText = (score, total) =>\n    score === 0 ? 'No rating' : `${score} of ${total} stars`,\n  className,\n  classNames,\n  dir,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}: Props) => {\n  const total = Number.isFinite(count) ? Math.max(1, Math.floor(count)) : 5;\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const rawValue = value ?? internalValue;\n  const score = Number.isFinite(rawValue)\n    ? Math.min(total, Math.max(0, Math.floor(rawValue)))\n    : 0;\n  const { direction } = useConfig();\n  const resolvedDirection = dir === 'ltr' || dir === 'rtl' ? dir : direction;\n  const statusId = useId();\n\n  const changeValue = (next: number) => {\n    if (disabled || readOnly || next === score) {\n      return;\n    }\n\n    if (value === undefined) {\n      setInternalValue(next);\n    }\n\n    onChange?.(next);\n  };\n\n  return (\n    <DirectionProvider direction={resolvedDirection}>\n      <RadioGroup\n        {...props}\n        data-slot=\"rate\"\n        dir={dir ?? resolvedDirection}\n        aria-label={ariaLabel ?? (ariaLabelledBy ? undefined : 'Rating')}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={[ariaDescribedBy, statusId].filter(Boolean).join(' ')}\n        disabled={disabled}\n        readOnly={readOnly}\n        name={name}\n        value={score === 0 ? '' : String(score)}\n        onValueChange={next => changeValue(Number(next))}\n        className={cn(\n          'inline-flex w-fit max-w-full flex-wrap items-center gap-1',\n          className, //\n        )}\n      >\n        {Array.from({ length: total }, (_, index) => {\n          const itemScore = index + 1;\n          const isFilled = itemScore <= score;\n\n          return (\n            <Radio.Root\n              key={itemScore}\n              value={String(itemScore)}\n              nativeButton\n              data-slot=\"rate-item\"\n              data-filled={isFilled ? '' : undefined}\n              aria-label={getItemLabel(itemScore, total)}\n              onClick={event => {\n                if (\n                  allowClear &&\n                  itemScore === score &&\n                  !disabled &&\n                  !readOnly\n                ) {\n                  event.preventDefault();\n                  changeValue(0);\n                }\n              }}\n              render={\n                <Button\n                  variant=\"text\"\n                  size=\"small\"\n                  disabled={disabled}\n                  className={cn(\n                    'text-muted-foreground size-8 shrink-0 p-1',\n                    readOnly && 'cursor-default',\n                    isFilled && 'text-primary',\n                    classNames?.item,\n                    isFilled && classNames?.filledItem, //\n                  )}\n                />\n              }\n            >\n              <span\n                data-slot=\"rate-icon\"\n                aria-hidden=\"true\"\n                className={cn(\n                  'flex size-5 items-center justify-center [&>svg]:size-full',\n                  isFilled && '[&>svg]:fill-current',\n                  classNames?.icon, //\n                )}\n              >\n                {icon ?? <Star />}\n              </span>\n            </Radio.Root>\n          );\n        })}\n        <span\n          id={statusId}\n          data-slot=\"rate-status\"\n          className=\"sr-only\"\n          aria-live=\"polite\"\n        >\n          {getValueText(score, total)}\n        </span>\n      </RadioGroup>\n    </DirectionProvider>\n  );\n};\n\nexport default Rate;\n"],"mappings":";;;;;;;;;;;AAwCA,MAAM,QAAQ,EACZ,QAAQ,GACR,OACA,eAAe,GACf,UACA,aAAa,MACb,WAAW,OACX,WAAW,OACX,MACA,MACA,gBAAgB,OAAO,UAAU,GAAG,MAAM,MAAM,MAAM,SACtD,gBAAgB,OAAO,UACrB,UAAU,IAAI,cAAc,GAAG,MAAM,MAAM,MAAM,SACnD,WACA,YACA,KACA,cAAc,WACd,mBAAmB,gBACnB,oBAAoB,iBACpB,GAAG,YACQ;CACX,MAAM,QAAQ,OAAO,SAAS,KAAK,IAAI,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,CAAC,IAAI;CACxE,MAAM,CAAC,eAAe,oBAAoB,SAAS,YAAY;CAC/D,MAAM,WAAW,SAAS;CAC1B,MAAM,QAAQ,OAAO,SAAS,QAAQ,IAClC,KAAK,IAAI,OAAO,KAAK,IAAI,GAAG,KAAK,MAAM,QAAQ,CAAC,CAAC,IACjD;CACJ,MAAM,EAAE,cAAc,UAAU;CAChC,MAAM,oBAAoB,QAAQ,SAAS,QAAQ,QAAQ,MAAM;CACjE,MAAM,WAAW,MAAM;CAEvB,MAAM,eAAe,SAAiB;EACpC,IAAI,YAAY,YAAY,SAAS,OACnC;EAGF,IAAI,UAAU,KAAA,GACZ,iBAAiB,IAAI;EAGvB,WAAW,IAAI;CACjB;CAEA,OACE,oBAAC,mBAAD;EAAmB,WAAW;EAC5B,UAAA,qBAAC,YAAD;GACE,GAAI;GACJ,aAAU;GACV,KAAK,OAAO;GACZ,cAAY,cAAc,iBAAiB,KAAA,IAAY;GACvD,mBAAiB;GACjB,oBAAkB,CAAC,iBAAiB,QAAQ,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;GAC5D;GACA;GACJ;GACN,OAAO,UAAU,IAAI,KAAK,OAAO,KAAK;GACtC,gBAAe,SAAQ,YAAY,OAAO,IAAI,CAAC;GAC/C,WAAW,GACT,6DACA,SACF;GAfF,UAAA,CAiBG,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,UAAU;IAC3C,MAAM,YAAY,QAAQ;IAC1B,MAAM,WAAW,aAAa;IAE9B,OACE,oBAAC,MAAM,MAAP;KAEE,OAAO,OAAO,SAAS;KACvB,cAAA;KACA,aAAU;KACV,eAAa,WAAW,KAAK,KAAA;KAC7B,cAAY,aAAa,WAAW,KAAK;KACzC,UAAS,UAAS;MAChB,IACE,cACA,cAAc,SACd,CAAC,YACD,CAAC,UACD;OACA,MAAM,eAAe;OACrB,YAAY,CAAC;MACf;KACF;KACA,QACE,oBAAC,QAAD;MACE,SAAQ;MACR,MAAK;MACK;MACV,WAAW,GACT,6CACA,YAAY,kBACZ,YAAY,gBACZ,YAAY,MACZ,YAAY,YAAY,UAC1B;KACD,CAAA;KAGH,UAAA,oBAAC,QAAD;MACE,aAAU;MACV,eAAY;MACZ,WAAW,GACT,6DACA,YAAY,wBACZ,YAAY,IACd;MAEC,UAAA,QAAQ,oBAAC,MAAD,CAAO,CAAA;KACZ,CAAA;IACI,GA3CL,SA2CK;GAEhB,CAAC,GACD,oBAAC,QAAD;IACE,IAAI;IACJ,aAAU;IACV,WAAU;IACV,aAAU;IAET,UAAA,aAAa,OAAO,KAAK;GACtB,CAAA,CACI;;CACK,CAAA;AAEvB"}

package/dist/{components/templates/result.d.mts → Result.d.mts}

@@ -1,6 +1,6 @@
 //#region src/components/templates/result.d.ts
 type Status = 'success' | 'error' | 'info' | 'warning' | '404' | '403' | '500';
-interface Props extends Omit<React.ComponentProps<'div'>, 'title'> {
+export interface Props extends Omit<React.ComponentProps<'div'>, 'title'> {
   status?: Status;
   icon?: React.ReactNode;
   title?: React.ReactNode;
@@ -9,5 +9,5 @@ interface Props extends Omit<React.ComponentProps<'div'>, 'title'> {
 }
 declare const Result: ({ status, icon, title, subTitle, extra, className, children, ...props }: Props) => import("react").JSX.Element;
 //#endregion
-export { Props, Result as default };
-//# sourceMappingURL=result.d.mts.map
+export { Result as default };
+//# sourceMappingURL=Result.d.mts.map

package/dist/Result.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Result.d.mts","names":[],"sources":["../src/components/templates/result.tsx"],"mappings":";KAYK;iBAeY,cAAc,KAAK,MAAM;EACxC,SAAS;EACT,OAAO,MAAM;EACb,QAAQ,MAAM;EACd,WAAW,MAAM;EACjB,QAAQ,MAAM;;cAMV,WAAU,QAAA,MAAA,OAAA,UAAA,OAAA,WAAA,aAAA,SASb,0BAAK,IAAA"}

package/dist/{components/templates/result.mjs → Result.mjs}

@@ -1,6 +1,6 @@
-import { cn } from "../../utils.mjs";
-import { Check, FileQuestion, Info, OctagonAlert, OctagonX, ServerCrash, ShieldAlert } from "lucide-react";
+import { cn } from "./utils.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
+import { Check, FileQuestion, Info, OctagonAlert, OctagonX, ServerCrash, ShieldAlert } from "lucide-react";
 //#region src/components/templates/result.tsx
 const STATUS_ICONS = {
 	success: /* @__PURE__ */ jsx(Check, { className: "text-green-400" }),
@@ -43,4 +43,4 @@ const Result = ({ status = "info", icon, title, subTitle, extra, className, chil
 //#endregion
 export { Result as default };
 
-//# sourceMappingURL=result.mjs.map
+//# sourceMappingURL=Result.mjs.map

package/dist/Result.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Result.mjs","names":[],"sources":["../src/components/templates/result.tsx"],"sourcesContent":["import {\n  Check,\n  FileQuestion,\n  Info,\n  OctagonAlert,\n  OctagonX,\n  ServerCrash,\n  ShieldAlert,\n} from 'lucide-react';\n\nimport { cn } from '@repo/ui/utils';\n\ntype Status = 'success' | 'error' | 'info' | 'warning' | '404' | '403' | '500';\n\n// Reuses Modal's exact STATIC_ICONS set (Check/OctagonX/Info/OctagonAlert,\n// same colors) for the 4 statuses they share, so a Result page matches the\n// tone of a Modal.success()/error()/etc a user may have just seen.\nconst STATUS_ICONS: Record<Status, React.ReactNode> = {\n  success: <Check className=\"text-green-400\" />,\n  error: <OctagonX className=\"text-red-400\" />,\n  info: <Info className=\"text-blue-400\" />,\n  warning: <OctagonAlert className=\"text-yellow-400\" />,\n  '404': <FileQuestion className=\"text-muted-foreground\" />,\n  '403': <ShieldAlert className=\"text-muted-foreground\" />,\n  '500': <ServerCrash className=\"text-muted-foreground\" />,\n};\n\nexport interface Props extends Omit<React.ComponentProps<'div'>, 'title'> {\n  status?: Status;\n  icon?: React.ReactNode;\n  title?: React.ReactNode;\n  subTitle?: React.ReactNode;\n  extra?: React.ReactNode;\n}\n\n// Full-page success/failure/404/403 state screen — Empty's larger,\n// more prominent sibling (Empty says \"nothing here yet\" inline within a\n// list/table; Result says \"here's what happened\" for an entire page/view).\nconst Result = ({\n  status = 'info',\n  icon,\n  title,\n  subTitle,\n  extra,\n  className,\n  children,\n  ...props\n}: Props) => {\n  return (\n    <div\n      data-slot=\"result\"\n      className={cn(\n        'flex flex-col items-center justify-center gap-2 py-16 text-center',\n        className,\n        //\n      )}\n      {...props}\n    >\n      <div className=\"mb-2 [&_svg]:size-16\">{icon ?? STATUS_ICONS[status]}</div>\n      {title && <p className=\"text-xl font-medium\">{title}</p>}\n      {subTitle && <p className=\"text-muted-foreground text-sm\">{subTitle}</p>}\n      {extra && (\n        <div className=\"mt-4 flex items-center justify-center gap-2\">\n          {extra}\n        </div>\n      )}\n      {children && <div className=\"mt-4 w-full\">{children}</div>}\n    </div>\n  );\n};\n\nexport default Result;\n"],"mappings":";;;;AAiBA,MAAM,eAAgD;CACpD,SAAS,oBAAC,OAAD,EAAO,WAAU,iBAAkB,CAAA;CAC5C,OAAO,oBAAC,UAAD,EAAU,WAAU,eAAgB,CAAA;CAC3C,MAAM,oBAAC,MAAD,EAAM,WAAU,gBAAiB,CAAA;CACvC,SAAS,oBAAC,cAAD,EAAc,WAAU,kBAAmB,CAAA;CACpD,OAAO,oBAAC,cAAD,EAAc,WAAU,wBAAyB,CAAA;CACxD,OAAO,oBAAC,aAAD,EAAa,WAAU,wBAAyB,CAAA;CACvD,OAAO,oBAAC,aAAD,EAAa,WAAU,wBAAyB,CAAA;AACzD;AAaA,MAAM,UAAU,EACd,SAAS,QACT,MACA,OACA,UACA,OACA,WACA,UACA,GAAG,YACQ;CACX,OACE,qBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,qEACA,SAEF;EACA,GAAI;EAPN,UAAA;GASE,oBAAC,OAAD;IAAK,WAAU;IAAwB,UAAA,QAAQ,aAAa;GAAa,CAAA;GACxE,SAAS,oBAAC,KAAD;IAAG,WAAU;IAAuB,UAAA;GAAS,CAAA;GACtD,YAAY,oBAAC,KAAD;IAAG,WAAU;IAAiC,UAAA;GAAY,CAAA;GACtE,SACC,oBAAC,OAAD;IAAK,WAAU;IACZ,UAAA;GACE,CAAA;GAEN,YAAY,oBAAC,OAAD;IAAK,WAAU;IAAe;GAAc,CAAA;EACtD;;AAET"}

package/dist/Reveals.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Reveals.d.mts","names":[],"sources":["../src/components/molecules/reveals/index.ts"],"mappings":";;;KAGK,0BAA0B;EAAgB,aAAa;;cAEtD,SAAyB"}
+{"version":3,"file":"Reveals.d.mts","names":["RevealsImpl"],"sources":["../src/components/molecules/reveals/index.ts"],"mappings":";;;KAGK,0BAA0BA;EAAgB,aAAa;;cAEtD,SAAyB"}

package/dist/RichTextEditor.d.mts

@@ -0,0 +1,3 @@
+import { ToolbarItem, ToolbarPreset } from "./components/atoms/rich-text-editor/types.mjs";
+import RichTextEditor, { Props } from "./components/atoms/rich-text-editor/rich-text-editor.mjs";
+export { type Props, type ToolbarItem, type ToolbarPreset, RichTextEditor as default };

package/dist/RichTextEditor.mjs

@@ -0,0 +1 @@
+export { default } from "./components/atoms/rich-text-editor/rich-text-editor.mjs";