@kamod-ui/core 0.1.0

package/dist/chunk-ZIFL6GXH.js

@@ -0,0 +1,187 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { createContext } from 'preact';
+import { useMemo, useState, useContext } from 'preact/hooks';
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+var ToggleGroupContext = createContext(null);
+var useToggleGroup = () => {
+  const context = useContext(ToggleGroupContext);
+  if (!context) throw new Error("ToggleGroupItem must be used within ToggleGroup");
+  return context;
+};
+var toggleGroup = tv({
+  base: "inline-flex items-center justify-center",
+  variants: {
+    orientation: {
+      horizontal: "flex-row items-center",
+      vertical: "flex-col items-start"
+    },
+    spacing: {
+      none: "gap-0",
+      sm: "gap-0.5",
+      default: "gap-1",
+      lg: "gap-1.5"
+    }
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+    spacing: "sm"
+  }
+});
+tv({
+  variants: {
+    variant: {
+      default: void 0,
+      outline: void 0,
+      pill: void 0
+    },
+    size: {
+      sm: void 0,
+      default: void 0,
+      lg: void 0
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var toValueArray = (input) => {
+  if (Array.isArray(input)) return input;
+  if (typeof input === "string") return [input];
+  return [];
+};
+var ToggleGroup = ({
+  class: className,
+  type = "single",
+  defaultValue,
+  value,
+  onValueChange,
+  disabled = false,
+  orientation,
+  spacing,
+  variant,
+  size,
+  children,
+  ...rest
+}) => {
+  const initial = useMemo(() => {
+    if (Array.isArray(defaultValue)) return defaultValue;
+    if (typeof defaultValue === "string") return [defaultValue];
+    return [];
+  }, [defaultValue]);
+  const [internalValues, setInternalValues] = useState(initial);
+  const isControlled = value !== void 0;
+  const values = isControlled ? toValueArray(value) : internalValues;
+  const toggle = (value2) => {
+    const exists = values.includes(value2);
+    const nextValues = type === "single" ? exists ? [] : [value2] : exists ? values.filter((entry) => entry !== value2) : [...values, value2];
+    if (!isControlled) {
+      setInternalValues(nextValues);
+    }
+    if (onValueChange) {
+      if (type === "multiple") {
+        onValueChange(nextValues);
+      } else {
+        onValueChange(nextValues[0] ?? "");
+      }
+    }
+  };
+  const resolvedVariant = variant ?? "default";
+  const resolvedSize = size ?? "default";
+  return /* @__PURE__ */ jsx(
+    ToggleGroupContext.Provider,
+    {
+      value: { type, values, toggle, disabled, itemVariant: resolvedVariant, itemSize: resolvedSize },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "toggle-group",
+          "data-orientation": orientation ?? "horizontal",
+          "data-variant": resolvedVariant,
+          "data-size": resolvedSize,
+          role: "group",
+          "aria-orientation": orientation ?? "horizontal",
+          class: cn(toggleGroup({ orientation, spacing, class: className })),
+          ...rest,
+          children
+        }
+      )
+    }
+  );
+};
+var toggleGroupItem2 = tv({
+  base: [
+    "inline-flex items-center justify-center rounded-sm text-xs font-medium whitespace-nowrap",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
+    "data-[size=sm]:[&_svg:not([class*='size-'])]:size-3",
+    "data-[size=lg]:[&_svg:not([class*='size-'])]:size-4",
+    "select-none transition-all outline-none",
+    "focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/45",
+    "disabled:pointer-events-none disabled:opacity-50",
+    "data-[state=on]:bg-accent data-[state=on]:text-accent-foreground data-[state=on]:shadow-xs"
+  ],
+  variants: {
+    variant: {
+      default: "bg-transparent hover:bg-muted hover:text-muted-foreground",
+      outline: "border border-input/80 bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/25 dark:border-input/80 dark:hover:bg-input/45",
+      pill: "rounded-full border border-transparent bg-muted/60 hover:bg-muted"
+    },
+    size: {
+      sm: "h-7 min-w-7 gap-0.5 px-1.5 text-[11px] leading-none",
+      default: "h-8 min-w-8 gap-1 px-2",
+      lg: "h-9 min-w-9 gap-1.5 px-2.5 text-sm"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var ToggleGroupItem = ({
+  class: className,
+  value,
+  variant,
+  size,
+  disabled,
+  children,
+  onClick,
+  ...rest
+}) => {
+  const { values, toggle, disabled: groupDisabled, itemVariant, itemSize } = useToggleGroup();
+  const pressed = values.includes(value);
+  const isDisabled = groupDisabled || disabled;
+  const resolvedVariant = variant ?? itemVariant ?? "default";
+  const resolvedSize = size ?? itemSize ?? "default";
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      "data-slot": "toggle-group-item",
+      "data-state": pressed ? "on" : "off",
+      "data-variant": resolvedVariant,
+      "data-size": resolvedSize,
+      "aria-pressed": pressed,
+      disabled: isDisabled,
+      class: cn(toggleGroupItem2({ variant: resolvedVariant, size: resolvedSize, class: className })),
+      onClick: (event) => {
+        if (isDisabled) return;
+        toggle(value);
+        onClick?.(event);
+      },
+      ...rest,
+      children
+    }
+  );
+};
+
+// src/components/toggle-group/index.ts
+var toggle_group_default = {
+  Root: ToggleGroup,
+  Item: ToggleGroupItem
+};
+
+export { ToggleGroup, ToggleGroupItem, toggle_group_default };
+//# sourceMappingURL=chunk-ZIFL6GXH.js.map
+//# sourceMappingURL=chunk-ZIFL6GXH.js.map

package/dist/chunk-ZIFL6GXH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/toggle-group/ToggleGroup.tsx","../src/components/toggle-group/ToggleGroupItem.tsx","../src/components/toggle-group/index.ts"],"names":["value","toggleGroupItem","tv","jsx"],"mappings":"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","file":"chunk-ZIFL6GXH.js","sourcesContent":["import { createContext } from \"preact\";\nimport { useContext, useMemo, useState } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\ntype ToggleGroupType = \"single\" | \"multiple\";\n\ntype ToggleGroupContextValue = {\n  type: ToggleGroupType;\n  values: string[];\n  toggle: (value: string) => void;\n  disabled: boolean;\n  itemVariant?: ToggleGroupItemVariants[\"variant\"];\n  itemSize?: ToggleGroupItemVariants[\"size\"];\n};\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue | null>(null);\n\nexport const useToggleGroup = () => {\n  const context = useContext(ToggleGroupContext);\n  if (!context) throw new Error(\"ToggleGroupItem must be used within ToggleGroup\");\n  return context;\n};\n\nconst toggleGroup = tv({\n  base: \"inline-flex items-center justify-center\",\n  variants: {\n    orientation: {\n      horizontal: \"flex-row items-center\",\n      vertical: \"flex-col items-start\"\n    },\n    spacing: {\n      none: \"gap-0\",\n      sm: \"gap-0.5\",\n      default: \"gap-1\",\n      lg: \"gap-1.5\"\n    }\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n    spacing: \"sm\"\n  }\n});\n\n// Used for `typeof toggleGroupItem` type extraction below — runtime usage is intentional.\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nconst toggleGroupItem = tv({\n  variants: {\n    variant: {\n      default: undefined,\n      outline: undefined,\n      pill: undefined\n    },\n    size: {\n      sm: undefined,\n      default: undefined,\n      lg: undefined\n    }\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\"\n  }\n});\n\ntype ToggleGroupItemVariants = VariantProps<typeof toggleGroupItem>;\n\ntype ToggleGroupBaseProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, \"class\"> &\n  VariantProps<typeof toggleGroup> &\n  ToggleGroupItemVariants & {\n    class?: string;\n    type?: ToggleGroupType;\n    defaultValue?: string | string[];\n    value?: string | string[];\n    onValueChange?: (value: string | string[]) => void;\n    disabled?: boolean;\n    children?: ComponentChildren;\n  };\n\ntype SingleToggleGroupProps = ToggleGroupBaseProps & {\n  type?: \"single\";\n  onValueChange?: (value: string) => void;\n};\n\ntype MultipleToggleGroupProps = ToggleGroupBaseProps & {\n  type: \"multiple\";\n  onValueChange?: (value: string[]) => void;\n};\n\nexport type ToggleGroupProps = SingleToggleGroupProps | MultipleToggleGroupProps;\n\nconst toValueArray = (input?: string | string[]) => {\n  if (Array.isArray(input)) return input;\n  if (typeof input === \"string\") return [input];\n  return [];\n};\n\nexport const ToggleGroup = ({\n  class: className,\n  type = \"single\",\n  defaultValue,\n  value,\n  onValueChange,\n  disabled = false,\n  orientation,\n  spacing,\n  variant,\n  size,\n  children,\n  ...rest\n}: ToggleGroupProps) => {\n  const initial = useMemo(() => {\n    if (Array.isArray(defaultValue)) return defaultValue;\n    if (typeof defaultValue === \"string\") return [defaultValue];\n    return [];\n  }, [defaultValue]);\n  const [internalValues, setInternalValues] = useState<string[]>(initial);\n  const isControlled = value !== undefined;\n  const values = isControlled ? toValueArray(value) : internalValues;\n\n  const toggle = (value: string) => {\n    const exists = values.includes(value);\n    const nextValues = type === \"single\" ? (exists ? [] : [value]) : exists ? values.filter((entry) => entry !== value) : [...values, value];\n\n    if (!isControlled) {\n      setInternalValues(nextValues);\n    }\n\n    if (onValueChange) {\n      if (type === \"multiple\") {\n        (onValueChange as (value: string[]) => void)(nextValues);\n      } else {\n        (onValueChange as (value: string) => void)(nextValues[0] ?? \"\");\n      }\n    }\n  };\n\n  const resolvedVariant = variant ?? \"default\";\n  const resolvedSize = size ?? \"default\";\n\n  return (\n    <ToggleGroupContext.Provider\n      value={{ type, values, toggle, disabled, itemVariant: resolvedVariant, itemSize: resolvedSize }}\n    >\n      {/* eslint-disable-next-line jsx-a11y/role-supports-aria-props */}\n      <div\n        data-slot=\"toggle-group\"\n        data-orientation={orientation ?? \"horizontal\"}\n        data-variant={resolvedVariant}\n        data-size={resolvedSize}\n        role=\"group\"\n        aria-orientation={orientation ?? \"horizontal\"}\n        class={cn(toggleGroup({ orientation, spacing, class: className }))}\n        {...rest}\n      >\n        {children}\n      </div>\n    </ToggleGroupContext.Provider>\n  );\n};\n\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\nimport { useToggleGroup } from \"./ToggleGroup\";\n\nconst toggleGroupItem = tv({\n  base: [\n    \"inline-flex items-center justify-center rounded-sm text-xs font-medium whitespace-nowrap\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5\",\n    \"data-[size=sm]:[&_svg:not([class*='size-'])]:size-3\",\n    \"data-[size=lg]:[&_svg:not([class*='size-'])]:size-4\",\n    \"select-none transition-all outline-none\",\n    \"focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/45\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground data-[state=on]:shadow-xs\"\n  ],\n  variants: {\n    variant: {\n      default: \"bg-transparent hover:bg-muted hover:text-muted-foreground\",\n      outline:\n        \"border border-input/80 bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/25 dark:border-input/80 dark:hover:bg-input/45\",\n      pill: \"rounded-full border border-transparent bg-muted/60 hover:bg-muted\"\n    },\n    size: {\n      sm: \"h-7 min-w-7 gap-0.5 px-1.5 text-[11px] leading-none\",\n      default: \"h-8 min-w-8 gap-1 px-2\",\n      lg: \"h-9 min-w-9 gap-1.5 px-2.5 text-sm\"\n    }\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\"\n  }\n});\n\ntype ToggleGroupItemVariants = VariantProps<typeof toggleGroupItem>;\n\nexport type ToggleGroupItemProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"class\"> &\n  ToggleGroupItemVariants & {\n    class?: string;\n    value: string;\n    children?: ComponentChildren;\n  };\n\nexport const ToggleGroupItem = ({\n  class: className,\n  value,\n  variant,\n  size,\n  disabled,\n  children,\n  onClick,\n  ...rest\n}: ToggleGroupItemProps) => {\n  const { values, toggle, disabled: groupDisabled, itemVariant, itemSize } = useToggleGroup();\n  const pressed = values.includes(value);\n  const isDisabled = groupDisabled || disabled;\n  const resolvedVariant = variant ?? itemVariant ?? \"default\";\n  const resolvedSize = size ?? itemSize ?? \"default\";\n\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"toggle-group-item\"\n      data-state={pressed ? \"on\" : \"off\"}\n      data-variant={resolvedVariant}\n      data-size={resolvedSize}\n      aria-pressed={pressed}\n      disabled={isDisabled}\n      class={cn(toggleGroupItem({ variant: resolvedVariant, size: resolvedSize, class: className }))}\n      onClick={(event) => {\n        if (isDisabled) return;\n        toggle(value);\n        onClick?.(event);\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\n","import { ToggleGroup } from \"./ToggleGroup\";\nimport { ToggleGroupItem } from \"./ToggleGroupItem\";\n\nexport { ToggleGroup, ToggleGroupItem };\n\nexport default {\n  Root: ToggleGroup,\n  Item: ToggleGroupItem\n};\n\n"]}

package/dist/chunk-ZM4VJOGF.js

@@ -0,0 +1,40 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+var typography = tv({
+  base: "text-foreground",
+  variants: {
+    variant: {
+      h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl",
+      h2: "scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0",
+      h3: "scroll-m-20 text-2xl font-semibold tracking-tight",
+      h4: "scroll-m-20 text-xl font-semibold tracking-tight",
+      p: "leading-7 [&:not(:first-child)]:mt-6",
+      blockquote: "mt-6 border-l-2 pl-6 italic",
+      code: "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
+      inlineCode: "relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold",
+      list: "my-6 ml-6 list-disc [&>li]:mt-2",
+      table: "my-6 w-full overflow-y-auto",
+      lead: "text-xl text-muted-foreground",
+      large: "text-lg font-semibold",
+      muted: "text-sm text-muted-foreground",
+      small: "text-sm font-medium leading-none"
+    }
+  },
+  defaultVariants: {
+    variant: "p"
+  }
+});
+var Typography = ({ as = "p", variant, class: className, children, ...rest }) => {
+  const Tag = as;
+  const props = { "data-slot": "typography", class: cn(typography({ variant }), className), ...rest };
+  return /* @__PURE__ */ jsx(Tag, { ...props, children });
+};
+
+// src/components/typography/index.ts
+var typography_default = Typography;
+
+export { Typography, typography, typography_default };
+//# sourceMappingURL=chunk-ZM4VJOGF.js.map
+//# sourceMappingURL=chunk-ZM4VJOGF.js.map

package/dist/chunk-ZM4VJOGF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/Typography.tsx","../src/components/typography/index.ts"],"names":[],"mappings":";;;;AAIO,IAAM,aAAa,EAAA,CAAG;AAAA,EAC3B,IAAA,EAAM,iBAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,EAAA,EAAI,gEAAA;AAAA,MACJ,EAAA,EAAI,4EAAA;AAAA,MACJ,EAAA,EAAI,mDAAA;AAAA,MACJ,EAAA,EAAI,kDAAA;AAAA,MACJ,CAAA,EAAG,sCAAA;AAAA,MACH,UAAA,EAAY,6BAAA;AAAA,MACZ,IAAA,EAAM,mFAAA;AAAA,MACN,UAAA,EAAY,mFAAA;AAAA,MACZ,IAAA,EAAM,iCAAA;AAAA,MACN,KAAA,EAAO,6BAAA;AAAA,MACP,IAAA,EAAM,+BAAA;AAAA,MACN,KAAA,EAAO,uBAAA;AAAA,MACP,KAAA,EAAO,+BAAA;AAAA,MACP,KAAA,EAAO;AAAA;AACT,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC;AAUM,IAAM,UAAA,GAAa,CAAC,EAAE,EAAA,GAAK,GAAA,EAAK,OAAA,EAAS,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,EAAK,KAAuB;AACzG,EAAA,MAAM,GAAA,GAAM,EAAA;AACZ,EAAA,MAAM,KAAA,GAAQ,EAAE,WAAA,EAAa,YAAA,EAAc,OAAO,EAAA,CAAG,UAAA,CAAW,EAAE,OAAA,EAAS,CAAA,EAAG,SAAS,CAAA,EAAG,GAAG,IAAA,EAAK;AAClG,EAAA,uBAAO,GAAA,CAAC,GAAA,EAAA,EAAK,GAAG,KAAA,EAAQ,QAAA,EAAS,CAAA;AACnC;;;ACpCA,IAAO,kBAAA,GAAQ","file":"chunk-ZM4VJOGF.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const typography = tv({\n  base: \"text-foreground\",\n  variants: {\n    variant: {\n      h1: \"scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl\",\n      h2: \"scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0\",\n      h3: \"scroll-m-20 text-2xl font-semibold tracking-tight\",\n      h4: \"scroll-m-20 text-xl font-semibold tracking-tight\",\n      p: \"leading-7 [&:not(:first-child)]:mt-6\",\n      blockquote: \"mt-6 border-l-2 pl-6 italic\",\n      code: \"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\",\n      inlineCode: \"relative rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold\",\n      list: \"my-6 ml-6 list-disc [&>li]:mt-2\",\n      table: \"my-6 w-full overflow-y-auto\",\n      lead: \"text-xl text-muted-foreground\",\n      large: \"text-lg font-semibold\",\n      muted: \"text-sm text-muted-foreground\",\n      small: \"text-sm font-medium leading-none\"\n    }\n  },\n  defaultVariants: {\n    variant: \"p\"\n  }\n});\n\nexport type TypographyVariants = VariantProps<typeof typography>;\n\nexport type TypographyProps = JSX.HTMLAttributes<HTMLElementTagNameMap[keyof HTMLElementTagNameMap]> &\n  TypographyVariants & {\n    as?: keyof HTMLElementTagNameMap;\n    children?: ComponentChildren;\n  };\n\nexport const Typography = ({ as = \"p\", variant, class: className, children, ...rest }: TypographyProps) => {\n  const Tag = as as keyof JSX.IntrinsicElements;\n  const props = { \"data-slot\": \"typography\", class: cn(typography({ variant }), className), ...rest } as any;\n  return <Tag {...props}>{children}</Tag>;\n};\n\n","import { Typography, typography } from \"./Typography\";\n\nexport { Typography, typography };\nexport type { TypographyVariants } from \"./Typography\";\n\nexport default Typography;\n\n"]}

package/dist/chunk-ZVKIJLNO.js

@@ -0,0 +1,9 @@
+import { textarea, Textarea } from './chunk-V27UIXBD.js';
+
+// src/components/textarea/index.ts
+var TextareaVariants = { textarea };
+var textarea_default = Textarea;
+
+export { TextareaVariants, textarea_default };
+//# sourceMappingURL=chunk-ZVKIJLNO.js.map
+//# sourceMappingURL=chunk-ZVKIJLNO.js.map

package/dist/chunk-ZVKIJLNO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/textarea/index.ts"],"names":[],"mappings":";;;AAEA,IAAM,gBAAA,GAAmB,EAAE,QAAA;AAI3B,IAAO,gBAAA,GAAQ","file":"chunk-ZVKIJLNO.js","sourcesContent":["import { Textarea, textarea } from \"./Textarea\";\n\nconst TextareaVariants = { textarea };\n\nexport { Textarea, TextareaVariants };\n\nexport default Textarea;\n"]}

package/dist/components/accordion/index.d.ts

@@ -0,0 +1,12 @@
+import { d as AccordionProps, e as AccordionItemProps, f as AccordionTriggerProps, g as AccordionContentProps } from '../../Accordion-D1PiNspd.js';
+export { A as Accordion, a as AccordionContent, b as AccordionItem, c as AccordionTrigger } from '../../Accordion-D1PiNspd.js';
+import * as preact from 'preact';
+
+declare const _default: {
+    Root: ({ type, collapsible, defaultValue, children, ...rest }: AccordionProps) => preact.JSX.Element;
+    Item: ({ value, disabled, children, ...rest }: AccordionItemProps) => preact.JSX.Element;
+    Trigger: ({ hideIndicator, indicator, children, class: className, onClick, ...rest }: AccordionTriggerProps) => preact.JSX.Element;
+    Content: ({ forceMount, duration, timingFunction, largeContentThreshold, children, class: className, style, ...rest }: AccordionContentProps) => preact.JSX.Element | null;
+};
+
+export { _default as default };

package/dist/components/accordion/index.js

@@ -0,0 +1,4 @@
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, accordion_default as default } from '../../chunk-7MECYLKS.js';
+import '../../chunk-OMXWBB67.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/alert/index.d.ts

@@ -0,0 +1,64 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import { JSX, ComponentChildren } from 'preact';
+
+declare const alert: tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        /** shadcn parity — title + icon use `text-destructive`; description muted via descendant selector. */
+        destructive: string;
+        primary: string;
+        secondary: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}, undefined, string[], {
+    variant: {
+        default: string;
+        /** shadcn parity — title + icon use `text-destructive`; description muted via descendant selector. */
+        destructive: string;
+        primary: string;
+        secondary: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        /** shadcn parity — title + icon use `text-destructive`; description muted via descendant selector. */
+        destructive: string;
+        primary: string;
+        secondary: string;
+        info: string;
+        success: string;
+        warning: string;
+        error: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type AlertProps = JSX.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alert> & {
+    children?: ComponentChildren;
+};
+/** For icon + title + description layout, put the icon SVG as the first child (sibling before `AlertTitle`) so the description aligns with the title text. */
+declare const Alert: ({ children, variant, class: className, ...rest }: AlertProps) => JSX.Element;
+
+type AlertActionProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+/** Top-end action slot; Alert reserves horizontal padding when this is present. */
+declare const AlertAction: ({ class: className, children, ...rest }: AlertActionProps) => JSX.Element;
+
+type AlertTitleProps = JSX.HTMLAttributes<HTMLHeadingElement> & {
+    children?: ComponentChildren;
+};
+declare const AlertTitle: ({ children, class: className, ...rest }: AlertTitleProps) => JSX.Element;
+
+type AlertDescriptionProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const AlertDescription: ({ children, class: className, ...rest }: AlertDescriptionProps) => JSX.Element;
+
+export { Alert, AlertAction, AlertDescription, AlertTitle, alert };

package/dist/components/alert/index.js

@@ -0,0 +1,4 @@
+export { Alert, AlertAction, AlertDescription, AlertTitle, alert } from '../../chunk-RT26RZ7W.js';
+import '../../chunk-OMXWBB67.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/alert-dialog/index.d.ts

@@ -0,0 +1,22 @@
+import { j as AlertDialogProps, k as AlertDialogTriggerProps, l as AlertDialogContentProps, m as AlertDialogHeaderProps, n as AlertDialogFooterProps, o as AlertDialogTitleProps, p as AlertDialogDescriptionProps, q as AlertDialogMediaProps, r as AlertDialogCancelProps, s as AlertDialogActionProps } from '../../AlertDialog-CpnCfDdN.js';
+export { A as AlertDialog, a as AlertDialogAction, b as AlertDialogCancel, c as AlertDialogContent, d as AlertDialogDescription, e as AlertDialogFooter, f as AlertDialogHeader, g as AlertDialogMedia, h as AlertDialogTitle, i as AlertDialogTrigger } from '../../AlertDialog-CpnCfDdN.js';
+import * as preact from 'preact';
+import 'tailwind-variants';
+import '../../Button-tRKMr8-H.js';
+import '../../Dialog-CqCI4s9U.js';
+import '../../DialogContent-9VJGDt5l.js';
+
+declare const _default: {
+    Root: ({ children, ...rest }: AlertDialogProps) => preact.JSX.Element;
+    Trigger: ({ asChild, class: className, children, ...rest }: AlertDialogTriggerProps) => preact.JSX.Element;
+    Content: ({ size, class: className, children, ...rest }: AlertDialogContentProps) => preact.JSX.Element;
+    Header: ({ class: className, children, ...rest }: AlertDialogHeaderProps) => preact.JSX.Element;
+    Footer: ({ class: className, children, ...rest }: AlertDialogFooterProps) => preact.JSX.Element;
+    Title: ({ class: className, children, ...rest }: AlertDialogTitleProps) => preact.JSX.Element;
+    Description: ({ class: className, children, ...rest }: AlertDialogDescriptionProps) => preact.JSX.Element;
+    Media: ({ class: className, children, ...rest }: AlertDialogMediaProps) => preact.JSX.Element;
+    Cancel: ({ variant, class: className, children, ...rest }: AlertDialogCancelProps) => preact.JSX.Element;
+    Action: ({ variant, class: className, children, ...rest }: AlertDialogActionProps) => preact.JSX.Element;
+};
+
+export { _default as default };

package/dist/components/alert-dialog/index.js

@@ -0,0 +1,9 @@
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogTitle, AlertDialogTrigger, alert_dialog_default as default } from '../../chunk-G6PBJZYF.js';
+import '../../chunk-YWUMX4JR.js';
+import '../../chunk-KBXDU3G4.js';
+import '../../chunk-UGQ756Z6.js';
+import '../../chunk-J2Z2LSXM.js';
+import '../../chunk-HEQRODRF.js';
+import '../../chunk-OMXWBB67.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/alert-dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/aspect-ratio/index.d.ts

@@ -0,0 +1,11 @@
+import { JSX, ComponentChildren } from 'preact';
+
+type AspectRatioProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    /** Width ÷ height (e.g. `16 / 9`, `1`, `9 / 16`). Applied as CSS `aspect-ratio`. */
+    ratio: number;
+    children?: ComponentChildren;
+};
+/** Fixed-ratio box for media (CSS `aspect-ratio`; no Radix dependency). Children should use `h-full w-full object-cover` to fill. */
+declare const AspectRatio: ({ ratio, class: className, style, children, ...rest }: AspectRatioProps) => JSX.Element;
+
+export { AspectRatio };

package/dist/components/aspect-ratio/index.js

@@ -0,0 +1,4 @@
+export { AspectRatio } from '../../chunk-UGOQKTHL.js';
+import '../../chunk-OMXWBB67.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/aspect-ratio/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/avatar/index.d.ts

@@ -0,0 +1,53 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { JSX, ComponentChildren } from 'preact';
+
+/** Outer shell: no overflow so AvatarBadge rings are not clipped. */
+declare const avatarRoot: tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        default: string;
+        lg: string;
+    };
+}, undefined, "group/avatar relative inline-flex shrink-0 select-none", {
+    size: {
+        sm: string;
+        default: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    size: {
+        sm: string;
+        default: string;
+        lg: string;
+    };
+}, undefined, "group/avatar relative inline-flex shrink-0 select-none", unknown, unknown, undefined>>;
+type AvatarProps = Omit<JSX.HTMLAttributes<HTMLSpanElement>, "size"> & {
+    children?: ComponentChildren;
+    size?: "sm" | "default" | "lg";
+};
+declare const Avatar: ({ size, class: className, children, ...rest }: AvatarProps) => JSX.Element;
+
+type AvatarBadgeProps = JSX.HTMLAttributes<HTMLSpanElement> & {
+    children?: ComponentChildren;
+};
+declare const AvatarBadge: ({ class: className, children, ...rest }: AvatarBadgeProps) => JSX.Element;
+
+type AvatarFallbackProps = JSX.HTMLAttributes<HTMLSpanElement> & {
+    children?: ComponentChildren;
+};
+declare const AvatarFallback: ({ class: className, children, ...rest }: AvatarFallbackProps) => JSX.Element;
+
+type AvatarGroupProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const AvatarGroup: ({ class: className, children, ...rest }: AvatarGroupProps) => JSX.Element;
+
+type AvatarGroupCountProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    children?: ComponentChildren;
+};
+declare const AvatarGroupCount: ({ class: className, children, ...rest }: AvatarGroupCountProps) => JSX.Element;
+
+type AvatarImageProps = JSX.ImgHTMLAttributes<HTMLImageElement>;
+declare const AvatarImage: ({ class: className, src, alt, onLoad, onError, ...rest }: AvatarImageProps) => JSX.Element;
+
+export { Avatar, AvatarBadge, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, AvatarGroupCount, type AvatarGroupCountProps, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, avatarRoot };

package/dist/components/avatar/index.js

@@ -0,0 +1,4 @@
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, avatarRoot } from '../../chunk-Y37OHTAO.js';
+import '../../chunk-OMXWBB67.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}