@kamod-ui/core 0.1.0

package/dist/chunk-G6PBJZYF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/alert-dialog/AlertDialog.tsx","../src/components/alert-dialog/AlertDialogAction.tsx","../src/components/alert-dialog/AlertDialogCancel.tsx","../src/components/alert-dialog/AlertDialogContent.tsx","../src/components/alert-dialog/AlertDialogDescription.tsx","../src/components/alert-dialog/AlertDialogFooter.tsx","../src/components/alert-dialog/AlertDialogHeader.tsx","../src/components/alert-dialog/AlertDialogMedia.tsx","../src/components/alert-dialog/AlertDialogTitle.tsx","../src/components/alert-dialog/AlertDialogTrigger.tsx","../src/components/alert-dialog/index.ts"],"names":["jsx"],"mappings":"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","file":"chunk-G6PBJZYF.js","sourcesContent":["import type { ComponentChildren } from \"preact\";\nimport { Dialog, type DialogProps } from \"../dialog/Dialog\";\n\nexport type AlertDialogProps = DialogProps & { children?: ComponentChildren };\n\nexport const AlertDialog = ({ children, ...rest }: AlertDialogProps) => (\n  <Dialog data-slot=\"alert-dialog\" lockBodyScroll {...rest}>\n    {children}\n  </Dialog>\n);\n","import type { ComponentChildren } from \"preact\";\nimport type { VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\nimport { button } from \"../button/Button\";\nimport { DialogClose, type DialogCloseProps } from \"../dialog/DialogClose\";\n\nexport type AlertDialogActionProps = DialogCloseProps & {\n  variant?: VariantProps<typeof button>[\"variant\"];\n  children?: ComponentChildren;\n};\n\nexport const AlertDialogAction = ({\n  variant = \"default\",\n  class: className,\n  children,\n  ...rest\n}: AlertDialogActionProps) => (\n  <DialogClose\n    class={button({ variant, class: cn(\"w-full sm:w-auto\", className as string | undefined) })}\n    data-slot=\"alert-dialog-action\"\n    {...rest}\n  >\n    {children}\n  </DialogClose>\n);\n","import type { ComponentChildren } from \"preact\";\nimport type { VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\nimport { button } from \"../button/Button\";\nimport { DialogClose, type DialogCloseProps } from \"../dialog/DialogClose\";\n\nexport type AlertDialogCancelProps = DialogCloseProps & {\n  variant?: VariantProps<typeof button>[\"variant\"];\n  children?: ComponentChildren;\n};\n\nexport const AlertDialogCancel = ({\n  variant = \"outline\",\n  class: className,\n  children,\n  ...rest\n}: AlertDialogCancelProps) => (\n  <DialogClose\n    class={button({ variant, class: cn(\"w-full sm:w-auto\", className as string | undefined) })}\n    data-slot=\"alert-dialog-cancel\"\n    {...rest}\n  >\n    {children}\n  </DialogClose>\n);\n","import type { ComponentChildren } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { DialogContent, dialogViewportBleedClass, type DialogContentProps } from \"../dialog/DialogContent\";\n\nexport type AlertDialogContentSize = \"default\" | \"sm\";\n\nexport type AlertDialogContentProps = DialogContentProps & {\n  /** `sm` — narrower panel (shadcn parity). */\n  size?: AlertDialogContentSize;\n  children?: ComponentChildren;\n};\n\nexport const AlertDialogContent = ({\n  size = \"default\",\n  class: className,\n  children,\n  ...rest\n}: AlertDialogContentProps) => (\n  // presentation=\"slot\": we own the full-screen flex overlay + inner panel; default \"modal\" would add a second backdrop.\n  <DialogContent\n    presentation=\"slot\"\n    class={cn(\n      dialogViewportBleedClass,\n      \"z-50 flex items-center justify-center bg-black/50 p-3 sm:p-6 pointer-events-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards fade-in fade-out\"\n    )}\n    data-slot=\"alert-dialog-content\"\n    {...rest}\n  >\n    <div\n      class={cn(\n        \"data-open:animate-in relative z-[1] grid min-h-0 min-w-0 w-full max-w-[calc(100svw-1.5rem)] max-h-[calc(100dvh-1.5rem)] overflow-y-auto overflow-x-hidden rounded-xl border bg-background shadow-lg pointer-events-auto\",\n        size === \"sm\" ? \"gap-3 p-4 sm:max-w-sm sm:max-h-[calc(100dvh-3rem)] sm:p-4\" : \"gap-4 p-4 sm:max-w-[32rem] sm:max-h-[calc(100dvh-3rem)] sm:p-6\",\n        className\n      )}\n      data-slot=\"alert-dialog-panel\"\n      data-size={size}\n      data-open=\"true\"\n    >\n      {children}\n    </div>\n  </DialogContent>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { DialogDescription } from \"../dialog/DialogDescription\";\n\nexport type AlertDialogDescriptionProps = JSX.HTMLAttributes<HTMLParagraphElement> & {\n  children?: ComponentChildren;\n};\n\nexport const AlertDialogDescription = ({ class: className, children, ...rest }: AlertDialogDescriptionProps) => (\n  <DialogDescription class={cn(\"text-muted-foreground text-sm leading-relaxed break-words\", className)} data-slot=\"alert-dialog-description\" {...rest}>\n    {children}\n  </DialogDescription>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { DialogFooter } from \"../dialog/DialogFooter\";\n\nexport type AlertDialogFooterProps = JSX.HTMLAttributes<HTMLDivElement> & { children?: ComponentChildren };\n\nexport const AlertDialogFooter = ({ class: className, children, ...rest }: AlertDialogFooterProps) => (\n  <DialogFooter class={cn(\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className)} data-slot=\"alert-dialog-footer\" {...rest}>\n    {children}\n  </DialogFooter>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { DialogHeader } from \"../dialog/DialogHeader\";\n\nexport type AlertDialogHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & { children?: ComponentChildren };\n\nexport const AlertDialogHeader = ({ class: className, children, ...rest }: AlertDialogHeaderProps) => (\n  <DialogHeader class={cn(\"grid gap-2 text-center sm:text-left\", className)} data-slot=\"alert-dialog-header\" {...rest}>\n    {children}\n  </DialogHeader>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type AlertDialogMediaProps = JSX.HTMLAttributes<HTMLDivElement> & { children?: ComponentChildren };\n\n/** Optional icon or image slot above the title (shadcn AlertDialogMedia pattern). */\nexport const AlertDialogMedia = ({ class: className, children, ...rest }: AlertDialogMediaProps) => (\n  <div\n    data-slot=\"alert-dialog-media\"\n    class={cn(\n      \"mx-auto flex size-12 shrink-0 items-center justify-center rounded-full bg-muted text-foreground\",\n      \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-6\",\n      className\n    )}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { DialogTitle } from \"../dialog/DialogTitle\";\n\nexport type AlertDialogTitleProps = JSX.HTMLAttributes<HTMLHeadingElement> & { children?: ComponentChildren };\n\nexport const AlertDialogTitle = ({ class: className, children, ...rest }: AlertDialogTitleProps) => (\n  <DialogTitle class={cn(\"text-lg font-semibold break-words\", className)} data-slot=\"alert-dialog-title\" {...rest}>\n    {children}\n  </DialogTitle>\n);\n","import type { ComponentChildren } from \"preact\";\nimport { button } from \"../button/Button\";\nimport { DialogTrigger, type DialogTriggerProps } from \"../dialog/DialogTrigger\";\n\nexport type AlertDialogTriggerProps = DialogTriggerProps & { children?: ComponentChildren };\n\nexport const AlertDialogTrigger = ({ asChild, class: className, children, ...rest }: AlertDialogTriggerProps) => (\n  <DialogTrigger\n    asChild={asChild}\n    class={asChild ? className : button({ variant: \"outline\", class: className as string | undefined })}\n    data-slot=\"alert-dialog-trigger\"\n    {...rest}\n  >\n    {children}\n  </DialogTrigger>\n);\n","import { AlertDialog } from \"./AlertDialog\";\nimport { AlertDialogAction } from \"./AlertDialogAction\";\nimport { AlertDialogCancel } from \"./AlertDialogCancel\";\nimport { AlertDialogContent } from \"./AlertDialogContent\";\nimport { AlertDialogDescription } from \"./AlertDialogDescription\";\nimport { AlertDialogFooter } from \"./AlertDialogFooter\";\nimport { AlertDialogHeader } from \"./AlertDialogHeader\";\nimport { AlertDialogMedia } from \"./AlertDialogMedia\";\nimport { AlertDialogTitle } from \"./AlertDialogTitle\";\nimport { AlertDialogTrigger } from \"./AlertDialogTrigger\";\n\nexport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogMedia,\n  AlertDialogTitle,\n  AlertDialogTrigger\n};\n\nexport default {\n  Root: AlertDialog,\n  Trigger: AlertDialogTrigger,\n  Content: AlertDialogContent,\n  Header: AlertDialogHeader,\n  Footer: AlertDialogFooter,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n  Media: AlertDialogMedia,\n  Cancel: AlertDialogCancel,\n  Action: AlertDialogAction\n};\n\n"]}

package/dist/chunk-GFF5OT46.js

@@ -0,0 +1,80 @@
+import { Spinner } from './chunk-BMF5SGYP.js';
+import { cn } from './chunk-OMXWBB67.js';
+import { signal } from '@preact/signals';
+import { jsxs, jsx } from 'preact/jsx-runtime';
+
+var Dropzone = ({
+  accept,
+  multiple = true,
+  onFilesChange,
+  class: className,
+  children,
+  ...rest
+}) => {
+  const isDragging = signal(false);
+  const readFiles = (list) => {
+    const files = list ? Array.from(list) : [];
+    onFilesChange?.(files);
+  };
+  const onDragOver = (event) => {
+    event.preventDefault();
+    isDragging.value = true;
+  };
+  const onDragLeave = (event) => {
+    event.preventDefault();
+    isDragging.value = false;
+  };
+  const onDrop = (event) => {
+    event.preventDefault();
+    isDragging.value = false;
+    readFiles(event.dataTransfer?.files ?? null);
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-slot": "dropzone",
+      "data-dragging": isDragging.value ? "true" : "false",
+      class: cn(
+        "border-input bg-background hover:bg-muted/50 relative rounded-lg border border-dashed p-5 transition-colors",
+        isDragging.value && "border-primary bg-primary/5",
+        className
+      ),
+      onDragOver,
+      onDragLeave,
+      onDrop,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            "data-slot": "dropzone-input",
+            type: "file",
+            accept,
+            multiple,
+            class: "absolute inset-0 cursor-pointer opacity-0",
+            onChange: (event) => readFiles(event.currentTarget.files)
+          }
+        ),
+        children
+      ]
+    }
+  );
+};
+var DropzoneUploadIndicator = ({
+  class: className,
+  children = "Drop files here or click to upload",
+  ...rest
+}) => /* @__PURE__ */ jsx("div", { "data-slot": "dropzone-upload-indicator", class: cn("text-muted-foreground text-sm", className), ...rest, children });
+var DropzoneLoadingIndicator = ({
+  class: className,
+  children = "Uploading...",
+  ...rest
+}) => /* @__PURE__ */ jsxs("div", { "data-slot": "dropzone-loading-indicator", class: cn("inline-flex items-center gap-2 text-sm", className), ...rest, children: [
+  /* @__PURE__ */ jsx(Spinner, { size: "sm" }),
+  /* @__PURE__ */ jsx("span", { children })
+] });
+var DropzoneFilesList = ({ files, class: className, ...rest }) => /* @__PURE__ */ jsx("ul", { "data-slot": "dropzone-files-list", class: cn("text-muted-foreground mt-2 grid gap-1 text-sm", className), ...rest, children: files.map((file) => /* @__PURE__ */ jsx("li", { children: file.name }, file.name)) });
+
+export { Dropzone, DropzoneFilesList, DropzoneLoadingIndicator, DropzoneUploadIndicator };
+//# sourceMappingURL=chunk-GFF5OT46.js.map
+//# sourceMappingURL=chunk-GFF5OT46.js.map

package/dist/chunk-GFF5OT46.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dropzone/Dropzone.tsx","../src/components/dropzone/DropzoneUploadIndicator.tsx","../src/components/dropzone/DropzoneLoadingIndicator.tsx","../src/components/dropzone/DropzoneFilesList.tsx"],"names":["jsx","jsxs"],"mappings":"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","file":"chunk-GFF5OT46.js","sourcesContent":["import { signal } from \"@preact/signals\";\nimport type { ComponentChildren, JSX, TargetedDragEvent } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DropzoneProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  accept?: string;\n  multiple?: boolean;\n  onFilesChange?: (files: File[]) => void;\n  children?: ComponentChildren;\n};\n\nexport const Dropzone = ({\n  accept,\n  multiple = true,\n  onFilesChange,\n  class: className,\n  children,\n  ...rest\n}: DropzoneProps) => {\n  const isDragging = signal(false);\n\n  const readFiles = (list: FileList | null) => {\n    const files = list ? Array.from(list) : [];\n    onFilesChange?.(files);\n  };\n\n  const onDragOver = (event: TargetedDragEvent<HTMLDivElement>) => {\n    event.preventDefault();\n    isDragging.value = true;\n  };\n\n  const onDragLeave = (event: TargetedDragEvent<HTMLDivElement>) => {\n    event.preventDefault();\n    isDragging.value = false;\n  };\n\n  const onDrop = (event: TargetedDragEvent<HTMLDivElement>) => {\n    event.preventDefault();\n    isDragging.value = false;\n    readFiles(event.dataTransfer?.files ?? null);\n  };\n\n  return (\n    <div\n      data-slot=\"dropzone\"\n      data-dragging={isDragging.value ? \"true\" : \"false\"}\n      class={cn(\n        \"border-input bg-background hover:bg-muted/50 relative rounded-lg border border-dashed p-5 transition-colors\",\n        isDragging.value && \"border-primary bg-primary/5\",\n        className\n      )}\n      onDragOver={onDragOver}\n      onDragLeave={onDragLeave}\n      onDrop={onDrop}\n      {...rest}\n    >\n      <input\n        data-slot=\"dropzone-input\"\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        class=\"absolute inset-0 cursor-pointer opacity-0\"\n        onChange={(event) => readFiles((event.currentTarget as HTMLInputElement).files)}\n      />\n      {children}\n    </div>\n  );\n};\n\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DropzoneUploadIndicatorProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const DropzoneUploadIndicator = ({\n  class: className,\n  children = \"Drop files here or click to upload\",\n  ...rest\n}: DropzoneUploadIndicatorProps) => (\n  <div data-slot=\"dropzone-upload-indicator\" class={cn(\"text-muted-foreground text-sm\", className)} {...rest}>\n    {children}\n  </div>\n);\n\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { Spinner } from \"../spinner\";\n\nexport type DropzoneLoadingIndicatorProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const DropzoneLoadingIndicator = ({\n  class: className,\n  children = \"Uploading...\",\n  ...rest\n}: DropzoneLoadingIndicatorProps) => (\n  <div data-slot=\"dropzone-loading-indicator\" class={cn(\"inline-flex items-center gap-2 text-sm\", className)} {...rest}>\n    <Spinner size=\"sm\" />\n    <span>{children}</span>\n  </div>\n);\n\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DropzoneFilesListProps = JSX.HTMLAttributes<HTMLUListElement> & {\n  files: File[];\n};\n\nexport const DropzoneFilesList = ({ files, class: className, ...rest }: DropzoneFilesListProps) => (\n  <ul data-slot=\"dropzone-files-list\" class={cn(\"text-muted-foreground mt-2 grid gap-1 text-sm\", className)} {...rest}>\n    {files.map((file) => (\n      <li key={file.name}>{file.name}</li>\n    ))}\n  </ul>\n);\n\n"]}

package/dist/chunk-GLWYIUE5.js

@@ -0,0 +1,242 @@
+import { createIdFactory, createDismissableLayer } from './chunk-HEQRODRF.js';
+import { signal } from '@preact/signals';
+import { createContext, isValidElement, cloneElement } from 'preact';
+import { useContext, useMemo, useRef, useEffect } from 'preact/hooks';
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+var PopoverContext = createContext(null);
+var nextPopoverId = createIdFactory("kamod-popover");
+var usePopover = () => {
+  const context = useContext(PopoverContext);
+  if (!context) throw new Error("Popover subcomponents must be used within Popover");
+  return context;
+};
+var popover = tv({
+  base: "relative inline-flex"
+});
+var Popover = ({
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  class: className,
+  children,
+  ...rest
+}) => {
+  const isControlled = openProp !== void 0;
+  const open = useMemo(() => signal(isControlled ? openProp : defaultOpen), []);
+  const rootRef = useRef(null);
+  const triggerRef = useRef(null);
+  const contentRef = useRef(null);
+  const instanceId = useMemo(() => nextPopoverId(), []);
+  useEffect(() => {
+    if (isControlled && openProp !== void 0) {
+      open.value = openProp;
+    }
+  }, [openProp, isControlled, open]);
+  const setOpen = (next) => {
+    onOpenChange?.(next);
+    if (!isControlled) {
+      open.value = next;
+    }
+  };
+  const setOpenRef = useRef(setOpen);
+  setOpenRef.current = setOpen;
+  useEffect(() => {
+    const layer = createDismissableLayer({
+      root: () => rootRef.current,
+      open: () => open.value,
+      onDismiss: () => {
+        setOpenRef.current(false);
+      }
+    });
+    return () => layer.dispose();
+  }, []);
+  return /* @__PURE__ */ jsx(
+    PopoverContext.Provider,
+    {
+      value: {
+        open,
+        setOpen,
+        triggerId: `${instanceId}-trigger`,
+        contentId: `${instanceId}-content`,
+        rootRef,
+        triggerRef,
+        contentRef
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: rootRef,
+          class: popover({ class: className }),
+          "data-slot": "popover",
+          "data-state": open.value ? "open" : "closed",
+          ...rest,
+          children
+        }
+      )
+    }
+  );
+};
+var positionBySide = {
+  top: "bottom-full",
+  bottom: "top-full",
+  left: "right-full",
+  right: "left-full"
+};
+var alignByAxis = {
+  vertical: {
+    start: "left-0",
+    center: "left-1/2 -translate-x-1/2",
+    end: "right-0"
+  },
+  horizontal: {
+    start: "top-0",
+    center: "top-1/2 -translate-y-1/2",
+    end: "bottom-0"
+  }
+};
+var popoverContent = tv({
+  base: [
+    "bg-popover text-popover-foreground z-50 flex min-w-0 w-80 max-w-[calc(100vw-1.5rem)] max-h-[calc(100dvh-2rem)] flex-col gap-3 overflow-x-hidden overflow-y-auto rounded-lg border p-4 shadow-md outline-none",
+    "data-[state=open]:animate-in fade-in zoom-in-95",
+    "data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards fade-out zoom-out-95",
+    "absolute isolate"
+  ],
+  variants: {
+    side: {
+      bottom: "slide-in-from-top-2",
+      top: "slide-in-from-bottom-2",
+      right: "slide-in-from-left-2",
+      left: "slide-in-from-right-2"
+    }
+  },
+  defaultVariants: {
+    side: "bottom"
+  }
+});
+var PopoverContent = ({
+  forceMount = false,
+  side = "bottom",
+  align = "center",
+  sideOffset = 4,
+  class: className,
+  style,
+  children,
+  onKeyDown,
+  ...rest
+}) => {
+  const popover2 = usePopover();
+  if (!popover2.open.value && !forceMount) return null;
+  const isVertical = side === "top" || side === "bottom";
+  const alignClass = isVertical ? alignByAxis.vertical[align] : alignByAxis.horizontal[align];
+  const inlineStyle = typeof style === "object" && style !== null ? style : void 0;
+  const offsetStyle = side === "bottom" ? { marginTop: `${sideOffset}px` } : side === "top" ? { marginBottom: `${sideOffset}px` } : side === "right" ? { marginLeft: `${sideOffset}px` } : { marginRight: `${sideOffset}px` };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: (node) => {
+        popover2.contentRef.current = node;
+      },
+      id: popover2.contentId,
+      role: "dialog",
+      tabIndex: -1,
+      "aria-labelledby": popover2.triggerId,
+      "data-slot": "popover-content",
+      "data-side": side,
+      "data-align": align,
+      "data-state": popover2.open.value ? "open" : "closed",
+      class: `${positionBySide[side]} ${alignClass} ${popoverContent({ side, class: className })}`,
+      style: inlineStyle ? { ...offsetStyle, ...inlineStyle } : offsetStyle,
+      onKeyDown: (event) => {
+        if (event.key === "Escape") {
+          event.preventDefault();
+          popover2.setOpen(false);
+          popover2.triggerRef.current?.focus();
+          return;
+        }
+        onKeyDown?.(event);
+      },
+      ...rest,
+      children
+    }
+  );
+};
+var popoverTrigger = tv({
+  base: [
+    "inline-flex items-center justify-center",
+    "focus-visible:ring-outline/50 transition-[color,box-shadow] outline-none focus-visible:ring-3",
+    "disabled:pointer-events-none"
+  ]
+});
+var callRef = (ref, node) => {
+  if (typeof ref === "function") {
+    ref(node);
+  } else if (ref && typeof ref === "object" && "current" in ref) {
+    ref.current = node;
+  }
+};
+var PopoverTrigger = ({
+  asChild = false,
+  class: className,
+  children,
+  onClick,
+  ref: outerRef,
+  ...rest
+}) => {
+  const popover2 = usePopover();
+  const handleClick = (event) => {
+    onClick?.(event);
+    if (event.defaultPrevented) return;
+    popover2.setOpen(!popover2.open.value);
+  };
+  if (asChild) {
+    if (!isValidElement(children)) {
+      return null;
+    }
+    const childProps = children.props ?? {};
+    return cloneElement(children, {
+      ...childProps,
+      ...rest,
+      id: popover2.triggerId,
+      "aria-controls": popover2.contentId,
+      "aria-haspopup": "dialog",
+      "aria-expanded": popover2.open.value,
+      "data-slot": "popover-trigger",
+      "data-state": popover2.open.value ? "open" : "closed",
+      onClick: (event) => {
+        childProps.onClick?.(event);
+        handleClick(event);
+      },
+      ref: (node) => {
+        popover2.triggerRef.current = node;
+        callRef(childProps.ref, node);
+        callRef(outerRef, node);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref: (node) => {
+        popover2.triggerRef.current = node;
+        callRef(outerRef, node);
+      },
+      id: popover2.triggerId,
+      type: "button",
+      class: popoverTrigger({ class: className }),
+      "data-slot": "popover-trigger",
+      "data-state": popover2.open.value ? "open" : "closed",
+      "aria-controls": popover2.contentId,
+      "aria-haspopup": "dialog",
+      "aria-expanded": popover2.open.value,
+      onClick: (event) => handleClick(event),
+      ...rest,
+      children
+    }
+  );
+};
+
+export { Popover, PopoverContent, PopoverTrigger, popover, popoverContent, popoverTrigger, usePopover };
+//# sourceMappingURL=chunk-GLWYIUE5.js.map
+//# sourceMappingURL=chunk-GLWYIUE5.js.map

package/dist/chunk-GLWYIUE5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/popover/Popover.tsx","../src/components/popover/PopoverContent.tsx","../src/components/popover/PopoverTrigger.tsx"],"names":["tv","popover","jsx"],"mappings":"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","file":"chunk-GLWYIUE5.js","sourcesContent":["import { signal } from \"@preact/signals\";\nimport { createContext } from \"preact\";\nimport { useContext, useEffect, useMemo, useRef } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\nimport { createDismissableLayer, createIdFactory } from \"../../lib/interactive\";\n\ntype PopoverContextValue = {\n  open: ReturnType<typeof signal<boolean>>;\n  setOpen: (next: boolean) => void;\n  triggerId: string;\n  contentId: string;\n  rootRef: { current: HTMLDivElement | null };\n  triggerRef: { current: HTMLElement | null };\n  contentRef: { current: HTMLDivElement | null };\n};\n\nconst PopoverContext = createContext<PopoverContextValue | null>(null);\nconst nextPopoverId = createIdFactory(\"kamod-popover\");\n\nexport const usePopover = () => {\n  const context = useContext(PopoverContext);\n  if (!context) throw new Error(\"Popover subcomponents must be used within Popover\");\n  return context;\n};\n\nexport const popover = tv({\n  base: \"relative inline-flex\"\n});\n\nexport type PopoverProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: ComponentChildren;\n};\n\nexport const Popover = ({\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  class: className,\n  children,\n  ...rest\n}: PopoverProps) => {\n  const isControlled = openProp !== undefined;\n  const open = useMemo(() => signal(isControlled ? openProp : defaultOpen), []);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const instanceId = useMemo(() => nextPopoverId(), []);\n\n  useEffect(() => {\n    if (isControlled && openProp !== undefined) {\n      open.value = openProp;\n    }\n  }, [openProp, isControlled, open]);\n\n  const setOpen = (next: boolean) => {\n    onOpenChange?.(next);\n    if (!isControlled) {\n      open.value = next;\n    }\n  };\n\n  const setOpenRef = useRef(setOpen);\n  setOpenRef.current = setOpen;\n\n  useEffect(() => {\n    const layer = createDismissableLayer({\n      root: () => rootRef.current,\n      open: () => open.value,\n      onDismiss: () => {\n        setOpenRef.current(false);\n      }\n    });\n    return () => layer.dispose();\n  }, []);\n\n  return (\n    <PopoverContext.Provider\n      value={{\n        open,\n        setOpen,\n        triggerId: `${instanceId}-trigger`,\n        contentId: `${instanceId}-content`,\n        rootRef,\n        triggerRef,\n        contentRef\n      }}\n    >\n      <div\n        ref={rootRef}\n        class={popover({ class: className as string | undefined })}\n        data-slot=\"popover\"\n        data-state={open.value ? \"open\" : \"closed\"}\n        {...rest}\n      >\n        {children}\n      </div>\n    </PopoverContext.Provider>\n  );\n};\n\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { usePopover } from \"./Popover\";\n\nconst positionBySide = {\n  top: \"bottom-full\",\n  bottom: \"top-full\",\n  left: \"right-full\",\n  right: \"left-full\"\n} as const;\n\nconst alignByAxis = {\n  vertical: {\n    start: \"left-0\",\n    center: \"left-1/2 -translate-x-1/2\",\n    end: \"right-0\"\n  },\n  horizontal: {\n    start: \"top-0\",\n    center: \"top-1/2 -translate-y-1/2\",\n    end: \"bottom-0\"\n  }\n} as const;\n\nexport const popoverContent = tv({\n  base: [\n    \"bg-popover text-popover-foreground z-50 flex min-w-0 w-80 max-w-[calc(100vw-1.5rem)] max-h-[calc(100dvh-2rem)] flex-col gap-3 overflow-x-hidden overflow-y-auto rounded-lg border p-4 shadow-md outline-none\",\n    \"data-[state=open]:animate-in fade-in zoom-in-95\",\n    \"data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards fade-out zoom-out-95\",\n    \"absolute isolate\"\n  ],\n  variants: {\n    side: {\n      bottom: \"slide-in-from-top-2\",\n      top: \"slide-in-from-bottom-2\",\n      right: \"slide-in-from-left-2\",\n      left: \"slide-in-from-right-2\"\n    }\n  },\n  defaultVariants: {\n    side: \"bottom\"\n  }\n});\n\nexport type PopoverContentProps = JSX.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof popoverContent> & {\n    forceMount?: boolean;\n    side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n    align?: \"start\" | \"center\" | \"end\";\n    sideOffset?: number;\n    children?: ComponentChildren;\n  };\n\nexport const PopoverContent = ({\n  forceMount = false,\n  side = \"bottom\",\n  align = \"center\",\n  sideOffset = 4,\n  class: className,\n  style,\n  children,\n  onKeyDown,\n  ...rest\n}: PopoverContentProps) => {\n  const popover = usePopover();\n  if (!popover.open.value && !forceMount) return null;\n\n  const isVertical = side === \"top\" || side === \"bottom\";\n  const alignClass = isVertical ? alignByAxis.vertical[align] : alignByAxis.horizontal[align];\n  const inlineStyle = typeof style === \"object\" && style !== null ? style : undefined;\n  const offsetStyle: JSX.CSSProperties =\n    side === \"bottom\"\n      ? { marginTop: `${sideOffset}px` }\n      : side === \"top\"\n        ? { marginBottom: `${sideOffset}px` }\n        : side === \"right\"\n          ? { marginLeft: `${sideOffset}px` }\n          : { marginRight: `${sideOffset}px` };\n\n  return (\n    <div\n      ref={(node) => {\n        popover.contentRef.current = node;\n      }}\n      id={popover.contentId}\n      role=\"dialog\"\n      tabIndex={-1}\n      aria-labelledby={popover.triggerId}\n      data-slot=\"popover-content\"\n      data-side={side}\n      data-align={align}\n      data-state={popover.open.value ? \"open\" : \"closed\"}\n      class={`${positionBySide[side]} ${alignClass} ${popoverContent({ side, class: className as string | undefined })}`}\n      style={inlineStyle ? { ...offsetStyle, ...inlineStyle } : offsetStyle}\n      onKeyDown={(event) => {\n        if (event.key === \"Escape\") {\n          event.preventDefault();\n          popover.setOpen(false);\n          popover.triggerRef.current?.focus();\n          return;\n        }\n        onKeyDown?.(event);\n      }}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n\n","import { cloneElement, isValidElement, type ComponentChildren, type JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\nimport { usePopover } from \"./Popover\";\n\nexport const popoverTrigger = tv({\n  base: [\n    \"inline-flex items-center justify-center\",\n    \"focus-visible:ring-outline/50 transition-[color,box-shadow] outline-none focus-visible:ring-3\",\n    \"disabled:pointer-events-none\"\n  ]\n});\n\nexport type PopoverTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  asChild?: boolean;\n  children?: ComponentChildren;\n};\n\nconst callRef = <T extends HTMLElement>(ref: unknown, node: T | null) => {\n  if (typeof ref === \"function\") {\n    ref(node);\n  } else if (ref && typeof ref === \"object\" && \"current\" in ref) {\n    (ref as { current: T | null }).current = node;\n  }\n};\n\nexport const PopoverTrigger = ({\n  asChild = false,\n  class: className,\n  children,\n  onClick,\n  ref: outerRef,\n  ...rest\n}: PopoverTriggerProps) => {\n  const popover = usePopover();\n\n  const handleClick = (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n    onClick?.(event as JSX.TargetedMouseEvent<HTMLButtonElement>);\n    if (event.defaultPrevented) return;\n    popover.setOpen(!popover.open.value);\n  };\n\n  if (asChild) {\n    if (!isValidElement(children)) {\n      return null;\n    }\n\n    const childProps = (children.props ?? {}) as JSX.HTMLAttributes<HTMLElement> & {\n      ref?: unknown;\n      onClick?: (event: JSX.TargetedMouseEvent<HTMLElement>) => void;\n    };\n\n    return cloneElement(children, {\n      ...(childProps as Record<string, unknown>),\n      ...(rest as Record<string, unknown>),\n      id: popover.triggerId,\n      \"aria-controls\": popover.contentId,\n      \"aria-haspopup\": \"dialog\",\n      \"aria-expanded\": popover.open.value,\n      \"data-slot\": \"popover-trigger\",\n      \"data-state\": popover.open.value ? \"open\" : \"closed\",\n      onClick: (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n        childProps.onClick?.(event);\n        handleClick(event);\n      },\n      ref: (node: HTMLElement | null) => {\n        popover.triggerRef.current = node;\n        callRef(childProps.ref, node);\n        callRef(outerRef, node);\n      }\n    } as never);\n  }\n\n  return (\n    <button\n      ref={(node) => {\n        popover.triggerRef.current = node;\n        callRef(outerRef, node);\n      }}\n      id={popover.triggerId}\n      type=\"button\"\n      class={popoverTrigger({ class: className as string | undefined })}\n      data-slot=\"popover-trigger\"\n      data-state={popover.open.value ? \"open\" : \"closed\"}\n      aria-controls={popover.contentId}\n      aria-haspopup=\"dialog\"\n      aria-expanded={popover.open.value}\n      onClick={(event) => handleClick(event as unknown as JSX.TargetedMouseEvent<HTMLElement>)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n"]}

package/dist/chunk-HEQRODRF.js

@@ -0,0 +1,110 @@
+import { signal, effect } from '@preact/signals';
+
+// src/lib/interactive/createDismissableLayer.ts
+var MODAL_DIALOG_PANEL_OUTSIDE_SLOP_PX = 48;
+var isPointerWithinModalDialogPanelSlop = (event) => {
+  const { clientX: x, clientY: y } = event;
+  const slop = MODAL_DIALOG_PANEL_OUTSIDE_SLOP_PX;
+  for (const panel of document.querySelectorAll(
+    '[data-slot="dialog-content"][data-state="open"]:not([data-kamod-root-dismissible])'
+  )) {
+    if (!(panel instanceof HTMLElement)) continue;
+    const r = panel.getBoundingClientRect();
+    if (r.width <= 0 || r.height <= 0) continue;
+    if (x >= r.left - slop && x <= r.right + slop && y >= r.top - slop && y <= r.bottom + slop) {
+      return true;
+    }
+  }
+  return false;
+};
+var createDismissableLayer = ({
+  root,
+  open,
+  onDismiss
+}) => {
+  const enabled = signal(true);
+  const portalLayerSelector = '[data-slot="dialog-content"], [data-slot="alert-dialog-content"], [data-slot="sheet-content"], [data-slot="popover-content"], [data-slot="select-content"], [data-slot="dropdown-content"]';
+  const overlayLayerSlots = /* @__PURE__ */ new Set(["dialog-content", "alert-dialog-content"]);
+  const stop = effect(() => {
+    if (!enabled.value || !open()) return;
+    const onPointerDown = (event) => {
+      const node = root();
+      if (!node) return;
+      const target = event.target;
+      if (!target) return;
+      if (node.contains(target)) return;
+      if (target instanceof Element) {
+        const closestLayer = target.closest(portalLayerSelector);
+        if (closestLayer) {
+          const layerSlot = closestLayer.getAttribute("data-slot");
+          const rootDismissible = closestLayer.hasAttribute("data-kamod-root-dismissible");
+          if (layerSlot === "dialog-content" && target === closestLayer && !rootDismissible) {
+            return;
+          }
+          const isOverlayLayer = layerSlot ? overlayLayerSlots.has(layerSlot) : false;
+          if (!isOverlayLayer || target !== closestLayer) return;
+        }
+      }
+      if (target instanceof Element && target.closest('[data-slot="dialog-overlay"]') && isPointerWithinModalDialogPanelSlop(event)) {
+        return;
+      }
+      onDismiss();
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        onDismiss();
+      }
+    };
+    document.addEventListener("pointerdown", onPointerDown);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("pointerdown", onPointerDown);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  });
+  return {
+    enabled,
+    dispose: () => stop()
+  };
+};
+
+// src/lib/interactive/createIdFactory.ts
+var idCounter = 0;
+var createIdFactory = (prefix) => {
+  return (explicitId) => {
+    if (explicitId) return explicitId;
+    idCounter += 1;
+    return `${prefix}-${idCounter}`;
+  };
+};
+var createRovingFocus = (count, initialIndex = -1) => {
+  const activeIndex = signal(initialIndex);
+  const clamp = (index) => {
+    if (count <= 0) return -1;
+    if (index < 0) return count - 1;
+    if (index >= count) return 0;
+    return index;
+  };
+  return {
+    activeIndex,
+    moveNext: () => {
+      activeIndex.value = clamp(activeIndex.value + 1);
+    },
+    movePrev: () => {
+      activeIndex.value = clamp(activeIndex.value - 1);
+    },
+    moveFirst: () => {
+      activeIndex.value = count > 0 ? 0 : -1;
+    },
+    moveLast: () => {
+      activeIndex.value = count > 0 ? count - 1 : -1;
+    },
+    set: (index) => {
+      activeIndex.value = clamp(index);
+    }
+  };
+};
+
+export { MODAL_DIALOG_PANEL_OUTSIDE_SLOP_PX, createDismissableLayer, createIdFactory, createRovingFocus, isPointerWithinModalDialogPanelSlop };
+//# sourceMappingURL=chunk-HEQRODRF.js.map
+//# sourceMappingURL=chunk-HEQRODRF.js.map

package/dist/chunk-HEQRODRF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/interactive/createDismissableLayer.ts","../src/lib/interactive/createIdFactory.ts","../src/lib/interactive/createRovingFocus.ts"],"names":["signal"],"mappings":"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","file":"chunk-HEQRODRF.js","sourcesContent":["import { effect, signal } from \"@preact/signals\";\n\n/** Clicks on `box-shadow` fall through to the overlay (shadow is not hit-testable). */\nexport const MODAL_DIALOG_PANEL_OUTSIDE_SLOP_PX = 48;\n\n/**\n * True when the pointer lies in an expanded box around an open modal dialog panel\n * (`dialog-content` without `data-kamod-root-dismissible`). Used so overlay hits\n * in the shadow “halo” do not close the dialog.\n *\n * Skips panels with zero layout size (e.g. JSDOM) so tests keep dismissing on overlay.\n */\nexport const isPointerWithinModalDialogPanelSlop = (\n  event: Pick<PointerEvent, \"clientX\" | \"clientY\">\n): boolean => {\n  const { clientX: x, clientY: y } = event;\n  const slop = MODAL_DIALOG_PANEL_OUTSIDE_SLOP_PX;\n\n  for (const panel of document.querySelectorAll(\n    '[data-slot=\"dialog-content\"][data-state=\"open\"]:not([data-kamod-root-dismissible])'\n  )) {\n    if (!(panel instanceof HTMLElement)) continue;\n    const r = panel.getBoundingClientRect();\n    if (r.width <= 0 || r.height <= 0) continue;\n    if (x >= r.left - slop && x <= r.right + slop && y >= r.top - slop && y <= r.bottom + slop) {\n      return true;\n    }\n  }\n  return false;\n};\n\ntype CreateDismissableLayerOptions = {\n  root: () => HTMLElement | null;\n  open: () => boolean;\n  onDismiss: () => void;\n};\n\nexport const createDismissableLayer = ({\n  root,\n  open,\n  onDismiss\n}: CreateDismissableLayerOptions) => {\n  const enabled = signal(true);\n  const portalLayerSelector =\n    '[data-slot=\"dialog-content\"], [data-slot=\"alert-dialog-content\"], [data-slot=\"sheet-content\"], [data-slot=\"popover-content\"], [data-slot=\"select-content\"], [data-slot=\"dropdown-content\"]';\n  const overlayLayerSlots = new Set([\"dialog-content\", \"alert-dialog-content\"]);\n\n  const stop = effect(() => {\n    if (!enabled.value || !open()) return;\n\n    const onPointerDown = (event: PointerEvent) => {\n      const node = root();\n      if (!node) return;\n      const target = event.target as Node | null;\n      if (!target) return;\n      if (node.contains(target)) return;\n      if (target instanceof Element) {\n        const closestLayer = target.closest(portalLayerSelector);\n        if (closestLayer) {\n          const layerSlot = closestLayer.getAttribute(\"data-slot\");\n          const rootDismissible = closestLayer.hasAttribute(\"data-kamod-root-dismissible\");\n\n          // Modal `DialogContent` uses a separate `[data-slot=\"dialog-overlay\"]`; hits on the\n          // panel root (grid gap, padding, border) still target this div — those must not dismiss.\n          // `presentation=\"slot\"` fullscreen shells set `data-kamod-root-dismissible` so a direct\n          // hit on that root (dim backdrop) still dismisses.\n          if (layerSlot === \"dialog-content\" && target === closestLayer && !rootDismissible) {\n            return;\n          }\n\n          const isOverlayLayer = layerSlot ? overlayLayerSlots.has(layerSlot) : false;\n\n          // For overlay wrappers, clicking the backdrop (root element itself) should dismiss.\n          if (!isOverlayLayer || target !== closestLayer) return;\n        }\n      }\n      if (\n        target instanceof Element &&\n        target.closest('[data-slot=\"dialog-overlay\"]') &&\n        isPointerWithinModalDialogPanelSlop(event)\n      ) {\n        return;\n      }\n      onDismiss();\n    };\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onDismiss();\n      }\n    };\n\n    document.addEventListener(\"pointerdown\", onPointerDown);\n    document.addEventListener(\"keydown\", onKeyDown);\n\n    return () => {\n      document.removeEventListener(\"pointerdown\", onPointerDown);\n      document.removeEventListener(\"keydown\", onKeyDown);\n    };\n  });\n\n  return {\n    enabled,\n    dispose: () => stop()\n  };\n};\n","let idCounter = 0;\n\nexport const createIdFactory = (prefix: string) => {\n  return (explicitId?: string) => {\n    if (explicitId) return explicitId;\n    idCounter += 1;\n    return `${prefix}-${idCounter}`;\n  };\n};\n","import { signal } from \"@preact/signals\";\n\nexport const createRovingFocus = (count: number, initialIndex = -1) => {\n  const activeIndex = signal(initialIndex);\n\n  const clamp = (index: number) => {\n    if (count <= 0) return -1;\n    if (index < 0) return count - 1;\n    if (index >= count) return 0;\n    return index;\n  };\n\n  return {\n    activeIndex,\n    moveNext: () => {\n      activeIndex.value = clamp(activeIndex.value + 1);\n    },\n    movePrev: () => {\n      activeIndex.value = clamp(activeIndex.value - 1);\n    },\n    moveFirst: () => {\n      activeIndex.value = count > 0 ? 0 : -1;\n    },\n    moveLast: () => {\n      activeIndex.value = count > 0 ? count - 1 : -1;\n    },\n    set: (index: number) => {\n      activeIndex.value = clamp(index);\n    }\n  };\n};\n"]}

package/dist/chunk-HGTFOOUL.js

@@ -0,0 +1,61 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { jsx } from 'preact/jsx-runtime';
+import { isValidElement, cloneElement } from 'preact';
+
+var ButtonGroup = ({ class: className, orientation = "horizontal", children, ...rest }) => {
+  const isVertical = orientation === "vertical";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "button-group",
+      "data-orientation": orientation,
+      class: cn(
+        "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2",
+        "[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:min-w-0 [&>input]:flex-1",
+        isVertical ? "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none" : "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+        className
+      ),
+      ...rest,
+      children
+    }
+  );
+};
+var textClass = "text-muted-foreground flex items-center text-sm font-normal [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+var ButtonGroupText = ({
+  class: className,
+  children,
+  asChild = false,
+  ...rest
+}) => {
+  if (asChild) {
+    if (!isValidElement(children)) {
+      return null;
+    }
+    const childProps = children.props ?? {};
+    return cloneElement(children, {
+      ...childProps ?? {},
+      ...rest,
+      class: cn(childProps.class, childProps.className, textClass, className),
+      "data-slot": "button-group-text"
+    });
+  }
+  return /* @__PURE__ */ jsx("div", { "data-slot": "button-group-text", class: cn(textClass, className), ...rest, children });
+};
+var ButtonGroupSeparator = ({ class: className, orientation = "vertical", ...rest }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    "data-slot": "button-group-separator",
+    "data-orientation": orientation,
+    class: cn(
+      "bg-border relative inline-block shrink-0 self-stretch",
+      orientation === "horizontal" ? "mx-px h-px min-h-0 w-5 in-data-[slot=button-group]:w-auto" : "my-px h-5 min-w-0 w-px in-data-[slot=button-group]:h-auto",
+      className
+    ),
+    ...rest
+  }
+);
+
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText };
+//# sourceMappingURL=chunk-HGTFOOUL.js.map
+//# sourceMappingURL=chunk-HGTFOOUL.js.map

package/dist/chunk-HGTFOOUL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/button-group/ButtonGroup.tsx","../src/components/button-group/ButtonGroupText.tsx","../src/components/button-group/ButtonGroupSeparator.tsx"],"names":["jsx"],"mappings":";;;;AAQO,IAAM,WAAA,GAAc,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,cAAc,YAAA,EAAc,QAAA,EAAU,GAAG,IAAA,EAAK,KAAwB;AACpH,EAAA,MAAM,aAAa,WAAA,KAAgB,UAAA;AAEnC,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,OAAA;AAAA,MACL,WAAA,EAAU,cAAA;AAAA,MACV,kBAAA,EAAkB,WAAA;AAAA,MAClB,KAAA,EAAO,EAAA;AAAA,QACL,8GAAA;AAAA,QACA,4FAAA;AAAA,QACA,aACI,0HAAA,GACA,iHAAA;AAAA,QACJ;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;ACrBA,IAAM,SAAA,GACJ,+IAAA;AAEK,IAAM,kBAAkB,CAAC;AAAA,EAC9B,KAAA,EAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,OAAA,GAAU,KAAA;AAAA,EACV,GAAG;AACL,CAAA,KAA4B;AAC1B,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,IAAI,CAAC,cAAA,CAAe,QAAQ,CAAA,EAAG;AAC7B,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,MAAM,UAAA,GAAc,QAAA,CAAS,KAAA,IAAS,EAAC;AAKvC,IAAA,OAAO,aAAa,QAAA,EAAU;AAAA,MAC5B,GAAI,cAAc,EAAC;AAAA,MACnB,GAAI,IAAA;AAAA,MACJ,OAAO,EAAA,CAAG,UAAA,CAAW,OAAO,UAAA,CAAW,SAAA,EAAW,WAAW,SAAS,CAAA;AAAA,MACtE,WAAA,EAAa;AAAA,KACd,CAAA;AAAA,EACH;AAEA,EAAA,uBACEA,GAAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,mBAAA,EAAoB,KAAA,EAAO,EAAA,CAAG,SAAA,EAAW,SAAS,CAAA,EAAI,GAAG,IAAA,EACrE,QAAA,EACH,CAAA;AAEJ;ACjCO,IAAM,oBAAA,GAAuB,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,cAAc,UAAA,EAAY,GAAG,IAAA,EAAK,qBACzFA,GAAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,wBAAA;AAAA,IACV,kBAAA,EAAkB,WAAA;AAAA,IAClB,KAAA,EAAO,EAAA;AAAA,MACL,uDAAA;AAAA,MACA,WAAA,KAAgB,eACZ,2DAAA,GACA,2DAAA;AAAA,MACJ;AAAA,KACF;AAAA,IACC,GAAG;AAAA;AACN","file":"chunk-HGTFOOUL.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ButtonGroupProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  orientation?: \"horizontal\" | \"vertical\";\n  children?: ComponentChildren;\n};\n\nexport const ButtonGroup = ({ class: className, orientation = \"horizontal\", children, ...rest }: ButtonGroupProps) => {\n  const isVertical = orientation === \"vertical\";\n\n  return (\n    <div\n      role=\"group\"\n      data-slot=\"button-group\"\n      data-orientation={orientation}\n      class={cn(\n        \"flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2\",\n        \"[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:min-w-0 [&>input]:flex-1\",\n        isVertical\n          ? \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\"\n          : \"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import { cloneElement, isValidElement, type ComponentChildren, type JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ButtonGroupTextProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, \"size\"> & {\n  children?: ComponentChildren;\n  asChild?: boolean;\n};\n\nconst textClass =\n  \"text-muted-foreground flex items-center text-sm font-normal [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\";\n\nexport const ButtonGroupText = ({\n  class: className,\n  children,\n  asChild = false,\n  ...rest\n}: ButtonGroupTextProps) => {\n  if (asChild) {\n    if (!isValidElement(children)) {\n      return null;\n    }\n\n    const childProps = (children.props ?? {}) as JSX.HTMLAttributes<HTMLElement> & {\n      class?: string;\n      className?: string;\n    };\n\n    return cloneElement(children, {\n      ...(childProps ?? {}),\n      ...(rest as JSX.HTMLAttributes<HTMLElement>),\n      class: cn(childProps.class, childProps.className, textClass, className),\n      \"data-slot\": \"button-group-text\"\n    });\n  }\n\n  return (\n    <div data-slot=\"button-group-text\" class={cn(textClass, className)} {...rest}>\n      {children}\n    </div>\n  );\n};\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ButtonGroupSeparatorProps = JSX.HTMLAttributes<HTMLSpanElement> & {\n  orientation?: \"horizontal\" | \"vertical\";\n};\n\nexport const ButtonGroupSeparator = ({ class: className, orientation = \"vertical\", ...rest }: ButtonGroupSeparatorProps) => (\n  <span\n    data-slot=\"button-group-separator\"\n    data-orientation={orientation}\n    class={cn(\n      \"bg-border relative inline-block shrink-0 self-stretch\",\n      orientation === \"horizontal\"\n        ? \"mx-px h-px min-h-0 w-5 in-data-[slot=button-group]:w-auto\"\n        : \"my-px h-5 min-w-0 w-px in-data-[slot=button-group]:h-auto\",\n      className\n    )}\n    {...rest}\n  />\n);\n"]}

package/dist/chunk-HNESOMVN.js

@@ -0,0 +1,18 @@
+import { SheetFooter, SheetHeader, SheetContent, Sheet } from './chunk-7HZUM5ZQ.js';
+import { DialogClose, DialogDescription, DialogTitle, DialogTrigger } from './chunk-KBXDU3G4.js';
+
+// src/components/sheet/index.ts
+var sheet_default = {
+  Root: Sheet,
+  Trigger: DialogTrigger,
+  Content: SheetContent,
+  Header: SheetHeader,
+  Footer: SheetFooter,
+  Title: DialogTitle,
+  Description: DialogDescription,
+  Close: DialogClose
+};
+
+export { sheet_default };
+//# sourceMappingURL=chunk-HNESOMVN.js.map
+//# sourceMappingURL=chunk-HNESOMVN.js.map

package/dist/chunk-HNESOMVN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sheet/index.ts"],"names":[],"mappings":";;;;AAoBA,IAAO,aAAA,GAAQ;AAAA,EACb,IAAA,EAAM,KAAA;AAAA,EACN,OAAA,EAAS,aAAA;AAAA,EACT,OAAA,EAAS,YAAA;AAAA,EACT,MAAA,EAAQ,WAAA;AAAA,EACR,MAAA,EAAQ,WAAA;AAAA,EACR,KAAA,EAAO,WAAA;AAAA,EACP,WAAA,EAAa,iBAAA;AAAA,EACb,KAAA,EAAO;AACT","file":"chunk-HNESOMVN.js","sourcesContent":["import { Sheet } from \"./Sheet\";\nimport { SheetClose } from \"./SheetClose\";\nimport { SheetContent } from \"./SheetContent\";\nimport { SheetDescription } from \"./SheetDescription\";\nimport { SheetFooter } from \"./SheetFooter\";\nimport { SheetHeader } from \"./SheetHeader\";\nimport { SheetTitle } from \"./SheetTitle\";\nimport { SheetTrigger } from \"./SheetTrigger\";\n\nexport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger\n};\n\nexport default {\n  Root: Sheet,\n  Trigger: SheetTrigger,\n  Content: SheetContent,\n  Header: SheetHeader,\n  Footer: SheetFooter,\n  Title: SheetTitle,\n  Description: SheetDescription,\n  Close: SheetClose\n};\n"]}