@bigbinary/neeto-atoms 1.0.35 → 1.0.37

package/dist/cjs/Dialog-CBSuKeu_.js

@@ -0,0 +1,149 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Dialog = require('./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 = React.forwardRef(({ children, className, description, dataTestid, ...otherProps }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  primitives_Dialog.DialogHeader,
+  {
+    ref,
+    className: utils.cn(className),
+    "data-testid": dataTestid ?? "dialog-header",
+    ...otherProps,
+    children: [
+      children,
+      description && /* @__PURE__ */ jsxRuntime.jsx(primitives_Dialog.DialogDescription, { children: description })
+    ]
+  }
+));
+DialogHeader.displayName = "Dialog.Header";
+const DialogBody = React.forwardRef(
+  ({ children, className, dataTestid, ...otherProps }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "dialog-body",
+      "data-testid": dataTestid ?? "dialog-body",
+      className: utils.cn("text-sm text-foreground", className),
+      ...otherProps,
+      children
+    }
+  )
+);
+DialogBody.displayName = "Dialog.Body";
+const DialogFooter = React.forwardRef(
+  ({ children, className, dataTestid, ...otherProps }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    primitives_Dialog.DialogFooter,
+    {
+      ref,
+      className: utils.cn(className),
+      "data-testid": dataTestid ?? "dialog-footer",
+      ...otherProps,
+      children
+    }
+  )
+);
+DialogFooter.displayName = "Dialog.Footer";
+const DialogTitle = React.forwardRef(({ children, className, ...otherProps }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  primitives_Dialog.DialogTitle,
+  {
+    ref,
+    className: utils.cn("text-2xl font-semibold", className),
+    ...otherProps,
+    children
+  }
+));
+DialogTitle.displayName = "Dialog.Title";
+const Dialog = React.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__ */ jsxRuntime.jsx(
+      primitives_Dialog.Dialog,
+      {
+        open: isOpen,
+        onOpenChange: handleOpenChange,
+        modal: resolvedModal,
+        defaultOpen,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          primitives_Dialog.DialogContent,
+          {
+            ref,
+            "aria-modal": true,
+            showCloseButton: closeButton,
+            forceMount: forceRender || void 0,
+            overlayClassName: backdropClassName,
+            onInteractOutside: handleInteractOutside,
+            onEscapeKeyDown: handleEscapeKeyDown,
+            onOpenAutoFocus: handleOpenAutoFocus,
+            onCloseAutoFocus: handleCloseAutoFocus,
+            className: utils.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;
+
+exports.Dialog = Dialog;
+//# sourceMappingURL=Dialog-CBSuKeu_.js.map

package/dist/cjs/Dialog-CBSuKeu_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog-CBSuKeu_.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":["forwardRef","jsxs","PrimitiveDialogHeader","cn","jsx","DialogDescription","PrimitiveDialogFooter","PrimitiveDialogTitle","PrimitiveDialog","PrimitiveDialogContent"],"mappings":"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"}

package/dist/cjs/{DirectionProvider-Bec-6U8p.js → DirectionProvider-BTtE4FcN.js}

@@ -3,8 +3,8 @@
 var jsxRuntime = require('react/jsx-runtime');
 var index = require('./index-BY6wgiQV.js');
 
-const DirectionProvider = ({ children, dir }) => (jsxRuntime.jsx(index.Provider, { dir: dir, children: children }));
+const DirectionProvider = ({ children, dir }) => /* @__PURE__ */ jsxRuntime.jsx(index.Provider, { dir, children });
 DirectionProvider.displayName = "DirectionProvider";
 
 exports.DirectionProvider = DirectionProvider;
-//# sourceMappingURL=DirectionProvider-Bec-6U8p.js.map
+//# sourceMappingURL=DirectionProvider-BTtE4FcN.js.map

package/dist/cjs/DirectionProvider-BTtE4FcN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DirectionProvider-BTtE4FcN.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,iBAAA,GAAoB,CAAC,EAAE,QAAA,EAAU,GAAA,EAAI,qBACzCA,cAAA,CAACC,cAAU,EAAV,EAAmB,GAAA,EAAW,QAAA,EAAS;AAG1C,iBAAA,CAAkB,WAAA,GAAc,mBAAA;;;;"}

package/dist/cjs/Empty-DqmmPlPJ.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Empty = require('./primitives/Empty.js');
+var primitives_Tooltip = require('./primitives/Tooltip.js');
+var renderIcon = require('./renderIcon-BRrpZu9a.js');
+var Typography = require('./Typography-UyaYuppP.js');
+var Button = require('./Button-BlNtYr1w.js');
+
+function MaybeTooltipButton({
+  buttonProps,
+  showTooltipWhenDisabled,
+  defaultVariant
+}) {
+  const button = /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { variant: defaultVariant, ...buttonProps });
+  if (showTooltipWhenDisabled && buttonProps.disabled && buttonProps.label) {
+    return /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(primitives_Tooltip.Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex", children: button }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipContent, { children: buttonProps.label })
+    ] }) });
+  }
+  return button;
+}
+const Empty = React.forwardRef(
+  ({
+    image,
+    icon,
+    title,
+    description,
+    helpText,
+    primaryButtonProps,
+    secondaryButtonProps,
+    buttonSeparatorText,
+    showTooltipWhenButtonDisabled = false,
+    className,
+    ...otherProps
+  }, ref) => {
+    const hasMedia = image || icon;
+    const hasButtons = primaryButtonProps || secondaryButtonProps;
+    return /* @__PURE__ */ jsxRuntime.jsxs(primitives_Empty.Empty, { ref, className: utils.cn(className), ...otherProps, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(primitives_Empty.EmptyHeader, { children: [
+        hasMedia && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          image && /* @__PURE__ */ jsxRuntime.jsx(primitives_Empty.EmptyMedia, { children: typeof image === "string" ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: image, alt: title ?? "" }) : image }),
+          !image && icon && /* @__PURE__ */ jsxRuntime.jsx(primitives_Empty.EmptyMedia, { variant: "icon", children: renderIcon.renderIcon(icon) })
+        ] }),
+        title && /* @__PURE__ */ jsxRuntime.jsx(Typography.Typography, { variant: "h4", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(primitives_Empty.EmptyTitle, { children: title }) }),
+        description && /* @__PURE__ */ jsxRuntime.jsx(Typography.Typography, { variant: "body3", color: "muted", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(primitives_Empty.EmptyDescription, { children: description }) }),
+        helpText && /* @__PURE__ */ jsxRuntime.jsx(Typography.Typography, { variant: "body3", color: "muted", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: helpText }) })
+      ] }),
+      hasButtons && /* @__PURE__ */ jsxRuntime.jsx(primitives_Empty.EmptyContent, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-2", children: [
+        primaryButtonProps && /* @__PURE__ */ jsxRuntime.jsx(
+          MaybeTooltipButton,
+          {
+            buttonProps: primaryButtonProps,
+            showTooltipWhenDisabled: showTooltipWhenButtonDisabled,
+            defaultVariant: "default"
+          }
+        ),
+        buttonSeparatorText && primaryButtonProps && secondaryButtonProps && /* @__PURE__ */ jsxRuntime.jsx(Typography.Typography, { variant: "body3", color: "muted", asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: buttonSeparatorText }) }),
+        secondaryButtonProps && /* @__PURE__ */ jsxRuntime.jsx(
+          MaybeTooltipButton,
+          {
+            buttonProps: secondaryButtonProps,
+            showTooltipWhenDisabled: showTooltipWhenButtonDisabled,
+            defaultVariant: "outline"
+          }
+        )
+      ] }) })
+    ] });
+  }
+);
+Empty.displayName = "Empty";
+
+exports.Empty = Empty;
+//# sourceMappingURL=Empty-DqmmPlPJ.js.map

package/dist/cjs/Empty-DqmmPlPJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Empty-DqmmPlPJ.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","Button","TooltipProvider","Tooltip","TooltipTrigger","TooltipContent","forwardRef","jsxs","PrimitiveEmpty","cn","EmptyHeader","Fragment","EmptyMedia","renderIcon","Typography","EmptyTitle","EmptyDescription","EmptyContent"],"mappings":"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"}

package/dist/cjs/Input-CpuJXazH.js

@@ -0,0 +1,224 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Field = require('./primitives/Field.js');
+var primitives_InputGroup = require('./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 = React.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 = React.useId();
+    const id = otherProps.id ?? generatedId;
+    const errorId = `error_${id}`;
+    const helpTextId = `helpText_${id}`;
+    const [valueInternal, setValueInternal] = React.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__ */ jsxRuntime.jsxs(
+      primitives_InputGroup.InputGroup,
+      {
+        className: utils.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__ */ jsxRuntime.jsx(primitives_InputGroup.InputGroupAddon, { align: "inline-start", className: sizeConfig.addon, children: /* @__PURE__ */ jsxRuntime.jsx(primitives_InputGroup.InputGroupText, { children: prefix }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            primitives_InputGroup.InputGroupInput,
+            {
+              ref,
+              id,
+              type,
+              disabled,
+              required,
+              size: contentSize,
+              "aria-invalid": !!error || void 0,
+              "aria-describedby": ariaDescribedBy,
+              className: utils.cn(sizeConfig.input, nakedInput && "px-0"),
+              value,
+              onBlur: handleBlur,
+              onChange: handleChange,
+              onWheel: handleWheel,
+              ...isMaxLengthPresent && !unlimitedChars ? { maxLength } : {},
+              ...otherProps
+            }
+          ),
+          suffix && /* @__PURE__ */ jsxRuntime.jsx(primitives_InputGroup.InputGroupAddon, { align: "inline-end", className: sizeConfig.addon, children: /* @__PURE__ */ jsxRuntime.jsx(primitives_InputGroup.InputGroupText, { children: suffix }) })
+        ]
+      }
+    );
+    if (!hasField) {
+      return inputGroup;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      primitives_Field.Field,
+      {
+        "data-disabled": disabled || void 0,
+        "data-invalid": !!error || void 0,
+        className,
+        children: [
+          (label || isCharacterLimitVisible) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
+            label && /* @__PURE__ */ jsxRuntime.jsxs(primitives_Field.FieldLabel, { htmlFor: id, ...labelProps, children: [
+              label,
+              required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "text-destructive", children: "*" })
+            ] }),
+            isCharacterLimitVisible && /* @__PURE__ */ jsxRuntime.jsxs(
+              "span",
+              {
+                className: utils.cn(
+                  "text-xs tabular-nums",
+                  maxLengthError ? "text-destructive" : "text-muted-foreground"
+                ),
+                children: [
+                  valueLength,
+                  "/",
+                  maxLength
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(primitives_Field.FieldContent, { children: [
+            inputGroup,
+            !!error && /* @__PURE__ */ jsxRuntime.jsx(primitives_Field.FieldError, { id: errorId, children: error }),
+            helpText && /* @__PURE__ */ jsxRuntime.jsx(primitives_Field.FieldDescription, { id: helpTextId, children: helpText })
+          ] })
+        ]
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+exports.Input = Input;
+//# sourceMappingURL=Input-CpuJXazH.js.map

package/dist/cjs/Input-CpuJXazH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input-CpuJXazH.js","sources":["../../src/components/Input/constants.ts","../../src/components/Input/utils.ts","../../src/components/Input/Input.tsx"],"sourcesContent":["export const SIZE_CONFIG = {\n  small: { group: \"h-7\", input: \"text-xs px-2\", addon: \"px-1.5\" },\n  medium: { group: \"h-8\", input: \"text-sm\", addon: \"px-2\" },\n  large: { group: \"h-10\", input: \"text-sm\", addon: \"px-2.5\" },\n};\n","import React from \"react\";\n\nexport function toFixed(numStr: string, prec: number): string {\n  const num = Number(numStr);\n  if (Number.isNaN(num)) return numStr;\n\n  return num.toFixed(prec);\n}\n\nexport function formatWithPrecision(\n  value: string | number | undefined,\n  precision: number\n): string | undefined {\n  if (precision < 0 || !value) return value as string | undefined;\n\n  const str = value.toString();\n  const trimmed = str.trim();\n  if (trimmed !== \"\" && !Number.isNaN(Number(trimmed)))\n    return toFixed(str, precision);\n\n  return str;\n}\n\nexport function enforceDecimalPrecision(\n  value: string,\n  precision: number\n): string {\n  if (precision < 0 || !value) return value;\n\n  const valueStr = value.toString();\n  if (precision === 0) return valueStr.split(\".\")[0];\n\n  const regex = new RegExp(`^\\\\d*\\\\.?\\\\d{0,${precision}}$`);\n  if (regex.test(valueStr)) return value;\n\n  const parts = valueStr.split(\".\");\n  if (parts.length === 1) return parts[0];\n\n  return `${parts[0]}.${parts[1].substring(0, precision)}`;\n}\n\nexport function formatWithRejectCharsRegex(\n  value: string,\n  rejectCharsRegex?: RegExp\n): string {\n  if (!rejectCharsRegex) return value;\n\n  const globalRegex = new RegExp(rejectCharsRegex, \"g\");\n\n  return value.replace(globalRegex, \"\");\n}\n\nexport function getTrimmedValue(\n  value: string | number,\n  disableTrimOnBlur: boolean\n): string | number {\n  if (disableTrimOnBlur || typeof value !== \"string\") return value;\n\n  return value.trim();\n}\n\nexport function preserveCursor(\n  e: React.ChangeEvent<HTMLInputElement>,\n  updateValueFn: () => React.ChangeEvent<HTMLInputElement>\n) {\n  const input = e.target;\n  const prevCursor = input.selectionStart;\n  const prevValue = input.value;\n\n  const updatedEvent = updateValueFn();\n\n  const lengthDiff = input.value.length - prevValue.length;\n  const newCursor = Math.max(0, (prevCursor ?? 0) + lengthDiff);\n\n  requestAnimationFrame(() => {\n    if (document.activeElement !== input) return;\n    if (input.type === \"number\") return;\n\n    input.setSelectionRange(newCursor, newCursor);\n  });\n\n  return updatedEvent;\n}\n","import React, { forwardRef, useId, useState } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Field,\n  FieldLabel,\n  FieldContent,\n  FieldDescription,\n  FieldError,\n} from \"src/primitives/Field\";\nimport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupText,\n  InputGroupInput,\n} from \"src/primitives/InputGroup\";\n\nimport { SIZE_CONFIG } from \"./constants\";\nimport {\n  formatWithPrecision,\n  enforceDecimalPrecision,\n  formatWithRejectCharsRegex,\n  getTrimmedValue,\n  preserveCursor,\n} from \"./utils\";\n\ntype InputSize = \"small\" | \"medium\" | \"large\";\n\nexport interface InputProps extends Omit<\n  React.ComponentProps<\"input\">,\n  \"size\" | \"prefix\" | \"value\"\n> {\n  /** Controlled value. */\n  value?: string | number;\n  /** Size of the input. */\n  size?: InputSize;\n  /** Input type. */\n  type?: string;\n  /** Label displayed above the input. */\n  label?: string;\n  /** Error message displayed below the input. */\n  error?: string;\n  /** Help text displayed below the input. Accepts string or ReactNode. */\n  helpText?: React.ReactNode;\n  /** Content rendered before the input. */\n  prefix?: React.ReactNode;\n  /** Content rendered after the input. */\n  suffix?: React.ReactNode;\n  /** Removes borders from the input. */\n  nakedInput?: boolean;\n  /** HTML size attribute for the input element. */\n  contentSize?: number;\n  /** Maximum character limit. Counter visible at 85%. */\n  maxLength?: number;\n  /** Allow typing past maxLength, show error styling on count. */\n  unlimitedChars?: boolean;\n  /** Regex to reject matching characters from input. */\n  rejectCharsRegex?: RegExp;\n  /** Prevent trimming whitespace on blur. */\n  disableTrimOnBlur?: boolean;\n  /** Decimal places for number formatting. -1 to disable. */\n  precision?: number;\n  /** Props forwarded to the Label element. */\n  labelProps?: React.ComponentProps<typeof FieldLabel>;\n  /** Additional class name for the outermost wrapper. */\n  className?: string;\n}\n\nconst Input = forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      size = \"medium\",\n      type = \"text\",\n      label = \"\",\n      error = \"\",\n      helpText = \"\",\n      prefix = null,\n      suffix = null,\n      disabled = false,\n      nakedInput = false,\n      contentSize,\n      required = false,\n      maxLength,\n      unlimitedChars = false,\n      rejectCharsRegex,\n      disableTrimOnBlur = false,\n      precision = -1,\n      labelProps,\n      className = \"\",\n      onBlur,\n      onChange,\n      value: controlledValue,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const id = otherProps.id ?? generatedId;\n    const errorId = `error_${id}`;\n    const helpTextId = `helpText_${id}`;\n\n    // Controlled / uncontrolled value tracking\n    const [valueInternal, setValueInternal] = useState(controlledValue);\n    const isControlled = controlledValue !== undefined;\n\n    const value =\n      formatWithPrecision(controlledValue, precision) ?? valueInternal ?? \"\";\n    const valueLength = value?.toString().length || 0;\n\n    const isMaxLengthPresent = !!maxLength || maxLength === 0;\n    const isCharacterLimitVisible =\n      isMaxLengthPresent && valueLength >= maxLength! * 0.85;\n    const maxLengthError = unlimitedChars && valueLength > maxLength!;\n\n    // --- Handlers ---\n\n    const onChangeInternal = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setValueInternal(e.target.value);\n      }\n      onChange?.(e);\n    };\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (type === \"file\") {\n        onChangeInternal(e);\n\n        return;\n      }\n\n      let formattedValue = formatWithRejectCharsRegex(\n        e.target.value,\n        rejectCharsRegex\n      );\n      formattedValue = enforceDecimalPrecision(formattedValue, precision);\n\n      if (formattedValue !== e.target.value) {\n        preserveCursor(e, () => {\n          const syntheticEvent = Object.create(e, {\n            target: { value: { ...e.target, value: formattedValue } },\n          });\n          e.target.value = formattedValue;\n          onChangeInternal(syntheticEvent);\n\n          return syntheticEvent;\n        });\n      } else {\n        onChangeInternal(e);\n      }\n    };\n\n    const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n      if (type === \"file\") {\n        onBlur?.(e);\n\n        return;\n      }\n\n      const trimmedValue = getTrimmedValue(value, disableTrimOnBlur);\n      const formattedValue = formatWithPrecision(trimmedValue, precision);\n\n      if (formattedValue !== undefined && formattedValue !== value) {\n        e.target.value = formattedValue.toString();\n        handleChange(e as unknown as React.ChangeEvent<HTMLInputElement>);\n      }\n\n      onBlur?.(e);\n    };\n\n    const handleWheel = (e: React.WheelEvent<HTMLInputElement>) => {\n      if (type === \"number\") (e.target as HTMLInputElement).blur();\n    };\n\n    // --- aria-describedby ---\n\n    const ariaDescribedBy =\n      [error ? errorId : null, helpText ? helpTextId : null]\n        .filter(Boolean)\n        .join(\" \") || undefined;\n\n    // --- Render ---\n\n    const hasField = !!(label || error || helpText);\n    const sizeConfig = SIZE_CONFIG[size];\n\n    const inputGroup = (\n      <InputGroup\n        className={cn(\n          sizeConfig.group,\n          nakedInput &&\n            \"border-0 shadow-none has-[[data-slot=input-group-control]:focus-visible]:ring-0 has-[[data-slot=input-group-control]:focus-visible]:border-transparent\",\n          !!error &&\n            !nakedInput &&\n            \"border-destructive ring-destructive/20 ring-3\",\n          !hasField && className\n        )}\n      >\n        {prefix && (\n          <InputGroupAddon align=\"inline-start\" className={sizeConfig.addon}>\n            <InputGroupText>{prefix}</InputGroupText>\n          </InputGroupAddon>\n        )}\n        <InputGroupInput\n          ref={ref}\n          id={id}\n          type={type}\n          disabled={disabled}\n          required={required}\n          size={contentSize}\n          aria-invalid={!!error || undefined}\n          aria-describedby={ariaDescribedBy}\n          className={cn(sizeConfig.input, nakedInput && \"px-0\")}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onWheel={handleWheel}\n          {...(isMaxLengthPresent && !unlimitedChars ? { maxLength } : {})}\n          {...otherProps}\n        />\n        {suffix && (\n          <InputGroupAddon align=\"inline-end\" className={sizeConfig.addon}>\n            <InputGroupText>{suffix}</InputGroupText>\n          </InputGroupAddon>\n        )}\n      </InputGroup>\n    );\n\n    if (!hasField) {\n      return inputGroup;\n    }\n\n    return (\n      <Field\n        data-disabled={disabled || undefined}\n        data-invalid={!!error || undefined}\n        className={className}\n      >\n        {(label || isCharacterLimitVisible) && (\n          <div className=\"flex items-center justify-between\">\n            {label && (\n              <FieldLabel htmlFor={id} {...labelProps}>\n                {label}\n                {required && (\n                  <span aria-hidden=\"true\" className=\"text-destructive\">\n                    *\n                  </span>\n                )}\n              </FieldLabel>\n            )}\n            {isCharacterLimitVisible && (\n              <span\n                className={cn(\n                  \"text-xs tabular-nums\",\n                  maxLengthError ? \"text-destructive\" : \"text-muted-foreground\"\n                )}\n              >\n                {valueLength}/{maxLength}\n              </span>\n            )}\n          </div>\n        )}\n        <FieldContent>\n          {inputGroup}\n          {!!error && <FieldError id={errorId}>{error}</FieldError>}\n          {helpText && (\n            <FieldDescription id={helpTextId}>{helpText}</FieldDescription>\n          )}\n        </FieldContent>\n      </Field>\n    );\n  }\n);\n\nInput.displayName = \"Input\";\n\nexport { Input };\n"],"names":["forwardRef","useId","useState","jsxs","InputGroup","cn","jsx","InputGroupAddon","InputGroupText","InputGroupInput","Field","FieldLabel","FieldContent","FieldError","FieldDescription"],"mappings":"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"}

package/dist/cjs/Kbd-D2nELu5m.js

@@ -0,0 +1,43 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('./utils-BhM0B89p.js');
+var primitives_Kbd = require('./primitives/Kbd.js');
+var primitives_Tooltip = require('./primitives/Tooltip.js');
+
+const SIDE_MAP = {
+  top: "top",
+  bottom: "bottom",
+  left: "left",
+  right: "right",
+  "top-start": "top",
+  "top-end": "top",
+  "bottom-start": "bottom",
+  "bottom-end": "bottom",
+  "left-start": "left",
+  "left-end": "left",
+  "right-start": "right",
+  "right-end": "right",
+  auto: "top"
+};
+
+const Kbd = React.forwardRef(
+  ({ tooltipProps, className, ...otherProps }, ref) => {
+    const kbd = /* @__PURE__ */ jsxRuntime.jsx(primitives_Kbd.Kbd, { ref, className: utils.cn(className), ...otherProps });
+    if (!tooltipProps?.content) {
+      return kbd;
+    }
+    const side = SIDE_MAP[tooltipProps.position ?? "auto"] ?? "top";
+    return /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsxs(primitives_Tooltip.Tooltip, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipTrigger, { asChild: true, children: kbd }),
+      /* @__PURE__ */ jsxRuntime.jsx(primitives_Tooltip.TooltipContent, { side, children: tooltipProps.content })
+    ] }) });
+  }
+);
+Kbd.displayName = "Kbd";
+const KbdGroup = primitives_Kbd.KbdGroup;
+const KbdNamespace = Object.assign(Kbd, { Group: KbdGroup });
+
+exports.KbdNamespace = KbdNamespace;
+//# sourceMappingURL=Kbd-D2nELu5m.js.map

package/dist/cjs/Kbd-D2nELu5m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd-D2nELu5m.js","sources":["../../src/components/Kbd/constants.ts","../../src/components/Kbd/Kbd.tsx"],"sourcesContent":["export const SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  \"top-start\": \"top\",\n  \"top-end\": \"top\",\n  \"bottom-start\": \"bottom\",\n  \"bottom-end\": \"bottom\",\n  \"left-start\": \"left\",\n  \"left-end\": \"left\",\n  \"right-start\": \"right\",\n  \"right-end\": \"right\",\n  auto: \"top\",\n};\n","import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Kbd as PrimitiveKbd,\n  KbdGroup as PrimitiveKbdGroup,\n} from \"src/primitives/Kbd\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\n\nimport { SIDE_MAP } from \"./constants\";\n\nexport interface KbdProps extends React.ComponentProps<typeof PrimitiveKbd> {\n  /** Optional tooltip to display on hover. */\n  tooltipProps?: {\n    content?: React.ReactNode;\n    position?: string;\n  };\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nconst Kbd = forwardRef<HTMLElement, KbdProps>(\n  ({ tooltipProps, className, ...otherProps }, ref) => {\n    const kbd = (\n      <PrimitiveKbd ref={ref} className={cn(className)} {...otherProps} />\n    );\n\n    if (!tooltipProps?.content) {\n      return kbd;\n    }\n\n    const side = SIDE_MAP[tooltipProps.position ?? \"auto\"] ?? \"top\";\n\n    return (\n      <TooltipProvider>\n        <Tooltip>\n          <TooltipTrigger asChild>{kbd}</TooltipTrigger>\n          <TooltipContent side={side}>{tooltipProps.content}</TooltipContent>\n        </Tooltip>\n      </TooltipProvider>\n    );\n  }\n);\n\nKbd.displayName = \"Kbd\";\n\nconst KbdGroup = PrimitiveKbdGroup;\n\nconst KbdNamespace = Object.assign(Kbd, { Group: KbdGroup });\n\nexport { KbdNamespace as Kbd };\n"],"names":["forwardRef","PrimitiveKbd","cn","jsx","TooltipProvider","jsxs","Tooltip","TooltipTrigger","TooltipContent","PrimitiveKbdGroup"],"mappings":";;;;;;;;AAAO,MAAM,QAAA,GAAgE;AAAA,EAC3E,GAAA,EAAK,KAAA;AAAA,EACL,MAAA,EAAQ,QAAA;AAAA,EACR,IAAA,EAAM,MAAA;AAAA,EACN,KAAA,EAAO,OAAA;AAAA,EACP,WAAA,EAAa,KAAA;AAAA,EACb,SAAA,EAAW,KAAA;AAAA,EACX,cAAA,EAAgB,QAAA;AAAA,EAChB,YAAA,EAAc,QAAA;AAAA,EACd,YAAA,EAAc,MAAA;AAAA,EACd,UAAA,EAAY,MAAA;AAAA,EACZ,aAAA,EAAe,OAAA;AAAA,EACf,WAAA,EAAa,OAAA;AAAA,EACb,IAAA,EAAM;AACR,CAAA;;ACYA,MAAM,GAAA,GAAMA,gBAAA;AAAA,EACV,CAAC,EAAE,YAAA,EAAc,WAAW,GAAG,UAAA,IAAc,GAAA,KAAQ;AACnD,IAAA,MAAM,GAAA,kCACHC,kBAAA,EAAA,EAAa,GAAA,EAAU,WAAWC,QAAA,CAAG,SAAS,CAAA,EAAI,GAAG,UAAA,EAAY,CAAA;AAGpE,IAAA,IAAI,CAAC,cAAc,OAAA,EAAS;AAC1B,MAAA,OAAO,GAAA;AAAA,IACT;AAEA,IAAA,MAAM,IAAA,GAAO,QAAA,CAAS,YAAA,CAAa,QAAA,IAAY,MAAM,CAAA,IAAK,KAAA;AAE1D,IAAA,uBACEC,cAAA,CAACC,kCAAA,EAAA,EACC,QAAA,kBAAAC,eAAA,CAACC,0BAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAAH,cAAA,CAACI,iCAAA,EAAA,EAAe,OAAA,EAAO,IAAA,EAAE,QAAA,EAAA,GAAA,EAAI,CAAA;AAAA,sBAC7BJ,cAAA,CAACK,iCAAA,EAAA,EAAe,IAAA,EAAa,QAAA,EAAA,YAAA,CAAa,OAAA,EAAQ;AAAA,KAAA,EACpD,CAAA,EACF,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,GAAA,CAAI,WAAA,GAAc,KAAA;AAElB,MAAM,QAAA,GAAWC,uBAAA;AAEjB,MAAM,eAAe,MAAA,CAAO,MAAA,CAAO,KAAK,EAAE,KAAA,EAAO,UAAU;;;;"}