@bigbinary/neeto-atoms 1.0.35 → 1.0.37

package/dist/Dialog-BOcBeB8v.js

@@ -0,0 +1,147 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cn } from './utils-BJnb9o5c.js';
+import { DialogHeader as DialogHeader$1, DialogDescription, DialogFooter as DialogFooter$1, DialogTitle as DialogTitle$1, Dialog as Dialog$1, DialogContent } from './primitives/Dialog.js';
+
+const SIZE_CLASS_MAP = {
+  small: "sm:max-w-sm",
+  medium: "sm:max-w-md",
+  large: "sm:max-w-lg",
+  fullScreen: "h-screen w-screen max-w-none rounded-none sm:max-w-none"
+};
+
+const DialogHeader = forwardRef(({ children, className, description, dataTestid, ...otherProps }, ref) => /* @__PURE__ */ jsxs(
+  DialogHeader$1,
+  {
+    ref,
+    className: cn(className),
+    "data-testid": dataTestid ?? "dialog-header",
+    ...otherProps,
+    children: [
+      children,
+      description && /* @__PURE__ */ jsx(DialogDescription, { children: description })
+    ]
+  }
+));
+DialogHeader.displayName = "Dialog.Header";
+const DialogBody = forwardRef(
+  ({ children, className, dataTestid, ...otherProps }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "dialog-body",
+      "data-testid": dataTestid ?? "dialog-body",
+      className: cn("text-sm text-foreground", className),
+      ...otherProps,
+      children
+    }
+  )
+);
+DialogBody.displayName = "Dialog.Body";
+const DialogFooter = forwardRef(
+  ({ children, className, dataTestid, ...otherProps }, ref) => /* @__PURE__ */ jsx(
+    DialogFooter$1,
+    {
+      ref,
+      className: cn(className),
+      "data-testid": dataTestid ?? "dialog-footer",
+      ...otherProps,
+      children
+    }
+  )
+);
+DialogFooter.displayName = "Dialog.Footer";
+const DialogTitle = forwardRef(({ children, className, ...otherProps }, ref) => /* @__PURE__ */ jsx(
+  DialogTitle$1,
+  {
+    ref,
+    className: cn("text-2xl font-semibold", className),
+    ...otherProps,
+    children
+  }
+));
+DialogTitle.displayName = "Dialog.Title";
+const Dialog = forwardRef(
+  ({
+    size = "medium",
+    isOpen = false,
+    onClose = () => {
+    },
+    children,
+    className,
+    closeOnEsc = true,
+    closeButton = true,
+    backdropClassName,
+    closeOnOutsideClick = true,
+    initialFocusRef,
+    finalFocusRef,
+    blockScrollOnMount = true,
+    forceRender = false,
+    modal: modalProp,
+    defaultOpen,
+    // Radix content handlers — intercept and merge
+    onOpenAutoFocus: onOpenAutoFocusProp,
+    onCloseAutoFocus: onCloseAutoFocusProp,
+    ...otherContentProps
+  }, ref) => {
+    const handleOpenChange = (open) => {
+      if (!open) onClose();
+    };
+    const handleInteractOutside = (e) => {
+      if (!closeOnOutsideClick) e.preventDefault();
+    };
+    const handleEscapeKeyDown = (e) => {
+      if (!closeOnEsc) e.preventDefault();
+    };
+    const handleOpenAutoFocus = (e) => {
+      if (initialFocusRef?.current) {
+        e.preventDefault();
+        initialFocusRef.current.focus();
+      }
+      onOpenAutoFocusProp?.(e);
+    };
+    const handleCloseAutoFocus = (e) => {
+      if (finalFocusRef?.current) {
+        e.preventDefault();
+        finalFocusRef.current.focus();
+      }
+      onCloseAutoFocusProp?.(e);
+    };
+    const resolvedModal = modalProp ?? blockScrollOnMount;
+    return /* @__PURE__ */ jsx(
+      Dialog$1,
+      {
+        open: isOpen,
+        onOpenChange: handleOpenChange,
+        modal: resolvedModal,
+        defaultOpen,
+        children: /* @__PURE__ */ jsx(
+          DialogContent,
+          {
+            ref,
+            "aria-modal": true,
+            showCloseButton: closeButton,
+            forceMount: forceRender || void 0,
+            overlayClassName: backdropClassName,
+            onInteractOutside: handleInteractOutside,
+            onEscapeKeyDown: handleEscapeKeyDown,
+            onOpenAutoFocus: handleOpenAutoFocus,
+            onCloseAutoFocus: handleCloseAutoFocus,
+            className: cn(SIZE_CLASS_MAP[size], className),
+            "data-testid": "dialog-wrapper",
+            ...otherContentProps,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+Dialog.displayName = "Dialog";
+Dialog.Header = DialogHeader;
+Dialog.Body = DialogBody;
+Dialog.Footer = DialogFooter;
+Dialog.Title = DialogTitle;
+
+export { Dialog as D };
+//# sourceMappingURL=Dialog-BOcBeB8v.js.map

package/dist/{Dialog-BURSzxaP.js.map → Dialog-BOcBeB8v.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Dialog-BURSzxaP.js","sources":["../src/components/Dialog/constants.ts","../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import type { DialogSize } from \"./Dialog\";\n\nexport const SIZE_CLASS_MAP: Record<DialogSize, string> = {\n  small: \"sm:max-w-sm\",\n  medium: \"sm:max-w-md\",\n  large: \"sm:max-w-lg\",\n  fullScreen: \"h-screen w-screen max-w-none rounded-none sm:max-w-none\",\n};\n","import React, { forwardRef, type ReactNode, type RefObject } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Dialog as PrimitiveDialog,\n  DialogContent as PrimitiveDialogContent,\n  DialogDescription,\n  DialogFooter as PrimitiveDialogFooter,\n  DialogHeader as PrimitiveDialogHeader,\n  DialogTitle as PrimitiveDialogTitle,\n} from \"src/primitives/Dialog\";\n\nimport { SIZE_CLASS_MAP } from \"./constants\";\n\nexport type DialogSize = \"small\" | \"medium\" | \"large\" | \"fullScreen\";\n\n/** Radix Dialog.Content props we forward via ...otherProps. */\ntype DialogContentProps = React.ComponentProps<typeof PrimitiveDialogContent>;\n\nexport interface DialogProps extends Omit<\n  DialogContentProps,\n  | \"children\"\n  | \"className\"\n  | \"showCloseButton\"\n  | \"onEscapeKeyDown\"\n  | \"onInteractOutside\"\n> {\n  /** Size of the dialog. */\n  size?: DialogSize;\n  /** Whether the dialog is open. */\n  isOpen?: boolean;\n  /** Callback invoked when the dialog is closed. */\n  onClose?: () => void;\n  /** Content rendered inside the dialog. */\n  children?: ReactNode;\n  /** Additional CSS class names applied to the dialog content. */\n  className?: string;\n  /** Close on pressing the Esc key. */\n  closeOnEsc?: boolean;\n  /** Show the close button. */\n  closeButton?: boolean;\n  /** Additional CSS class names applied to the backdrop/overlay. */\n  backdropClassName?: string;\n  /** Close on clicking outside the dialog. */\n  closeOnOutsideClick?: boolean;\n  /** Ref of the element to receive focus when the dialog opens. */\n  initialFocusRef?: RefObject<HTMLElement | null>;\n  /** Ref of the element to receive focus when the dialog closes. */\n  finalFocusRef?: RefObject<HTMLElement | null>;\n  /** Whether to block body scroll when the dialog is mounted. Maps to Radix `modal` prop. */\n  blockScrollOnMount?: boolean;\n  /** Force children to re-render even when the dialog is closed. */\n  forceRender?: boolean;\n  /** Radix Dialog `modal` prop — takes precedence over blockScrollOnMount. */\n  modal?: boolean;\n  /** Radix Dialog `defaultOpen` prop. */\n  defaultOpen?: boolean;\n}\n\ninterface DialogSubcomponentProps extends React.ComponentProps<\"div\"> {\n  children?: ReactNode;\n  className?: string;\n  /** Custom data-testid attribute. */\n  dataTestid?: string;\n}\n\nconst DialogHeader = forwardRef<\n  HTMLDivElement,\n  DialogSubcomponentProps & { description?: string }\n>(({ children, className, description, dataTestid, ...otherProps }, ref) => (\n  <PrimitiveDialogHeader\n    ref={ref}\n    className={cn(className)}\n    data-testid={dataTestid ?? \"dialog-header\"}\n    {...otherProps}\n  >\n    {children}\n    {description && <DialogDescription>{description}</DialogDescription>}\n  </PrimitiveDialogHeader>\n));\nDialogHeader.displayName = \"Dialog.Header\";\n\nconst DialogBody = forwardRef<HTMLDivElement, DialogSubcomponentProps>(\n  ({ children, className, dataTestid, ...otherProps }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"dialog-body\"\n      data-testid={dataTestid ?? \"dialog-body\"}\n      className={cn(\"text-sm text-foreground\", className)}\n      {...otherProps}\n    >\n      {children}\n    </div>\n  )\n);\nDialogBody.displayName = \"Dialog.Body\";\n\nconst DialogFooter = forwardRef<HTMLDivElement, DialogSubcomponentProps>(\n  ({ children, className, dataTestid, ...otherProps }, ref) => (\n    <PrimitiveDialogFooter\n      ref={ref}\n      className={cn(className)}\n      data-testid={dataTestid ?? \"dialog-footer\"}\n      {...otherProps}\n    >\n      {children}\n    </PrimitiveDialogFooter>\n  )\n);\nDialogFooter.displayName = \"Dialog.Footer\";\n\nconst DialogTitle = forwardRef<\n  HTMLHeadingElement,\n  React.ComponentProps<typeof PrimitiveDialogTitle>\n>(({ children, className, ...otherProps }, ref) => (\n  <PrimitiveDialogTitle\n    ref={ref}\n    className={cn(\"text-2xl font-semibold\", className)}\n    {...otherProps}\n  >\n    {children}\n  </PrimitiveDialogTitle>\n));\nDialogTitle.displayName = \"Dialog.Title\";\n\nconst Dialog = forwardRef<HTMLDivElement, DialogProps>(\n  (\n    {\n      size = \"medium\",\n      isOpen = false,\n      onClose = () => {},\n      children,\n      className,\n      closeOnEsc = true,\n      closeButton = true,\n      backdropClassName,\n      closeOnOutsideClick = true,\n      initialFocusRef,\n      finalFocusRef,\n      blockScrollOnMount = true,\n      forceRender = false,\n      modal: modalProp,\n      defaultOpen,\n      // Radix content handlers — intercept and merge\n      onOpenAutoFocus: onOpenAutoFocusProp,\n      onCloseAutoFocus: onCloseAutoFocusProp,\n      ...otherContentProps\n    },\n    ref\n  ) => {\n    const handleOpenChange = (open: boolean) => {\n      if (!open) onClose();\n    };\n\n    const handleInteractOutside = (e: Event) => {\n      if (!closeOnOutsideClick) e.preventDefault();\n    };\n\n    const handleEscapeKeyDown = (e: KeyboardEvent) => {\n      if (!closeOnEsc) e.preventDefault();\n    };\n\n    const handleOpenAutoFocus = (e: Event) => {\n      if (initialFocusRef?.current) {\n        e.preventDefault();\n        initialFocusRef.current.focus();\n      }\n      onOpenAutoFocusProp?.(e);\n    };\n\n    const handleCloseAutoFocus = (e: Event) => {\n      if (finalFocusRef?.current) {\n        e.preventDefault();\n        finalFocusRef.current.focus();\n      }\n      onCloseAutoFocusProp?.(e);\n    };\n\n    // `modal` prop takes precedence; fall back to blockScrollOnMount\n    const resolvedModal = modalProp ?? blockScrollOnMount;\n\n    return (\n      <PrimitiveDialog\n        open={isOpen}\n        onOpenChange={handleOpenChange}\n        modal={resolvedModal}\n        defaultOpen={defaultOpen}\n      >\n        <PrimitiveDialogContent\n          ref={ref}\n          aria-modal\n          showCloseButton={closeButton}\n          forceMount={forceRender || undefined}\n          overlayClassName={backdropClassName}\n          onInteractOutside={handleInteractOutside}\n          onEscapeKeyDown={handleEscapeKeyDown}\n          onOpenAutoFocus={handleOpenAutoFocus}\n          onCloseAutoFocus={handleCloseAutoFocus}\n          className={cn(SIZE_CLASS_MAP[size], className)}\n          data-testid=\"dialog-wrapper\"\n          {...otherContentProps}\n        >\n          {children}\n        </PrimitiveDialogContent>\n      </PrimitiveDialog>\n    );\n  }\n) as React.ForwardRefExoticComponent<\n  DialogProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Header: typeof DialogHeader;\n  Body: typeof DialogBody;\n  Footer: typeof DialogFooter;\n  Title: typeof DialogTitle;\n};\n\nDialog.displayName = \"Dialog\";\nDialog.Header = DialogHeader;\nDialog.Body = DialogBody;\nDialog.Footer = DialogFooter;\nDialog.Title = DialogTitle;\n\nexport { Dialog };\n"],"names":["_jsxs","PrimitiveDialogHeader","_jsx","PrimitiveDialogFooter","PrimitiveDialogTitle","PrimitiveDialog","PrimitiveDialogContent"],"mappings":"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"}
+{"version":3,"file":"Dialog-BOcBeB8v.js","sources":["../src/components/Dialog/constants.ts","../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import type { DialogSize } from \"./Dialog\";\n\nexport const SIZE_CLASS_MAP: Record<DialogSize, string> = {\n  small: \"sm:max-w-sm\",\n  medium: \"sm:max-w-md\",\n  large: \"sm:max-w-lg\",\n  fullScreen: \"h-screen w-screen max-w-none rounded-none sm:max-w-none\",\n};\n","import React, { forwardRef, type ReactNode, type RefObject } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Dialog as PrimitiveDialog,\n  DialogContent as PrimitiveDialogContent,\n  DialogDescription,\n  DialogFooter as PrimitiveDialogFooter,\n  DialogHeader as PrimitiveDialogHeader,\n  DialogTitle as PrimitiveDialogTitle,\n} from \"src/primitives/Dialog\";\n\nimport { SIZE_CLASS_MAP } from \"./constants\";\n\nexport type DialogSize = \"small\" | \"medium\" | \"large\" | \"fullScreen\";\n\n/** Radix Dialog.Content props we forward via ...otherProps. */\ntype DialogContentProps = React.ComponentProps<typeof PrimitiveDialogContent>;\n\nexport interface DialogProps extends Omit<\n  DialogContentProps,\n  | \"children\"\n  | \"className\"\n  | \"showCloseButton\"\n  | \"onEscapeKeyDown\"\n  | \"onInteractOutside\"\n> {\n  /** Size of the dialog. */\n  size?: DialogSize;\n  /** Whether the dialog is open. */\n  isOpen?: boolean;\n  /** Callback invoked when the dialog is closed. */\n  onClose?: () => void;\n  /** Content rendered inside the dialog. */\n  children?: ReactNode;\n  /** Additional CSS class names applied to the dialog content. */\n  className?: string;\n  /** Close on pressing the Esc key. */\n  closeOnEsc?: boolean;\n  /** Show the close button. */\n  closeButton?: boolean;\n  /** Additional CSS class names applied to the backdrop/overlay. */\n  backdropClassName?: string;\n  /** Close on clicking outside the dialog. */\n  closeOnOutsideClick?: boolean;\n  /** Ref of the element to receive focus when the dialog opens. */\n  initialFocusRef?: RefObject<HTMLElement | null>;\n  /** Ref of the element to receive focus when the dialog closes. */\n  finalFocusRef?: RefObject<HTMLElement | null>;\n  /** Whether to block body scroll when the dialog is mounted. Maps to Radix `modal` prop. */\n  blockScrollOnMount?: boolean;\n  /** Force children to re-render even when the dialog is closed. */\n  forceRender?: boolean;\n  /** Radix Dialog `modal` prop — takes precedence over blockScrollOnMount. */\n  modal?: boolean;\n  /** Radix Dialog `defaultOpen` prop. */\n  defaultOpen?: boolean;\n}\n\ninterface DialogSubcomponentProps extends React.ComponentProps<\"div\"> {\n  children?: ReactNode;\n  className?: string;\n  /** Custom data-testid attribute. */\n  dataTestid?: string;\n}\n\nconst DialogHeader = forwardRef<\n  HTMLDivElement,\n  DialogSubcomponentProps & { description?: string }\n>(({ children, className, description, dataTestid, ...otherProps }, ref) => (\n  <PrimitiveDialogHeader\n    ref={ref}\n    className={cn(className)}\n    data-testid={dataTestid ?? \"dialog-header\"}\n    {...otherProps}\n  >\n    {children}\n    {description && <DialogDescription>{description}</DialogDescription>}\n  </PrimitiveDialogHeader>\n));\nDialogHeader.displayName = \"Dialog.Header\";\n\nconst DialogBody = forwardRef<HTMLDivElement, DialogSubcomponentProps>(\n  ({ children, className, dataTestid, ...otherProps }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"dialog-body\"\n      data-testid={dataTestid ?? \"dialog-body\"}\n      className={cn(\"text-sm text-foreground\", className)}\n      {...otherProps}\n    >\n      {children}\n    </div>\n  )\n);\nDialogBody.displayName = \"Dialog.Body\";\n\nconst DialogFooter = forwardRef<HTMLDivElement, DialogSubcomponentProps>(\n  ({ children, className, dataTestid, ...otherProps }, ref) => (\n    <PrimitiveDialogFooter\n      ref={ref}\n      className={cn(className)}\n      data-testid={dataTestid ?? \"dialog-footer\"}\n      {...otherProps}\n    >\n      {children}\n    </PrimitiveDialogFooter>\n  )\n);\nDialogFooter.displayName = \"Dialog.Footer\";\n\nconst DialogTitle = forwardRef<\n  HTMLHeadingElement,\n  React.ComponentProps<typeof PrimitiveDialogTitle>\n>(({ children, className, ...otherProps }, ref) => (\n  <PrimitiveDialogTitle\n    ref={ref}\n    className={cn(\"text-2xl font-semibold\", className)}\n    {...otherProps}\n  >\n    {children}\n  </PrimitiveDialogTitle>\n));\nDialogTitle.displayName = \"Dialog.Title\";\n\nconst Dialog = forwardRef<HTMLDivElement, DialogProps>(\n  (\n    {\n      size = \"medium\",\n      isOpen = false,\n      onClose = () => {},\n      children,\n      className,\n      closeOnEsc = true,\n      closeButton = true,\n      backdropClassName,\n      closeOnOutsideClick = true,\n      initialFocusRef,\n      finalFocusRef,\n      blockScrollOnMount = true,\n      forceRender = false,\n      modal: modalProp,\n      defaultOpen,\n      // Radix content handlers — intercept and merge\n      onOpenAutoFocus: onOpenAutoFocusProp,\n      onCloseAutoFocus: onCloseAutoFocusProp,\n      ...otherContentProps\n    },\n    ref\n  ) => {\n    const handleOpenChange = (open: boolean) => {\n      if (!open) onClose();\n    };\n\n    const handleInteractOutside = (e: Event) => {\n      if (!closeOnOutsideClick) e.preventDefault();\n    };\n\n    const handleEscapeKeyDown = (e: KeyboardEvent) => {\n      if (!closeOnEsc) e.preventDefault();\n    };\n\n    const handleOpenAutoFocus = (e: Event) => {\n      if (initialFocusRef?.current) {\n        e.preventDefault();\n        initialFocusRef.current.focus();\n      }\n      onOpenAutoFocusProp?.(e);\n    };\n\n    const handleCloseAutoFocus = (e: Event) => {\n      if (finalFocusRef?.current) {\n        e.preventDefault();\n        finalFocusRef.current.focus();\n      }\n      onCloseAutoFocusProp?.(e);\n    };\n\n    // `modal` prop takes precedence; fall back to blockScrollOnMount\n    const resolvedModal = modalProp ?? blockScrollOnMount;\n\n    return (\n      <PrimitiveDialog\n        open={isOpen}\n        onOpenChange={handleOpenChange}\n        modal={resolvedModal}\n        defaultOpen={defaultOpen}\n      >\n        <PrimitiveDialogContent\n          ref={ref}\n          aria-modal\n          showCloseButton={closeButton}\n          forceMount={forceRender || undefined}\n          overlayClassName={backdropClassName}\n          onInteractOutside={handleInteractOutside}\n          onEscapeKeyDown={handleEscapeKeyDown}\n          onOpenAutoFocus={handleOpenAutoFocus}\n          onCloseAutoFocus={handleCloseAutoFocus}\n          className={cn(SIZE_CLASS_MAP[size], className)}\n          data-testid=\"dialog-wrapper\"\n          {...otherContentProps}\n        >\n          {children}\n        </PrimitiveDialogContent>\n      </PrimitiveDialog>\n    );\n  }\n) as React.ForwardRefExoticComponent<\n  DialogProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Header: typeof DialogHeader;\n  Body: typeof DialogBody;\n  Footer: typeof DialogFooter;\n  Title: typeof DialogTitle;\n};\n\nDialog.displayName = \"Dialog\";\nDialog.Header = DialogHeader;\nDialog.Body = DialogBody;\nDialog.Footer = DialogFooter;\nDialog.Title = DialogTitle;\n\nexport { Dialog };\n"],"names":["PrimitiveDialogHeader","PrimitiveDialogFooter","PrimitiveDialogTitle","PrimitiveDialog","PrimitiveDialogContent"],"mappings":"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"}

package/dist/{DirectionProvider-DGYDg_He.js → DirectionProvider-weqLz_BJ.js}

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { P as Provider } from './index-d0BBQf5t.js';
 
-const DirectionProvider = ({ children, dir }) => (jsx(Provider, { dir: dir, children: children }));
+const DirectionProvider = ({ children, dir }) => /* @__PURE__ */ jsx(Provider, { dir, children });
 DirectionProvider.displayName = "DirectionProvider";
 
 export { DirectionProvider as D };
-//# sourceMappingURL=DirectionProvider-DGYDg_He.js.map
+//# sourceMappingURL=DirectionProvider-weqLz_BJ.js.map

package/dist/{DirectionProvider-DGYDg_He.js.map → DirectionProvider-weqLz_BJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DirectionProvider-DGYDg_He.js","sources":["../src/components/DirectionProvider/DirectionProvider.tsx"],"sourcesContent":["import { Direction } from \"radix-ui\";\n\nimport type { DirectionProviderProps } from \"./types\";\n\nconst DirectionProvider = ({ children, dir }: DirectionProviderProps) => (\n  <Direction.Provider dir={dir}>{children}</Direction.Provider>\n);\n\nDirectionProvider.displayName = \"DirectionProvider\";\n\nexport { DirectionProvider };\n"],"names":["_jsx","Direction.Provider"],"mappings":";;;AAIA,MAAM,iBAAiB,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,EAA0B,MAClEA,IAACC,QAAkB,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAsB;AAG/D,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
+{"version":3,"file":"DirectionProvider-weqLz_BJ.js","sources":["../src/components/DirectionProvider/DirectionProvider.tsx"],"sourcesContent":["import { Direction } from \"radix-ui\";\n\nimport type { DirectionProviderProps } from \"./types\";\n\nconst DirectionProvider = ({ children, dir }: DirectionProviderProps) => (\n  <Direction.Provider dir={dir}>{children}</Direction.Provider>\n);\n\nDirectionProvider.displayName = \"DirectionProvider\";\n\nexport { DirectionProvider };\n"],"names":["Direction.Provider"],"mappings":";;;AAIA,MAAM,iBAAA,GAAoB,CAAC,EAAE,QAAA,EAAU,GAAA,EAAI,qBACzC,GAAA,CAACA,QAAU,EAAV,EAAmB,GAAA,EAAW,QAAA,EAAS;AAG1C,iBAAA,CAAkB,WAAA,GAAc,mBAAA;;;;"}

package/dist/Empty-fV1Yplri.js

@@ -0,0 +1,75 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { c as cn } from './utils-BJnb9o5c.js';
+import { Empty as Empty$1, EmptyHeader, EmptyMedia, EmptyTitle, EmptyDescription, EmptyContent } from './primitives/Empty.js';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './primitives/Tooltip.js';
+import { r as renderIcon } from './renderIcon-C6twJSqH.js';
+import { T as Typography } from './Typography-CiQzW5Fy.js';
+import { B as Button } from './Button-BCWJgHDy.js';
+
+function MaybeTooltipButton({
+  buttonProps,
+  showTooltipWhenDisabled,
+  defaultVariant
+}) {
+  const button = /* @__PURE__ */ jsx(Button, { variant: defaultVariant, ...buttonProps });
+  if (showTooltipWhenDisabled && buttonProps.disabled && buttonProps.label) {
+    return /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { className: "inline-flex", children: button }) }),
+      /* @__PURE__ */ jsx(TooltipContent, { children: buttonProps.label })
+    ] }) });
+  }
+  return button;
+}
+const Empty = forwardRef(
+  ({
+    image,
+    icon,
+    title,
+    description,
+    helpText,
+    primaryButtonProps,
+    secondaryButtonProps,
+    buttonSeparatorText,
+    showTooltipWhenButtonDisabled = false,
+    className,
+    ...otherProps
+  }, ref) => {
+    const hasMedia = image || icon;
+    const hasButtons = primaryButtonProps || secondaryButtonProps;
+    return /* @__PURE__ */ jsxs(Empty$1, { ref, className: cn(className), ...otherProps, children: [
+      /* @__PURE__ */ jsxs(EmptyHeader, { children: [
+        hasMedia && /* @__PURE__ */ jsxs(Fragment, { children: [
+          image && /* @__PURE__ */ jsx(EmptyMedia, { children: typeof image === "string" ? /* @__PURE__ */ jsx("img", { src: image, alt: title ?? "" }) : image }),
+          !image && icon && /* @__PURE__ */ jsx(EmptyMedia, { variant: "icon", children: renderIcon(icon) })
+        ] }),
+        title && /* @__PURE__ */ jsx(Typography, { variant: "h4", asChild: true, children: /* @__PURE__ */ jsx(EmptyTitle, { children: title }) }),
+        description && /* @__PURE__ */ jsx(Typography, { variant: "body3", color: "muted", asChild: true, children: /* @__PURE__ */ jsx(EmptyDescription, { children: description }) }),
+        helpText && /* @__PURE__ */ jsx(Typography, { variant: "body3", color: "muted", asChild: true, children: /* @__PURE__ */ jsx("p", { children: helpText }) })
+      ] }),
+      hasButtons && /* @__PURE__ */ jsx(EmptyContent, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+        primaryButtonProps && /* @__PURE__ */ jsx(
+          MaybeTooltipButton,
+          {
+            buttonProps: primaryButtonProps,
+            showTooltipWhenDisabled: showTooltipWhenButtonDisabled,
+            defaultVariant: "default"
+          }
+        ),
+        buttonSeparatorText && primaryButtonProps && secondaryButtonProps && /* @__PURE__ */ jsx(Typography, { variant: "body3", color: "muted", asChild: true, children: /* @__PURE__ */ jsx("span", { children: buttonSeparatorText }) }),
+        secondaryButtonProps && /* @__PURE__ */ jsx(
+          MaybeTooltipButton,
+          {
+            buttonProps: secondaryButtonProps,
+            showTooltipWhenDisabled: showTooltipWhenButtonDisabled,
+            defaultVariant: "outline"
+          }
+        )
+      ] }) })
+    ] });
+  }
+);
+Empty.displayName = "Empty";
+
+export { Empty as E };
+//# sourceMappingURL=Empty-fV1Yplri.js.map

package/dist/{Empty-zyL2ZsHX.js.map → Empty-fV1Yplri.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Empty-zyL2ZsHX.js","sources":["../src/components/Empty/Empty.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Empty as PrimitiveEmpty,\n  EmptyHeader,\n  EmptyTitle,\n  EmptyDescription,\n  EmptyContent,\n  EmptyMedia,\n} from \"src/primitives/Empty\";\nimport { Button } from \"src/components/Button\";\nimport { Typography } from \"src/components/Typography\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\nimport { renderIcon, type IconProp } from \"src/lib/renderIcon\";\n\nexport interface EmptyProps extends React.ComponentProps<\"div\"> {\n  /** Image URL or JSX for the media area. */\n  image?: string | React.ReactNode;\n  /** Icon for the media area (rendered inside EmptyMedia with variant=\"icon\"). */\n  icon?: IconProp;\n  /** Empty state title. */\n  title?: string;\n  /** Description text or JSX. */\n  description?: React.ReactNode;\n  /** Additional help text below the description. */\n  helpText?: React.ReactNode;\n  /** Props forwarded to the primary action Button. */\n  primaryButtonProps?: React.ComponentProps<typeof Button>;\n  /** Props forwarded to the secondary action Button. */\n  secondaryButtonProps?: React.ComponentProps<typeof Button>;\n  /** Text displayed between the primary and secondary buttons (e.g., \"or\"). */\n  buttonSeparatorText?: string;\n  /** Show tooltip on disabled buttons using their label as content. */\n  showTooltipWhenButtonDisabled?: boolean;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nfunction MaybeTooltipButton({\n  buttonProps,\n  showTooltipWhenDisabled,\n  defaultVariant,\n}: {\n  buttonProps: React.ComponentProps<typeof Button>;\n  showTooltipWhenDisabled: boolean;\n  defaultVariant: \"default\" | \"outline\";\n}) {\n  const button = <Button variant={defaultVariant} {...buttonProps} />;\n\n  if (showTooltipWhenDisabled && buttonProps.disabled && buttonProps.label) {\n    return (\n      <TooltipProvider delayDuration={0}>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <span className=\"inline-flex\">{button}</span>\n          </TooltipTrigger>\n          <TooltipContent>{buttonProps.label}</TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n\n  return button;\n}\n\nconst Empty = forwardRef<HTMLDivElement, EmptyProps>(\n  (\n    {\n      image,\n      icon,\n      title,\n      description,\n      helpText,\n      primaryButtonProps,\n      secondaryButtonProps,\n      buttonSeparatorText,\n      showTooltipWhenButtonDisabled = false,\n      className,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const hasMedia = image || icon;\n    const hasButtons = primaryButtonProps || secondaryButtonProps;\n\n    return (\n      <PrimitiveEmpty ref={ref} className={cn(className)} {...otherProps}>\n        <EmptyHeader>\n          {hasMedia && (\n            <>\n              {image && (\n                <EmptyMedia>\n                  {typeof image === \"string\" ? (\n                    <img src={image} alt={title ?? \"\"} />\n                  ) : (\n                    image\n                  )}\n                </EmptyMedia>\n              )}\n              {!image && icon && (\n                <EmptyMedia variant=\"icon\">{renderIcon(icon)}</EmptyMedia>\n              )}\n            </>\n          )}\n          {title && (\n            <Typography variant=\"h4\" asChild>\n              <EmptyTitle>{title}</EmptyTitle>\n            </Typography>\n          )}\n          {description && (\n            <Typography variant=\"body3\" color=\"muted\" asChild>\n              <EmptyDescription>{description}</EmptyDescription>\n            </Typography>\n          )}\n          {helpText && (\n            <Typography variant=\"body3\" color=\"muted\" asChild>\n              <p>{helpText}</p>\n            </Typography>\n          )}\n        </EmptyHeader>\n\n        {hasButtons && (\n          <EmptyContent>\n            <div className=\"flex flex-wrap items-center justify-center gap-2\">\n              {primaryButtonProps && (\n                <MaybeTooltipButton\n                  buttonProps={primaryButtonProps}\n                  showTooltipWhenDisabled={showTooltipWhenButtonDisabled}\n                  defaultVariant=\"default\"\n                />\n              )}\n              {buttonSeparatorText &&\n                primaryButtonProps &&\n                secondaryButtonProps && (\n                  <Typography variant=\"body3\" color=\"muted\" asChild>\n                    <span>{buttonSeparatorText}</span>\n                  </Typography>\n                )}\n              {secondaryButtonProps && (\n                <MaybeTooltipButton\n                  buttonProps={secondaryButtonProps}\n                  showTooltipWhenDisabled={showTooltipWhenButtonDisabled}\n                  defaultVariant=\"outline\"\n                />\n              )}\n            </div>\n          </EmptyContent>\n        )}\n      </PrimitiveEmpty>\n    );\n  }\n);\n\nEmpty.displayName = \"Empty\";\n\nexport { Empty };\n"],"names":["_jsx","_jsxs","PrimitiveEmpty","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Empty-fV1Yplri.js","sources":["../src/components/Empty/Empty.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Empty as PrimitiveEmpty,\n  EmptyHeader,\n  EmptyTitle,\n  EmptyDescription,\n  EmptyContent,\n  EmptyMedia,\n} from \"src/primitives/Empty\";\nimport { Button } from \"src/components/Button\";\nimport { Typography } from \"src/components/Typography\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\nimport { renderIcon, type IconProp } from \"src/lib/renderIcon\";\n\nexport interface EmptyProps extends React.ComponentProps<\"div\"> {\n  /** Image URL or JSX for the media area. */\n  image?: string | React.ReactNode;\n  /** Icon for the media area (rendered inside EmptyMedia with variant=\"icon\"). */\n  icon?: IconProp;\n  /** Empty state title. */\n  title?: string;\n  /** Description text or JSX. */\n  description?: React.ReactNode;\n  /** Additional help text below the description. */\n  helpText?: React.ReactNode;\n  /** Props forwarded to the primary action Button. */\n  primaryButtonProps?: React.ComponentProps<typeof Button>;\n  /** Props forwarded to the secondary action Button. */\n  secondaryButtonProps?: React.ComponentProps<typeof Button>;\n  /** Text displayed between the primary and secondary buttons (e.g., \"or\"). */\n  buttonSeparatorText?: string;\n  /** Show tooltip on disabled buttons using their label as content. */\n  showTooltipWhenButtonDisabled?: boolean;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nfunction MaybeTooltipButton({\n  buttonProps,\n  showTooltipWhenDisabled,\n  defaultVariant,\n}: {\n  buttonProps: React.ComponentProps<typeof Button>;\n  showTooltipWhenDisabled: boolean;\n  defaultVariant: \"default\" | \"outline\";\n}) {\n  const button = <Button variant={defaultVariant} {...buttonProps} />;\n\n  if (showTooltipWhenDisabled && buttonProps.disabled && buttonProps.label) {\n    return (\n      <TooltipProvider delayDuration={0}>\n        <Tooltip>\n          <TooltipTrigger asChild>\n            <span className=\"inline-flex\">{button}</span>\n          </TooltipTrigger>\n          <TooltipContent>{buttonProps.label}</TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n\n  return button;\n}\n\nconst Empty = forwardRef<HTMLDivElement, EmptyProps>(\n  (\n    {\n      image,\n      icon,\n      title,\n      description,\n      helpText,\n      primaryButtonProps,\n      secondaryButtonProps,\n      buttonSeparatorText,\n      showTooltipWhenButtonDisabled = false,\n      className,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const hasMedia = image || icon;\n    const hasButtons = primaryButtonProps || secondaryButtonProps;\n\n    return (\n      <PrimitiveEmpty ref={ref} className={cn(className)} {...otherProps}>\n        <EmptyHeader>\n          {hasMedia && (\n            <>\n              {image && (\n                <EmptyMedia>\n                  {typeof image === \"string\" ? (\n                    <img src={image} alt={title ?? \"\"} />\n                  ) : (\n                    image\n                  )}\n                </EmptyMedia>\n              )}\n              {!image && icon && (\n                <EmptyMedia variant=\"icon\">{renderIcon(icon)}</EmptyMedia>\n              )}\n            </>\n          )}\n          {title && (\n            <Typography variant=\"h4\" asChild>\n              <EmptyTitle>{title}</EmptyTitle>\n            </Typography>\n          )}\n          {description && (\n            <Typography variant=\"body3\" color=\"muted\" asChild>\n              <EmptyDescription>{description}</EmptyDescription>\n            </Typography>\n          )}\n          {helpText && (\n            <Typography variant=\"body3\" color=\"muted\" asChild>\n              <p>{helpText}</p>\n            </Typography>\n          )}\n        </EmptyHeader>\n\n        {hasButtons && (\n          <EmptyContent>\n            <div className=\"flex flex-wrap items-center justify-center gap-2\">\n              {primaryButtonProps && (\n                <MaybeTooltipButton\n                  buttonProps={primaryButtonProps}\n                  showTooltipWhenDisabled={showTooltipWhenButtonDisabled}\n                  defaultVariant=\"default\"\n                />\n              )}\n              {buttonSeparatorText &&\n                primaryButtonProps &&\n                secondaryButtonProps && (\n                  <Typography variant=\"body3\" color=\"muted\" asChild>\n                    <span>{buttonSeparatorText}</span>\n                  </Typography>\n                )}\n              {secondaryButtonProps && (\n                <MaybeTooltipButton\n                  buttonProps={secondaryButtonProps}\n                  showTooltipWhenDisabled={showTooltipWhenButtonDisabled}\n                  defaultVariant=\"outline\"\n                />\n              )}\n            </div>\n          </EmptyContent>\n        )}\n      </PrimitiveEmpty>\n    );\n  }\n);\n\nEmpty.displayName = \"Empty\";\n\nexport { Empty };\n"],"names":["PrimitiveEmpty"],"mappings":"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"}

package/dist/Input-xjYQfsaz.js

@@ -0,0 +1,222 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { forwardRef, useId, useState } from 'react';
+import { c as cn } from './utils-BJnb9o5c.js';
+import { Field, FieldLabel, FieldContent, FieldError, FieldDescription } from './primitives/Field.js';
+import { InputGroup, InputGroupAddon, InputGroupText, InputGroupInput } from './primitives/InputGroup.js';
+
+const SIZE_CONFIG = {
+  small: { group: "h-7", input: "text-xs px-2", addon: "px-1.5" },
+  medium: { group: "h-8", input: "text-sm", addon: "px-2" },
+  large: { group: "h-10", input: "text-sm", addon: "px-2.5" }
+};
+
+function toFixed(numStr, prec) {
+  const num = Number(numStr);
+  if (Number.isNaN(num)) return numStr;
+  return num.toFixed(prec);
+}
+function formatWithPrecision(value, precision) {
+  if (precision < 0 || !value) return value;
+  const str = value.toString();
+  const trimmed = str.trim();
+  if (trimmed !== "" && !Number.isNaN(Number(trimmed)))
+    return toFixed(str, precision);
+  return str;
+}
+function enforceDecimalPrecision(value, precision) {
+  if (precision < 0 || !value) return value;
+  const valueStr = value.toString();
+  if (precision === 0) return valueStr.split(".")[0];
+  const regex = new RegExp(`^\\d*\\.?\\d{0,${precision}}$`);
+  if (regex.test(valueStr)) return value;
+  const parts = valueStr.split(".");
+  if (parts.length === 1) return parts[0];
+  return `${parts[0]}.${parts[1].substring(0, precision)}`;
+}
+function formatWithRejectCharsRegex(value, rejectCharsRegex) {
+  if (!rejectCharsRegex) return value;
+  const globalRegex = new RegExp(rejectCharsRegex, "g");
+  return value.replace(globalRegex, "");
+}
+function getTrimmedValue(value, disableTrimOnBlur) {
+  if (disableTrimOnBlur || typeof value !== "string") return value;
+  return value.trim();
+}
+function preserveCursor(e, updateValueFn) {
+  const input = e.target;
+  const prevCursor = input.selectionStart;
+  const prevValue = input.value;
+  const updatedEvent = updateValueFn();
+  const lengthDiff = input.value.length - prevValue.length;
+  const newCursor = Math.max(0, (prevCursor ?? 0) + lengthDiff);
+  requestAnimationFrame(() => {
+    if (document.activeElement !== input) return;
+    if (input.type === "number") return;
+    input.setSelectionRange(newCursor, newCursor);
+  });
+  return updatedEvent;
+}
+
+const Input = forwardRef(
+  ({
+    size = "medium",
+    type = "text",
+    label = "",
+    error = "",
+    helpText = "",
+    prefix = null,
+    suffix = null,
+    disabled = false,
+    nakedInput = false,
+    contentSize,
+    required = false,
+    maxLength,
+    unlimitedChars = false,
+    rejectCharsRegex,
+    disableTrimOnBlur = false,
+    precision = -1,
+    labelProps,
+    className = "",
+    onBlur,
+    onChange,
+    value: controlledValue,
+    ...otherProps
+  }, ref) => {
+    const generatedId = useId();
+    const id = otherProps.id ?? generatedId;
+    const errorId = `error_${id}`;
+    const helpTextId = `helpText_${id}`;
+    const [valueInternal, setValueInternal] = useState(controlledValue);
+    const isControlled = controlledValue !== void 0;
+    const value = formatWithPrecision(controlledValue, precision) ?? valueInternal ?? "";
+    const valueLength = value?.toString().length || 0;
+    const isMaxLengthPresent = !!maxLength || maxLength === 0;
+    const isCharacterLimitVisible = isMaxLengthPresent && valueLength >= maxLength * 0.85;
+    const maxLengthError = unlimitedChars && valueLength > maxLength;
+    const onChangeInternal = (e) => {
+      if (!isControlled) {
+        setValueInternal(e.target.value);
+      }
+      onChange?.(e);
+    };
+    const handleChange = (e) => {
+      if (type === "file") {
+        onChangeInternal(e);
+        return;
+      }
+      let formattedValue = formatWithRejectCharsRegex(
+        e.target.value,
+        rejectCharsRegex
+      );
+      formattedValue = enforceDecimalPrecision(formattedValue, precision);
+      if (formattedValue !== e.target.value) {
+        preserveCursor(e, () => {
+          const syntheticEvent = Object.create(e, {
+            target: { value: { ...e.target, value: formattedValue } }
+          });
+          e.target.value = formattedValue;
+          onChangeInternal(syntheticEvent);
+          return syntheticEvent;
+        });
+      } else {
+        onChangeInternal(e);
+      }
+    };
+    const handleBlur = (e) => {
+      if (type === "file") {
+        onBlur?.(e);
+        return;
+      }
+      const trimmedValue = getTrimmedValue(value, disableTrimOnBlur);
+      const formattedValue = formatWithPrecision(trimmedValue, precision);
+      if (formattedValue !== void 0 && formattedValue !== value) {
+        e.target.value = formattedValue.toString();
+        handleChange(e);
+      }
+      onBlur?.(e);
+    };
+    const handleWheel = (e) => {
+      if (type === "number") e.target.blur();
+    };
+    const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null].filter(Boolean).join(" ") || void 0;
+    const hasField = !!(label || error || helpText);
+    const sizeConfig = SIZE_CONFIG[size];
+    const inputGroup = /* @__PURE__ */ jsxs(
+      InputGroup,
+      {
+        className: cn(
+          sizeConfig.group,
+          nakedInput && "border-0 shadow-none has-[[data-slot=input-group-control]:focus-visible]:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-transparent",
+          !!error && !nakedInput && "border-destructive ring-destructive/20 ring-3",
+          !hasField && className
+        ),
+        children: [
+          prefix && /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-start", className: sizeConfig.addon, children: /* @__PURE__ */ jsx(InputGroupText, { children: prefix }) }),
+          /* @__PURE__ */ jsx(
+            InputGroupInput,
+            {
+              ref,
+              id,
+              type,
+              disabled,
+              required,
+              size: contentSize,
+              "aria-invalid": !!error || void 0,
+              "aria-describedby": ariaDescribedBy,
+              className: cn(sizeConfig.input, nakedInput && "px-0"),
+              value,
+              onBlur: handleBlur,
+              onChange: handleChange,
+              onWheel: handleWheel,
+              ...isMaxLengthPresent && !unlimitedChars ? { maxLength } : {},
+              ...otherProps
+            }
+          ),
+          suffix && /* @__PURE__ */ jsx(InputGroupAddon, { align: "inline-end", className: sizeConfig.addon, children: /* @__PURE__ */ jsx(InputGroupText, { children: suffix }) })
+        ]
+      }
+    );
+    if (!hasField) {
+      return inputGroup;
+    }
+    return /* @__PURE__ */ jsxs(
+      Field,
+      {
+        "data-disabled": disabled || void 0,
+        "data-invalid": !!error || void 0,
+        className,
+        children: [
+          (label || isCharacterLimitVisible) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+            label && /* @__PURE__ */ jsxs(FieldLabel, { htmlFor: id, ...labelProps, children: [
+              label,
+              required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+            ] }),
+            isCharacterLimitVisible && /* @__PURE__ */ jsxs(
+              "span",
+              {
+                className: cn(
+                  "text-xs tabular-nums",
+                  maxLengthError ? "text-destructive" : "text-muted-foreground"
+                ),
+                children: [
+                  valueLength,
+                  "/",
+                  maxLength
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(FieldContent, { children: [
+            inputGroup,
+            !!error && /* @__PURE__ */ jsx(FieldError, { id: errorId, children: error }),
+            helpText && /* @__PURE__ */ jsx(FieldDescription, { id: helpTextId, children: helpText })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+export { Input as I };
+//# sourceMappingURL=Input-xjYQfsaz.js.map