@kamod-ui/core 0.1.0

package/dist/chunk-Y37OHTAO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/avatar/context.tsx","../src/components/avatar/AvatarBadge.tsx","../src/components/avatar/Avatar.tsx","../src/components/avatar/AvatarFallback.tsx","../src/components/avatar/AvatarGroupCount.tsx","../src/components/avatar/AvatarGroup.tsx","../src/components/avatar/AvatarImage.tsx"],"names":["jsx","toChildArray","isValidElement"],"mappings":"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","file":"chunk-Y37OHTAO.js","sourcesContent":["import { createContext } from \"preact\";\nimport { useContext } from \"preact/hooks\";\nimport type { AvatarContextValue } from \"./types\";\n\nexport const AvatarContext = createContext<AvatarContextValue | null>(null);\n\nexport const useAvatarContext = () => {\n  const ctx = useContext(AvatarContext);\n  if (!ctx) {\n    throw new Error(\"AvatarImage, AvatarFallback, and AvatarBadge must be used within Avatar\");\n  }\n  return ctx;\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useAvatarContext } from \"./context\";\n\nexport type AvatarBadgeProps = JSX.HTMLAttributes<HTMLSpanElement> & {\n  children?: ComponentChildren;\n};\n\nexport const AvatarBadge = ({ class: className, children, ...rest }: AvatarBadgeProps) => {\n  useAvatarContext();\n\n  return (\n    <span\n      data-slot=\"avatar-badge\"\n      class={cn(\n        \"absolute z-20 box-border inline-flex items-center justify-center rounded-full bg-primary\",\n        /* Bottom-inline-end overlap (~¼ avatar width) with a thick white ring so the dot reads clearly on the photo. */\n        \"bottom-0.5 end-0.5 ring-[3px] ring-white dark:ring-background\",\n        \"group-data-[size=sm]/avatar:bottom-px group-data-[size=sm]/avatar:end-px group-data-[size=sm]/avatar:size-2 group-data-[size=sm]/avatar:ring-2\",\n        \"group-data-[size=sm]/avatar:[&_svg]:hidden\",\n        \"group-data-[size=default]/avatar:size-2.5 group-data-[size=default]/avatar:[&_svg]:size-2\",\n        \"group-data-[size=lg]/avatar:bottom-1 group-data-[size=lg]/avatar:end-1 group-data-[size=lg]/avatar:size-3 group-data-[size=lg]/avatar:[&_svg]:size-2\",\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n};\n","import type { ComponentChild, ComponentChildren, JSX, VNode } from \"preact\";\nimport { isValidElement, toChildArray } from \"preact\";\nimport { useCallback, useMemo, useState } from \"preact/hooks\";\nimport { tv } from \"tailwind-variants\";\nimport { AvatarBadge } from \"./AvatarBadge\";\nimport { AvatarContext } from \"./context\";\n\n/** Outer shell: no overflow so AvatarBadge rings are not clipped. */\nexport const avatarRoot = tv({\n  base: \"group/avatar relative inline-flex shrink-0 select-none\",\n  variants: {\n    size: {\n      sm: \"size-8\",\n      default: \"size-10\",\n      lg: \"size-12\"\n    }\n  },\n  defaultVariants: { size: \"default\" }\n});\n\n/** Circular clip + border for image/fallback only. */\nconst avatarMedia = tv({\n  base: [\n    \"absolute inset-0 overflow-hidden rounded-full border border-border\",\n    \"after:pointer-events-none after:absolute after:inset-0 after:z-[5] after:rounded-full after:border after:border-border/50\"\n  ]\n});\n\nfunction partitionAvatarChildren(children: ComponentChildren): { media: ComponentChild[]; badges: VNode[] } {\n  const media: ComponentChild[] = [];\n  const badges: VNode[] = [];\n  for (const node of toChildArray(children)) {\n    if (isValidElement(node) && node.type === AvatarBadge) {\n      badges.push(node);\n    } else {\n      media.push(node);\n    }\n  }\n  return { media, badges };\n}\n\nexport type AvatarProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, \"size\"> & {\n  children?: ComponentChildren;\n  size?: \"sm\" | \"default\" | \"lg\";\n};\n\nexport const Avatar = ({ size = \"default\", class: className, children, ...rest }: AvatarProps) => {\n  const [loaded, setLoaded] = useState(false);\n  const [failed, setFailed] = useState(false);\n\n  const notifyLoad = useCallback(() => {\n    setLoaded(true);\n    setFailed(false);\n  }, []);\n\n  const notifyError = useCallback(() => {\n    setFailed(true);\n    setLoaded(false);\n  }, []);\n\n  const resetImage = useCallback(() => {\n    setLoaded(false);\n    setFailed(false);\n  }, []);\n\n  const showFallback = !loaded || failed;\n\n  const value = useMemo(\n    () => ({\n      notifyLoad,\n      notifyError,\n      resetImage,\n      showFallback\n    }),\n    [notifyLoad, notifyError, resetImage, showFallback]\n  );\n\n  const dataSize = size === \"default\" ? \"default\" : size;\n  const { media, badges } = partitionAvatarChildren(children);\n\n  return (\n    <AvatarContext.Provider value={value}>\n      <span\n        {...rest}\n        data-slot=\"avatar\"\n        data-size={dataSize}\n        class={avatarRoot({ size, class: className as string | undefined })}\n      >\n        <span class={avatarMedia()}>{media}</span>\n        {badges}\n      </span>\n    </AvatarContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useAvatarContext } from \"./context\";\n\nexport type AvatarFallbackProps = JSX.HTMLAttributes<HTMLSpanElement> & {\n  children?: ComponentChildren;\n};\n\nexport const AvatarFallback = ({ class: className, children, ...rest }: AvatarFallbackProps) => {\n  const { showFallback } = useAvatarContext();\n\n  return (\n    <span\n      data-slot=\"avatar-fallback\"\n      class={cn(\n        \"bg-muted text-muted-foreground absolute inset-0 z-0 inline-flex size-full items-center justify-center font-medium\",\n        \"text-sm group-data-[size=sm]/avatar:text-xs group-data-[size=lg]/avatar:text-base\",\n        !showFallback && \"hidden\",\n        className\n      )}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type AvatarGroupCountProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const AvatarGroupCount = ({ class: className, children, ...rest }: AvatarGroupCountProps) => (\n  <div\n    data-slot=\"avatar-group-count\"\n    class={cn(\n      \"bg-muted text-muted-foreground relative z-[100] -ms-2 inline-flex size-10 shrink-0 items-center justify-center rounded-full text-center text-xs font-medium tabular-nums leading-none ring-2 ring-background rtl:-ms-0 rtl:-me-2\",\n      className\n    )}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { Fragment, isValidElement, toChildArray } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { Avatar } from \"./Avatar\";\nimport { AvatarGroupCount } from \"./AvatarGroupCount\";\n\nexport type AvatarGroupProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const AvatarGroup = ({ class: className, children, ...rest }: AvatarGroupProps) => {\n  const items = toChildArray(children);\n  let stackIndex = 0;\n\n  return (\n    <div\n      data-slot=\"avatar-group\"\n      class={cn(\n        \"isolate flex flex-row flex-wrap items-center -space-x-2 rtl:space-x-reverse\",\n        className\n      )}\n      {...rest}\n    >\n      {items.map((child, i) => {\n        if (isValidElement(child) && child.type === Avatar) {\n          const z = stackIndex;\n          stackIndex += 1;\n          const key =\n            typeof child.key === \"string\" || typeof child.key === \"number\" ? child.key : `avatar-group-${i}`;\n          return (\n            <span\n              key={key}\n              class=\"relative inline-flex shrink-0 rounded-full ring-2 ring-background\"\n              style={{ zIndex: z }}\n            >\n              {child}\n            </span>\n          );\n        }\n        if (isValidElement(child) && child.type === AvatarGroupCount) {\n          const key =\n            typeof child.key === \"string\" || typeof child.key === \"number\" ? child.key : `avatar-group-count-${i}`;\n          return (\n            <span key={key} class=\"relative z-[100] inline-flex shrink-0\">\n              {child}\n            </span>\n          );\n        }\n        return <Fragment key={i}>{child}</Fragment>;\n      })}\n    </div>\n  );\n};\n","import type { JSX } from \"preact\";\nimport { useEffect } from \"preact/hooks\";\nimport { cn } from \"../../lib/utils\";\nimport { useAvatarContext } from \"./context\";\n\nexport type AvatarImageProps = JSX.ImgHTMLAttributes<HTMLImageElement>;\n\nexport const AvatarImage = ({\n  class: className,\n  src,\n  alt = \"\",\n  onLoad,\n  onError,\n  ...rest\n}: AvatarImageProps) => {\n  const { notifyLoad, notifyError, resetImage, showFallback } = useAvatarContext();\n\n  useEffect(() => {\n    resetImage();\n    if (!src || src === \"\") {\n      notifyError();\n    }\n  }, [src, resetImage, notifyError]);\n\n  return (\n    <img\n      data-slot=\"avatar-image\"\n      src={src}\n      alt={alt}\n      class={cn(\"absolute inset-0 z-10 size-full object-cover\", showFallback && \"invisible\", className)}\n      onLoad={(e) => {\n        onLoad?.(e);\n        notifyLoad();\n      }}\n      onError={(e) => {\n        onError?.(e);\n        notifyError();\n      }}\n      {...rest}\n    />\n  );\n};\n"]}

package/dist/chunk-Y4OW24IS.js

@@ -0,0 +1,18 @@
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+// src/components/label/Label.tsx
+var label = tv({
+  base: [
+    "text-foreground select-none font-medium leading-none",
+    "peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+    "has-[+:disabled]:cursor-not-allowed has-[+:disabled]:opacity-70"
+  ],
+  variants: { size: { sm: "text-sm", md: "text-base", lg: "text-lg" } },
+  defaultVariants: { size: "sm" }
+});
+var Label = ({ size, class: className, ...rest }) => /* @__PURE__ */ jsx("label", { class: label({ size, class: className }), "data-slot": "label", ...rest });
+
+export { Label, label };
+//# sourceMappingURL=chunk-Y4OW24IS.js.map
+//# sourceMappingURL=chunk-Y4OW24IS.js.map

package/dist/chunk-Y4OW24IS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/label/Label.tsx"],"names":[],"mappings":";;;;AAGO,IAAM,QAAQ,EAAA,CAAG;AAAA,EACtB,IAAA,EAAM;AAAA,IACJ,sDAAA;AAAA,IACA,2DAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,QAAA,EAAU,EAAE,IAAA,EAAM,EAAE,EAAA,EAAI,WAAW,EAAA,EAAI,WAAA,EAAa,EAAA,EAAI,SAAA,EAAU,EAAE;AAAA,EACpE,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;AAKM,IAAM,KAAA,GAAQ,CAAC,EAAE,IAAA,EAAM,OAAO,SAAA,EAAW,GAAG,IAAA,EAAK,qBACtD,GAAA,CAAC,OAAA,EAAA,EAAM,OAAO,KAAA,CAAM,EAAE,MAAM,KAAA,EAAO,SAAA,EAAiC,CAAA,EAAG,WAAA,EAAU,OAAA,EAAS,GAAG,IAAA,EAAM","file":"chunk-Y4OW24IS.js","sourcesContent":["import type { JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nexport const label = tv({\n  base: [\n    \"text-foreground select-none font-medium leading-none\",\n    \"peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n    \"has-[+:disabled]:cursor-not-allowed has-[+:disabled]:opacity-70\"\n  ],\n  variants: { size: { sm: \"text-sm\", md: \"text-base\", lg: \"text-lg\" } },\n  defaultVariants: { size: \"sm\" }\n});\n\nexport type LabelProps = Omit<JSX.LabelHTMLAttributes<HTMLLabelElement>, \"size\"> &\n  VariantProps<typeof label>;\n\nexport const Label = ({ size, class: className, ...rest }: LabelProps) => (\n  <label class={label({ size, class: className as string | undefined })} data-slot=\"label\" {...rest} />\n);\n\n"]}

package/dist/chunk-YDMMDO2W.js

@@ -0,0 +1,141 @@
+import { Textarea } from './chunk-V27UIXBD.js';
+import { Input } from './chunk-4HX6SEWP.js';
+import { button } from './chunk-UGQ756Z6.js';
+import { cn } from './chunk-OMXWBB67.js';
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+var inputGroup = tv({
+  base: [
+    "border-input dark:bg-input/30 group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border transition-colors outline-none",
+    "has-[[data-slot=input-group-control]:focus-visible]:border-outline has-[[data-slot=input-group-control]:focus-visible]:ring-outline/50 has-[[data-slot=input-group-control]:focus-visible]:ring-3",
+    "has-[[data-slot][aria-invalid=true]]:border-error has-[[data-slot][aria-invalid=true]]:ring-error/40 has-[[data-slot][aria-invalid=true]]:ring-3",
+    "has-disabled:bg-input/50 has-disabled:opacity-50",
+    "has-[>textarea]:h-auto",
+    "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col",
+    "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col",
+    "has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:pt-3",
+    "has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:pb-3",
+    "has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-1.5",
+    "has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-1.5"
+  ]
+});
+var InputGroup = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { role: "group", class: inputGroup({ class: className }), "data-slot": "input-group", ...rest, children });
+var inputGroupAddon = tv({
+  base: [
+    "text-muted-foreground flex cursor-text items-center justify-center gap-2 text-sm font-medium select-none",
+    "group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-xs [&>svg:not([class*='size-'])]:size-4"
+  ],
+  variants: {
+    align: {
+      "inline-start": "order-first pl-2.5 has-[>button]:ml-[-0.3rem]",
+      "inline-end": "order-last pr-2.5 has-[>button]:mr-[-0.3rem]",
+      "block-start": "order-first w-full justify-start px-3 pt-2 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-2.5",
+      "block-end": "order-last w-full justify-start px-3 pb-2 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-2.5"
+    }
+  },
+  defaultVariants: {
+    align: "inline-start"
+  }
+});
+var InputGroupAddon = ({
+  align,
+  class: className,
+  children,
+  onClick,
+  ...rest
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    role: "group",
+    "data-align": align,
+    class: inputGroupAddon({ align, class: className }),
+    "data-slot": "input-group-addon",
+    onClick: (event) => {
+      const target = event.target;
+      if (target?.closest("button")) {
+        onClick?.(event);
+        return;
+      }
+      const root = event.currentTarget.parentElement;
+      const control = root?.querySelector("input, textarea");
+      control?.focus();
+      onClick?.(event);
+    },
+    ...rest,
+    children
+  }
+);
+var inputGroupButton = tv({
+  base: "gap-2 shadow-none",
+  variants: {
+    size: {
+      sm: "h-8 px-2",
+      "icon-xs": "size-6 rounded-full p-0 has-[>svg]:p-0",
+      "icon-sm": "size-8 rounded-full p-0 has-[>svg]:p-0"
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+var InputGroupButton = ({
+  type = "button",
+  variant = "ghost",
+  size,
+  class: className,
+  children,
+  ...rest
+}) => /* @__PURE__ */ jsx(
+  "button",
+  {
+    type,
+    class: `${button({ variant, size, class: className })} ${inputGroupButton({ size })}`,
+    "data-slot": "input-group-button",
+    ...rest,
+    children
+  }
+);
+var inputGroupInput = tv({
+  base: [
+    "h-full flex-1 rounded-none border-0 shadow-none ring-0 outline-none focus-visible:ring-0",
+    "disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent"
+  ]
+});
+var InputGroupInput = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(Input, { class: inputGroupInput({ class: className }), "data-slot": "input-group-control", ...rest });
+var InputGroupText = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("span", { "data-slot": "input-group-text", class: cn("text-muted-foreground text-sm", className), ...rest, children });
+var inputGroupTextarea = tv({
+  base: [
+    "h-full flex-1 resize-none rounded-none border-0 shadow-none ring-0 outline-none focus-visible:ring-0",
+    "disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent"
+  ]
+});
+var InputGroupTextarea = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
+  Textarea,
+  {
+    class: inputGroupTextarea({ class: className }),
+    "data-slot": "input-group-control",
+    ...rest
+  }
+);
+
+// src/components/input-group/index.ts
+var InputGroupVariants = {
+  inputGroup,
+  inputGroupAddon,
+  inputGroupButton,
+  inputGroupInput,
+  inputGroupTextarea
+};
+var input_group_default = {
+  Root: InputGroup,
+  Addon: InputGroupAddon,
+  Button: InputGroupButton,
+  Input: InputGroupInput,
+  Text: InputGroupText,
+  Textarea: InputGroupTextarea
+};
+
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputGroupVariants, input_group_default };
+//# sourceMappingURL=chunk-YDMMDO2W.js.map
+//# sourceMappingURL=chunk-YDMMDO2W.js.map

package/dist/chunk-YDMMDO2W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input-group/InputGroup.tsx","../src/components/input-group/InputGroupAddon.tsx","../src/components/input-group/InputGroupButton.tsx","../src/components/input-group/InputGroupInput.tsx","../src/components/input-group/InputGroupText.tsx","../src/components/input-group/InputGroupTextarea.tsx","../src/components/input-group/index.ts"],"names":["tv","jsx"],"mappings":"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","file":"chunk-YDMMDO2W.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const inputGroup = tv({\n  base: [\n    \"border-input dark:bg-input/30 group/input-group relative flex h-8 w-full min-w-0 items-center rounded-lg border transition-colors outline-none\",\n    \"has-[[data-slot=input-group-control]:focus-visible]:border-outline has-[[data-slot=input-group-control]:focus-visible]:ring-outline/50 has-[[data-slot=input-group-control]:focus-visible]:ring-3\",\n    \"has-[[data-slot][aria-invalid=true]]:border-error has-[[data-slot][aria-invalid=true]]:ring-error/40 has-[[data-slot][aria-invalid=true]]:ring-3\",\n    \"has-disabled:bg-input/50 has-disabled:opacity-50\",\n    \"has-[>textarea]:h-auto\",\n    \"has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col\",\n    \"has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col\",\n    \"has-[>[data-align=block-end]]:[&>[data-slot=input-group-control]]:pt-3\",\n    \"has-[>[data-align=block-start]]:[&>[data-slot=input-group-control]]:pb-3\",\n    \"has-[>[data-align=inline-end]]:[&>[data-slot=input-group-control]]:pr-1.5\",\n    \"has-[>[data-align=inline-start]]:[&>[data-slot=input-group-control]]:pl-1.5\"\n  ]\n});\n\nexport type InputGroupProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const InputGroup = ({ class: className, children, ...rest }: InputGroupProps) => (\n  <div role=\"group\" class={inputGroup({ class: className as string | undefined })} data-slot=\"input-group\" {...rest}>\n    {children}\n  </div>\n);\n\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nexport const inputGroupAddon = tv({\n  base: [\n    \"text-muted-foreground flex cursor-text items-center justify-center gap-2 text-sm font-medium select-none\",\n    \"group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-xs [&>svg:not([class*='size-'])]:size-4\"\n  ],\n  variants: {\n    align: {\n      \"inline-start\": \"order-first pl-2.5 has-[>button]:ml-[-0.3rem]\",\n      \"inline-end\": \"order-last pr-2.5 has-[>button]:mr-[-0.3rem]\",\n      \"block-start\":\n        \"order-first w-full justify-start px-3 pt-2 group-has-[>input]/input-group:pt-2.5 [.border-b]:pb-2.5\",\n      \"block-end\":\n        \"order-last w-full justify-start px-3 pb-2 group-has-[>input]/input-group:pb-2.5 [.border-t]:pt-2.5\"\n    }\n  },\n  defaultVariants: {\n    align: \"inline-start\"\n  }\n});\n\nexport type InputGroupAddonProps = JSX.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof inputGroupAddon> & {\n    children?: ComponentChildren;\n  };\n\nexport const InputGroupAddon = ({\n  align,\n  class: className,\n  children,\n  onClick,\n  ...rest\n}: InputGroupAddonProps) => (\n  <div\n    role=\"group\"\n    data-align={align}\n    class={inputGroupAddon({ align, class: className as string | undefined })}\n    data-slot=\"input-group-addon\"\n    onClick={(event) => {\n      const target = event.target as HTMLElement | null;\n      if (target?.closest(\"button\")) {\n        onClick?.(event);\n        return;\n      }\n\n      const root = event.currentTarget.parentElement;\n      const control = root?.querySelector(\"input, textarea\") as HTMLInputElement | HTMLTextAreaElement | null;\n      control?.focus();\n      onClick?.(event);\n    }}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { button } from \"../button/Button\";\n\nexport const inputGroupButton = tv({\n  base: \"gap-2 shadow-none\",\n  variants: {\n    size: {\n      sm: \"h-8 px-2\",\n      \"icon-xs\": \"size-6 rounded-full p-0 has-[>svg]:p-0\",\n      \"icon-sm\": \"size-8 rounded-full p-0 has-[>svg]:p-0\"\n    }\n  },\n  defaultVariants: {\n    size: \"sm\"\n  }\n});\n\nexport type InputGroupButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> &\n  VariantProps<typeof button> &\n  VariantProps<typeof inputGroupButton> & {\n    children?: ComponentChildren;\n  };\n\nexport const InputGroupButton = ({\n  type = \"button\",\n  variant = \"ghost\",\n  size,\n  class: className,\n  children,\n  ...rest\n}: InputGroupButtonProps) => (\n  <button\n    type={type}\n    class={`${button({ variant, size, class: className as string | undefined })} ${inputGroupButton({ size })}`}\n    data-slot=\"input-group-button\"\n    {...rest}\n  >\n    {children}\n  </button>\n);\n\n","import { tv } from \"tailwind-variants\";\nimport { Input, type InputProps } from \"../input/Input\";\n\nexport const inputGroupInput = tv({\n  base: [\n    \"h-full flex-1 rounded-none border-0 shadow-none ring-0 outline-none focus-visible:ring-0\",\n    \"disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\"\n  ]\n});\n\nexport type InputGroupInputProps = InputProps;\n\nexport const InputGroupInput = ({ class: className, ...rest }: InputGroupInputProps) => (\n  <Input class={inputGroupInput({ class: className as string | undefined })} data-slot=\"input-group-control\" {...rest} />\n);\n\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type InputGroupTextProps = JSX.HTMLAttributes<HTMLSpanElement> & {\n  children?: ComponentChildren;\n};\n\nexport const InputGroupText = ({ class: className, children, ...rest }: InputGroupTextProps) => (\n  <span data-slot=\"input-group-text\" class={cn(\"text-muted-foreground text-sm\", className)} {...rest}>\n    {children}\n  </span>\n);\n\n","import { tv } from \"tailwind-variants\";\nimport { Textarea, type TextareaProps } from \"../textarea/Textarea\";\n\nexport const inputGroupTextarea = tv({\n  base: [\n    \"h-full flex-1 resize-none rounded-none border-0 shadow-none ring-0 outline-none focus-visible:ring-0\",\n    \"disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\"\n  ]\n});\n\nexport type InputGroupTextareaProps = TextareaProps;\n\nexport const InputGroupTextarea = ({ class: className, ...rest }: InputGroupTextareaProps) => (\n  <Textarea\n    class={inputGroupTextarea({ class: className as string | undefined })}\n    data-slot=\"input-group-control\"\n    {...rest}\n  />\n);\n\n","import { InputGroup, inputGroup } from \"./InputGroup\";\nimport { InputGroupAddon, inputGroupAddon } from \"./InputGroupAddon\";\nimport { InputGroupButton, inputGroupButton } from \"./InputGroupButton\";\nimport { InputGroupInput, inputGroupInput } from \"./InputGroupInput\";\nimport { InputGroupText } from \"./InputGroupText\";\nimport { InputGroupTextarea, inputGroupTextarea } from \"./InputGroupTextarea\";\n\nconst InputGroupVariants = {\n  inputGroup,\n  inputGroupAddon,\n  inputGroupButton,\n  inputGroupInput,\n  inputGroupTextarea\n};\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n  InputGroupTextarea,\n  InputGroupVariants\n};\n\nexport default {\n  Root: InputGroup,\n  Addon: InputGroupAddon,\n  Button: InputGroupButton,\n  Input: InputGroupInput,\n  Text: InputGroupText,\n  Textarea: InputGroupTextarea\n};\n\n"]}

package/dist/chunk-YENXORWK.js

@@ -0,0 +1,9 @@
+import { label, Label } from './chunk-Y4OW24IS.js';
+
+// src/components/label/index.ts
+var LabelVariants = { label };
+var label_default = Label;
+
+export { LabelVariants, label_default };
+//# sourceMappingURL=chunk-YENXORWK.js.map
+//# sourceMappingURL=chunk-YENXORWK.js.map

package/dist/chunk-YENXORWK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/label/index.ts"],"names":[],"mappings":";;;AAEA,IAAM,aAAA,GAAgB,EAAE,KAAA;AAIxB,IAAO,aAAA,GAAQ","file":"chunk-YENXORWK.js","sourcesContent":["import { Label, label } from \"./Label\";\n\nconst LabelVariants = { label };\n\nexport { Label, LabelVariants };\n\nexport default Label;\n"]}

package/dist/chunk-YLTIB224.js

@@ -0,0 +1,76 @@
+import { Sheet, SheetContent, SheetFooter, SheetHeader } from './chunk-7HZUM5ZQ.js';
+import { DialogClose, DialogDescription, DialogTitle, DialogTrigger } from './chunk-KBXDU3G4.js';
+import { cn } from './chunk-OMXWBB67.js';
+import { createContext } from 'preact';
+import { useContext } from 'preact/hooks';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+
+var DrawerContext = createContext(null);
+var DrawerProvider = DrawerContext.Provider;
+var useDrawerRoot = () => {
+  const ctx = useContext(DrawerContext);
+  if (!ctx) throw new Error("Drawer subcomponents must be used within Drawer");
+  return ctx;
+};
+var Drawer = ({ direction = "bottom", children, ...rest }) => /* @__PURE__ */ jsx(DrawerProvider, { value: { direction }, children: /* @__PURE__ */ jsx(Sheet, { "data-slot": "drawer", ...rest, children }) });
+var DrawerClose = (props) => /* @__PURE__ */ jsx(DialogClose, { "data-slot": "drawer-close", ...props });
+var DrawerContent = ({
+  showHandle,
+  showCloseButton = false,
+  class: className,
+  children,
+  ...rest
+}) => {
+  const { direction } = useDrawerRoot();
+  const edge = direction === "top" || direction === "bottom";
+  const handleVisible = showHandle !== void 0 ? showHandle : edge;
+  const Handle = () => /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "drawer-handle",
+      "aria-hidden": true,
+      class: cn(
+        "bg-muted mx-auto h-1.5 w-[100px] shrink-0 rounded-full",
+        direction === "bottom" && "mb-2",
+        direction === "top" && "mt-4"
+      )
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    SheetContent,
+    {
+      side: direction,
+      showCloseButton,
+      "data-slot": "drawer-content",
+      "data-vaul-drawer-direction": direction,
+      class: cn(className),
+      ...rest,
+      children: [
+        direction === "bottom" && handleVisible ? /* @__PURE__ */ jsx(Handle, {}) : null,
+        children,
+        direction === "top" && handleVisible ? /* @__PURE__ */ jsx(Handle, {}) : null
+      ]
+    }
+  );
+};
+var DrawerDescription = (props) => /* @__PURE__ */ jsx(DialogDescription, { "data-slot": "drawer-description", ...props });
+var DrawerFooter = (props) => /* @__PURE__ */ jsx(SheetFooter, { "data-slot": "drawer-footer", ...props });
+var DrawerHeader = (props) => /* @__PURE__ */ jsx(SheetHeader, { "data-slot": "drawer-header", ...props });
+var DrawerTitle = (props) => /* @__PURE__ */ jsx(DialogTitle, { "data-slot": "drawer-title", ...props });
+var DrawerTrigger = (props) => /* @__PURE__ */ jsx(DialogTrigger, { "data-slot": "drawer-trigger", ...props });
+
+// src/components/drawer/index.ts
+var drawer_default = {
+  Root: Drawer,
+  Trigger: DrawerTrigger,
+  Content: DrawerContent,
+  Header: DrawerHeader,
+  Footer: DrawerFooter,
+  Title: DrawerTitle,
+  Description: DrawerDescription,
+  Close: DrawerClose
+};
+
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, drawer_default };
+//# sourceMappingURL=chunk-YLTIB224.js.map
+//# sourceMappingURL=chunk-YLTIB224.js.map

package/dist/chunk-YLTIB224.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/drawer/drawer-context.tsx","../src/components/drawer/Drawer.tsx","../src/components/drawer/DrawerClose.tsx","../src/components/drawer/DrawerContent.tsx","../src/components/drawer/DrawerDescription.tsx","../src/components/drawer/DrawerFooter.tsx","../src/components/drawer/DrawerHeader.tsx","../src/components/drawer/DrawerTitle.tsx","../src/components/drawer/DrawerTrigger.tsx","../src/components/drawer/index.ts"],"names":["jsx"],"mappings":"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","file":"chunk-YLTIB224.js","sourcesContent":["import { createContext } from \"preact\";\nimport { useContext } from \"preact/hooks\";\n\nexport type DrawerDirection = \"top\" | \"right\" | \"bottom\" | \"left\";\n\nexport type DrawerContextValue = {\n  direction: DrawerDirection;\n};\n\nconst DrawerContext = createContext<DrawerContextValue | null>(null);\n\nexport const DrawerProvider = DrawerContext.Provider;\n\nexport const useDrawerRoot = () => {\n  const ctx = useContext(DrawerContext);\n  if (!ctx) throw new Error(\"Drawer subcomponents must be used within Drawer\");\n  return ctx;\n};\n","import type { ComponentChildren } from \"preact\";\nimport { Sheet, type SheetProps } from \"../sheet/Sheet\";\nimport { DrawerProvider, type DrawerDirection } from \"./drawer-context\";\n\nexport type DrawerProps = SheetProps & {\n  /** Edge the drawer opens from (shadcn/Vaul `direction`). Default `bottom`. */\n  direction?: DrawerDirection;\n  children?: ComponentChildren;\n};\n\nexport const Drawer = ({ direction = \"bottom\", children, ...rest }: DrawerProps) => (\n  <DrawerProvider value={{ direction }}>\n    <Sheet data-slot=\"drawer\" {...rest}>\n      {children}\n    </Sheet>\n  </DrawerProvider>\n);\n","import { SheetClose } from \"../sheet/SheetClose\";\nimport type { DialogCloseProps } from \"../dialog/DialogClose\";\n\nexport type DrawerCloseProps = DialogCloseProps;\n\nexport const DrawerClose = (props: DrawerCloseProps) => <SheetClose data-slot=\"drawer-close\" {...props} />;\n\n","import type { ComponentChildren } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { SheetContent, type SheetContentProps } from \"../sheet/SheetContent\";\nimport { useDrawerRoot } from \"./drawer-context\";\n\nexport type DrawerContentProps = Omit<SheetContentProps, \"side\"> & {\n  /** Drag affordance for top/bottom drawers. Default: `true` when `direction` is top or bottom. */\n  showHandle?: boolean;\n  children?: ComponentChildren;\n};\n\nexport const DrawerContent = ({\n  showHandle,\n  showCloseButton = false,\n  class: className,\n  children,\n  ...rest\n}: DrawerContentProps) => {\n  const { direction } = useDrawerRoot();\n  const edge = direction === \"top\" || direction === \"bottom\";\n  const handleVisible = showHandle !== undefined ? showHandle : edge;\n\n  const Handle = () => (\n    <div\n      data-slot=\"drawer-handle\"\n      aria-hidden\n      class={cn(\n        \"bg-muted mx-auto h-1.5 w-[100px] shrink-0 rounded-full\",\n        direction === \"bottom\" && \"mb-2\",\n        direction === \"top\" && \"mt-4\"\n      )}\n    />\n  );\n\n  return (\n    <SheetContent\n      side={direction}\n      showCloseButton={showCloseButton}\n      data-slot=\"drawer-content\"\n      data-vaul-drawer-direction={direction}\n      class={cn(className)}\n      {...rest}\n    >\n      {direction === \"bottom\" && handleVisible ? <Handle /> : null}\n      {children}\n      {direction === \"top\" && handleVisible ? <Handle /> : null}\n    </SheetContent>\n  );\n};\n","import { SheetDescription } from \"../sheet/SheetDescription\";\nimport type { DialogDescriptionProps } from \"../dialog/DialogDescription\";\n\nexport type DrawerDescriptionProps = DialogDescriptionProps;\n\nexport const DrawerDescription = (props: DrawerDescriptionProps) => (\n  <SheetDescription data-slot=\"drawer-description\" {...props} />\n);\n\n","import { SheetFooter, type SheetFooterProps } from \"../sheet/SheetFooter\";\n\nexport type DrawerFooterProps = SheetFooterProps;\n\nexport const DrawerFooter = (props: DrawerFooterProps) => <SheetFooter data-slot=\"drawer-footer\" {...props} />;\n\n","import { SheetHeader, type SheetHeaderProps } from \"../sheet/SheetHeader\";\n\nexport type DrawerHeaderProps = SheetHeaderProps;\n\nexport const DrawerHeader = (props: DrawerHeaderProps) => <SheetHeader data-slot=\"drawer-header\" {...props} />;\n\n","import { SheetTitle } from \"../sheet/SheetTitle\";\nimport type { DialogTitleProps } from \"../dialog/DialogTitle\";\n\nexport type DrawerTitleProps = DialogTitleProps;\n\nexport const DrawerTitle = (props: DrawerTitleProps) => <SheetTitle data-slot=\"drawer-title\" {...props} />;\n\n","import { SheetTrigger } from \"../sheet/SheetTrigger\";\nimport type { DialogTriggerProps } from \"../dialog/DialogTrigger\";\n\nexport type DrawerTriggerProps = DialogTriggerProps;\n\nexport const DrawerTrigger = (props: DrawerTriggerProps) => <SheetTrigger data-slot=\"drawer-trigger\" {...props} />;\n\n","import { Drawer } from \"./Drawer\";\nimport { DrawerClose } from \"./DrawerClose\";\nimport { DrawerContent } from \"./DrawerContent\";\nimport { DrawerDescription } from \"./DrawerDescription\";\nimport { DrawerFooter } from \"./DrawerFooter\";\nimport { DrawerHeader } from \"./DrawerHeader\";\nimport { DrawerTitle } from \"./DrawerTitle\";\nimport { DrawerTrigger } from \"./DrawerTrigger\";\n\nexport type { DrawerDirection } from \"./drawer-context\";\nexport { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger };\n\nexport default {\n  Root: Drawer,\n  Trigger: DrawerTrigger,\n  Content: DrawerContent,\n  Header: DrawerHeader,\n  Footer: DrawerFooter,\n  Title: DrawerTitle,\n  Description: DrawerDescription,\n  Close: DrawerClose\n};\n\n"]}

package/dist/chunk-YVA6PAML.js

@@ -0,0 +1,63 @@
+import { popoverTrigger, popoverContent, popover, PopoverContent, PopoverTrigger, Popover, usePopover } from './chunk-GLWYIUE5.js';
+import { tv } from 'tailwind-variants';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+
+var popoverClose = tv({
+  base: [
+    "absolute right-3 top-3 inline-flex size-6 items-center justify-center rounded-sm opacity-70",
+    "hover:opacity-100 focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:outline-none",
+    "disabled:pointer-events-none"
+  ]
+});
+var PopoverClose = ({ class: className, children, onClick, ...rest }) => {
+  const popover2 = usePopover();
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      class: popoverClose({ class: className }),
+      "data-slot": "popover-close",
+      "aria-label": "Close",
+      onClick: (event) => {
+        popover2.setOpen(false);
+        popover2.triggerRef.current?.focus();
+        onClick?.(event);
+      },
+      ...rest,
+      children: children ?? /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", children: [
+        /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+      ] })
+    }
+  );
+};
+var popoverDescription = tv({ base: "text-muted-foreground text-sm" });
+var PopoverDescription = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("p", { class: popoverDescription({ class: className }), "data-slot": "popover-description", ...rest, children });
+var popoverHeader = tv({ base: "flex flex-col gap-1.5" });
+var PopoverHeader = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { class: popoverHeader({ class: className }), "data-slot": "popover-header", ...rest, children });
+var popoverTitle = tv({ base: "font-medium leading-none" });
+var PopoverTitle = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("h3", { class: popoverTitle({ class: className }), "data-slot": "popover-title", ...rest, children });
+
+// src/components/popover/index.ts
+var PopoverVariants = {
+  popover,
+  popoverClose,
+  popoverContent,
+  popoverDescription,
+  popoverHeader,
+  popoverTitle,
+  popoverTrigger
+};
+var popover_default = {
+  Root: Popover,
+  Close: PopoverClose,
+  Trigger: PopoverTrigger,
+  Content: PopoverContent,
+  Header: PopoverHeader,
+  Title: PopoverTitle,
+  Description: PopoverDescription
+};
+
+export { PopoverClose, PopoverDescription, PopoverHeader, PopoverTitle, PopoverVariants, popover_default };
+//# sourceMappingURL=chunk-YVA6PAML.js.map
+//# sourceMappingURL=chunk-YVA6PAML.js.map

package/dist/chunk-YVA6PAML.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/popover/PopoverClose.tsx","../src/components/popover/PopoverDescription.tsx","../src/components/popover/PopoverHeader.tsx","../src/components/popover/PopoverTitle.tsx","../src/components/popover/index.ts"],"names":["popover","tv","jsx"],"mappings":"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","file":"chunk-YVA6PAML.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\nimport { usePopover } from \"./Popover\";\n\nexport const popoverClose = tv({\n  base: [\n    \"absolute right-3 top-3 inline-flex size-6 items-center justify-center rounded-sm opacity-70\",\n    \"hover:opacity-100 focus-visible:ring-ring/50 focus-visible:ring-2 focus-visible:outline-none\",\n    \"disabled:pointer-events-none\"\n  ]\n});\n\nexport type PopoverCloseProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  children?: ComponentChildren;\n};\n\nexport const PopoverClose = ({ class: className, children, onClick, ...rest }: PopoverCloseProps) => {\n  const popover = usePopover();\n\n  return (\n    <button\n      type=\"button\"\n      class={popoverClose({ class: className as string | undefined })}\n      data-slot=\"popover-close\"\n      aria-label=\"Close\"\n      onClick={(event) => {\n        popover.setOpen(false);\n        popover.triggerRef.current?.focus();\n        onClick?.(event);\n      }}\n      {...rest}\n    >\n      {children ?? (\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M18 6 6 18\" />\n          <path d=\"m6 6 12 12\" />\n        </svg>\n      )}\n    </button>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const popoverDescription = tv({ base: \"text-muted-foreground text-sm\" });\n\nexport type PopoverDescriptionProps = JSX.HTMLAttributes<HTMLParagraphElement> & {\n  children?: ComponentChildren;\n};\n\nexport const PopoverDescription = ({ class: className, children, ...rest }: PopoverDescriptionProps) => (\n  <p class={popoverDescription({ class: className as string | undefined })} data-slot=\"popover-description\" {...rest}>\n    {children}\n  </p>\n);\n\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const popoverHeader = tv({ base: \"flex flex-col gap-1.5\" });\n\nexport type PopoverHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const PopoverHeader = ({ class: className, children, ...rest }: PopoverHeaderProps) => (\n  <div class={popoverHeader({ class: className as string | undefined })} data-slot=\"popover-header\" {...rest}>\n    {children}\n  </div>\n);\n\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const popoverTitle = tv({ base: \"font-medium leading-none\" });\n\nexport type PopoverTitleProps = JSX.HTMLAttributes<HTMLHeadingElement> & {\n  children?: ComponentChildren;\n};\n\nexport const PopoverTitle = ({ class: className, children, ...rest }: PopoverTitleProps) => (\n  <h3 class={popoverTitle({ class: className as string | undefined })} data-slot=\"popover-title\" {...rest}>\n    {children}\n  </h3>\n);\n\n","import { Popover, popover } from \"./Popover\";\nimport { PopoverClose, popoverClose } from \"./PopoverClose\";\nimport { PopoverContent, popoverContent } from \"./PopoverContent\";\nimport { PopoverDescription, popoverDescription } from \"./PopoverDescription\";\nimport { PopoverHeader, popoverHeader } from \"./PopoverHeader\";\nimport { PopoverTitle, popoverTitle } from \"./PopoverTitle\";\nimport { PopoverTrigger, popoverTrigger } from \"./PopoverTrigger\";\n\nconst PopoverVariants = {\n  popover,\n  popoverClose,\n  popoverContent,\n  popoverDescription,\n  popoverHeader,\n  popoverTitle,\n  popoverTrigger\n};\n\nexport {\n  Popover,\n  PopoverClose,\n  PopoverContent,\n  PopoverDescription,\n  PopoverHeader,\n  PopoverTitle,\n  PopoverTrigger,\n  PopoverVariants\n};\n\nexport default {\n  Root: Popover,\n  Close: PopoverClose,\n  Trigger: PopoverTrigger,\n  Content: PopoverContent,\n  Header: PopoverHeader,\n  Title: PopoverTitle,\n  Description: PopoverDescription\n};\n"]}

package/dist/chunk-YWUMX4JR.js

@@ -0,0 +1,9 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { jsx } from 'preact/jsx-runtime';
+
+var DialogFooter = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "dialog-footer", class: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...rest, children });
+var DialogHeader = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "dialog-header", class: cn("flex flex-col gap-2 text-center sm:text-start", className), ...rest, children });
+
+export { DialogFooter, DialogHeader };
+//# sourceMappingURL=chunk-YWUMX4JR.js.map
+//# sourceMappingURL=chunk-YWUMX4JR.js.map

package/dist/chunk-YWUMX4JR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialog/DialogFooter.tsx","../src/components/dialog/DialogHeader.tsx"],"names":["jsx"],"mappings":";;;AAKO,IAAM,YAAA,GAAe,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,MAAK,qBACjE,GAAA,CAAC,SAAI,WAAA,EAAU,eAAA,EAAgB,OAAO,EAAA,CAAG,wDAAA,EAA0D,SAAS,CAAA,EAAI,GAAG,MAChH,QAAA,EACH;ACHK,IAAM,YAAA,GAAe,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,MAAK,qBACjEA,IAAC,KAAA,EAAA,EAAI,WAAA,EAAU,iBAAgB,KAAA,EAAO,EAAA,CAAG,iDAAiD,SAAS,CAAA,EAAI,GAAG,IAAA,EACvG,QAAA,EACH","file":"chunk-YWUMX4JR.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DialogFooterProps = JSX.HTMLAttributes<HTMLDivElement> & { children?: ComponentChildren };\n\nexport const DialogFooter = ({ class: className, children, ...rest }: DialogFooterProps) => (\n  <div data-slot=\"dialog-footer\" class={cn(\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className)} {...rest}>\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type DialogHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & { children?: ComponentChildren };\n\nexport const DialogHeader = ({ class: className, children, ...rest }: DialogHeaderProps) => (\n  <div data-slot=\"dialog-header\" class={cn(\"flex flex-col gap-2 text-center sm:text-start\", className)} {...rest}>\n    {children}\n  </div>\n);\n"]}

package/dist/chunk-ZDXR2SWG.js

@@ -0,0 +1,32 @@
+import { Dialog, DialogContent } from './chunk-KBXDU3G4.js';
+import { cn } from './chunk-OMXWBB67.js';
+import { jsx } from 'preact/jsx-runtime';
+
+var CommandDialog = ({
+  open,
+  defaultOpen,
+  onOpenChange,
+  contentClass,
+  children
+}) => /* @__PURE__ */ jsx(Dialog, { open, defaultOpen, onOpenChange, children: /* @__PURE__ */ jsx(
+  DialogContent,
+  {
+    showCloseButton: false,
+    class: contentClass ?? "gap-0 overflow-hidden p-0 sm:max-w-lg",
+    "data-slot": "command-dialog-content",
+    children
+  }
+) });
+var CommandShortcut = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    "data-slot": "command-shortcut",
+    class: cn("text-muted-foreground ms-auto text-xs tracking-widest", className),
+    ...rest,
+    children
+  }
+);
+
+export { CommandDialog, CommandShortcut };
+//# sourceMappingURL=chunk-ZDXR2SWG.js.map
+//# sourceMappingURL=chunk-ZDXR2SWG.js.map

package/dist/chunk-ZDXR2SWG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/command/CommandDialog.tsx","../src/components/command/CommandShortcut.tsx"],"names":["jsx"],"mappings":";;;;AAYO,IAAM,gBAAgB,CAAC;AAAA,EAC5B,IAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,qBACE,GAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAY,WAAA,EAA0B,YAAA,EAC5C,QAAA,kBAAA,GAAA;AAAA,EAAC,aAAA;AAAA,EAAA;AAAA,IACC,eAAA,EAAiB,KAAA;AAAA,IACjB,OAAO,YAAA,IAAgB,uCAAA;AAAA,IACvB,WAAA,EAAU,wBAAA;AAAA,IAET;AAAA;AACH,CAAA,EACF;ACpBK,IAAM,eAAA,GAAkB,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,IAAA,EAAK,qBACpEA,GAAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,kBAAA;AAAA,IACV,KAAA,EAAO,EAAA,CAAG,uDAAA,EAAyD,SAAS,CAAA;AAAA,IAC3E,GAAG,IAAA;AAAA,IAEH;AAAA;AACH","file":"chunk-ZDXR2SWG.js","sourcesContent":["import type { ComponentChildren } from \"preact\";\nimport { Dialog, DialogContent } from \"../dialog\";\n\nexport type CommandDialogProps = {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: ComponentChildren;\n  /** Passed to `DialogContent` for width (default command palette sizing). */\n  contentClass?: string;\n};\n\nexport const CommandDialog = ({\n  open,\n  defaultOpen,\n  onOpenChange,\n  contentClass,\n  children\n}: CommandDialogProps) => (\n  <Dialog open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange}>\n    <DialogContent\n      showCloseButton={false}\n      class={contentClass ?? \"gap-0 overflow-hidden p-0 sm:max-w-lg\"}\n      data-slot=\"command-dialog-content\"\n    >\n      {children}\n    </DialogContent>\n  </Dialog>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type CommandShortcutProps = JSX.HTMLAttributes<HTMLSpanElement> & {\n  children?: ComponentChildren;\n};\n\nexport const CommandShortcut = ({ class: className, children, ...rest }: CommandShortcutProps) => (\n  <span\n    data-slot=\"command-shortcut\"\n    class={cn(\"text-muted-foreground ms-auto text-xs tracking-widest\", className)}\n    {...rest}\n  >\n    {children}\n  </span>\n);\n"]}