@kamod-ch/ui 0.2.1

package/dist/chunk-BYG2ULS3.js

@@ -0,0 +1,196 @@
+import { cn } from './chunk-MS2ZNYCJ.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-BYG2ULS3.js.map
+//# sourceMappingURL=chunk-BYG2ULS3.js.map

package/dist/chunk-BYG2ULS3.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-BYG2ULS3.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useContext, useMemo, useState } from \"preact/hooks\";\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// oxlint-disable-next-line typescript/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 =\n      type === \"single\"\n        ? exists\n          ? []\n          : [value]\n        : exists\n          ? values.filter((entry) => entry !== value)\n          : [...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={{\n        type,\n        values,\n        toggle,\n        disabled,\n        itemVariant: resolvedVariant,\n        itemSize: resolvedSize,\n      }}\n    >\n      {/* oxlint-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","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(\n        toggleGroupItem({ variant: resolvedVariant, size: resolvedSize, class: className }),\n      )}\n      onClick={(event) => {\n        if (isDisabled) return;\n        toggle(value);\n        onClick?.(event);\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\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"]}

package/dist/chunk-C7WEQOUA.js

@@ -0,0 +1,26 @@
+import { signal } from '@preact/signals';
+
+// src/lib/signals/createControllableSignal.ts
+var createControllableSignal = ({
+  value,
+  defaultValue,
+  onChange
+}) => {
+  const isControlled = value !== void 0;
+  const local = signal(value ?? defaultValue);
+  const setState = (next) => {
+    if (!isControlled) {
+      local.value = next;
+    }
+    onChange?.(next);
+  };
+  return {
+    state: local,
+    setState,
+    isControlled
+  };
+};
+
+export { createControllableSignal };
+//# sourceMappingURL=chunk-C7WEQOUA.js.map
+//# sourceMappingURL=chunk-C7WEQOUA.js.map

package/dist/chunk-C7WEQOUA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/signals/createControllableSignal.ts"],"names":[],"mappings":";;;AAcO,IAAM,2BAA2B,CAAI;AAAA,EAC1C,KAAA;AAAA,EACA,YAAA;AAAA,EACA;AACF,CAAA,KAAiE;AAC/D,EAAA,MAAM,eAAe,KAAA,KAAU,MAAA;AAC/B,EAAA,MAAM,KAAA,GAAQ,MAAA,CAAW,KAAA,IAAS,YAAkB,CAAA;AAEpD,EAAA,MAAM,QAAA,GAAW,CAAC,IAAA,KAAY;AAC5B,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,KAAA,CAAM,KAAA,GAAQ,IAAA;AAAA,IAChB;AACA,IAAA,QAAA,GAAW,IAAI,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,KAAA,EAAO,KAAA;AAAA,IACP,QAAA;AAAA,IACA;AAAA,GACF;AACF","file":"chunk-C7WEQOUA.js","sourcesContent":["import { type Signal, signal } from \"@preact/signals\";\n\ntype CreateControllableSignalOptions<T> = {\n  value?: T;\n  defaultValue: T;\n  onChange?: (next: T) => void;\n};\n\nexport type ControllableSignal<T> = {\n  state: Signal<T>;\n  setState: (next: T) => void;\n  isControlled: boolean;\n};\n\nexport const createControllableSignal = <T>({\n  value,\n  defaultValue,\n  onChange,\n}: CreateControllableSignalOptions<T>): ControllableSignal<T> => {\n  const isControlled = value !== undefined;\n  const local = signal<T>((value ?? defaultValue) as T);\n\n  const setState = (next: T) => {\n    if (!isControlled) {\n      local.value = next;\n    }\n    onChange?.(next);\n  };\n\n  return {\n    state: local,\n    setState,\n    isControlled,\n  };\n};\n"]}

package/dist/chunk-CLEC2RMU.js

@@ -0,0 +1,8 @@
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { jsx } from 'preact/jsx-runtime';
+
+var Table = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "table-wrapper", class: cn("relative w-full overflow-x-auto", className), ...rest, children: /* @__PURE__ */ jsx("table", { "data-slot": "table", class: "w-full caption-bottom text-sm", children }) });
+
+export { Table };
+//# sourceMappingURL=chunk-CLEC2RMU.js.map
+//# sourceMappingURL=chunk-CLEC2RMU.js.map

package/dist/chunk-CLEC2RMU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/table/Table.tsx"],"names":[],"mappings":";;;AAOO,IAAM,KAAA,GAAQ,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,EAAK,qBAC1D,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,eAAA,EAAgB,KAAA,EAAO,EAAA,CAAG,iCAAA,EAAmC,SAAS,CAAA,EAAI,GAAG,IAAA,EAC1F,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAM,WAAA,EAAU,OAAA,EAAQ,KAAA,EAAM,+BAAA,EAC5B,QAAA,EACH,CAAA,EACF","file":"chunk-CLEC2RMU.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type TableProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const Table = ({ class: className, children, ...rest }: TableProps) => (\n  <div data-slot=\"table-wrapper\" class={cn(\"relative w-full overflow-x-auto\", className)} {...rest}>\n    <table data-slot=\"table\" class=\"w-full caption-bottom text-sm\">\n      {children}\n    </table>\n  </div>\n);\n"]}

package/dist/chunk-CMBERB5B.js

@@ -0,0 +1,9 @@
+import { input, Input } from './chunk-6RASPU5N.js';
+
+// src/components/input/index.ts
+var InputVariants = { input };
+var input_default = Input;
+
+export { InputVariants, input_default };
+//# sourceMappingURL=chunk-CMBERB5B.js.map
+//# sourceMappingURL=chunk-CMBERB5B.js.map

package/dist/chunk-CMBERB5B.js.map

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

package/dist/chunk-COPT6I2D.js

@@ -0,0 +1,122 @@
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { isValidElement, cloneElement } from 'preact';
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+var badge = tv({
+  base: [
+    "group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1.5 overflow-hidden rounded-full font-medium whitespace-nowrap",
+    "[&+&]:ms-1.5",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0",
+    "transition-all outline-none focus-visible:ring-3",
+    "aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/20",
+    "dark:aria-invalid:border-destructive/50 dark:aria-invalid:focus-visible:ring-destructive/40",
+    "has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5"
+  ],
+  variants: {
+    variant: {
+      default: "bg-foreground text-background focus-visible:ring-outline/50",
+      primary: "bg-primary text-primary-foreground focus-visible:ring-primary/50",
+      secondary: "bg-secondary text-secondary-foreground focus-visible:ring-secondary/50",
+      destructive: "bg-destructive text-destructive-foreground focus-visible:ring-outline/50",
+      outline: "border-border bg-background focus-visible:border-outline focus-visible:ring-outline/50 dark:bg-input/30 border",
+      ghost: "bg-transparent text-foreground hover:bg-muted focus-visible:ring-outline/50",
+      link: "h-auto rounded-none border-0 bg-transparent p-0 text-primary underline-offset-4 hover:underline focus-visible:ring-0",
+      info: "bg-info text-info-foreground focus-visible:ring-info/50",
+      success: "bg-success text-success-foreground focus-visible:ring-success/50",
+      warning: "bg-warning text-warning-foreground focus-visible:ring-warning/50",
+      error: "border border-error/60 bg-error/90 text-error-foreground focus-visible:ring-error/50"
+    },
+    size: {
+      xxs: "px-2 py-0 text-[10px] leading-4 [&_svg:not([class*='size-'])]:size-2.5",
+      xs: "px-2.5 py-0 text-xs leading-4 [&_svg:not([class*='size-'])]:size-3",
+      sm: "px-2.5 py-0.5 text-xs [&_svg:not([class*='size-'])]:size-3",
+      md: "px-3 py-0.5 text-sm [&_svg:not([class*='size-'])]:size-4",
+      lg: "px-4 py-1 text-base [&_svg:not([class*='size-'])]:size-4.5"
+    },
+    isLink: { true: "cursor-pointer", false: "" }
+  },
+  compoundVariants: [
+    { isLink: true, variant: "default", className: "hover:bg-foreground/90" },
+    { isLink: true, variant: "primary", className: "hover:bg-primary/90" },
+    { isLink: true, variant: "secondary", className: "hover:bg-secondary/90" },
+    { isLink: true, variant: "destructive", className: "hover:bg-destructive/90" },
+    { isLink: true, variant: "outline", className: "hover:bg-muted" },
+    { isLink: true, variant: "ghost", className: "hover:bg-muted" },
+    { isLink: true, variant: "link", className: "hover:underline" },
+    { isLink: true, variant: "info", className: "hover:bg-info/90" },
+    { isLink: true, variant: "success", className: "hover:bg-success/90" },
+    { isLink: true, variant: "warning", className: "hover:bg-warning/90" },
+    { isLink: true, variant: "error", className: "hover:bg-error" }
+  ],
+  defaultVariants: { variant: "default", size: "md", isLink: false }
+});
+var Badge = ({
+  variant,
+  size,
+  class: className,
+  children,
+  asChild = false,
+  ...rest
+}) => {
+  const resolvedVariant = variant ?? "default";
+  const resolvedSize = size ?? "md";
+  const isHref = "href" in rest && typeof rest.href === "string";
+  const isLink = Boolean(isHref);
+  const resolvedClass = badge({
+    variant: resolvedVariant,
+    size: resolvedSize,
+    isLink,
+    class: className
+  });
+  if (asChild) {
+    if (!isValidElement(children)) {
+      return null;
+    }
+    const childIsAnchor = children.type === "a";
+    const childProps = children.props ?? {};
+    const asChildClass = badge({
+      variant: resolvedVariant,
+      size: resolvedSize,
+      isLink: childIsAnchor,
+      class: className
+    });
+    return cloneElement(children, {
+      ...rest,
+      ...childProps,
+      class: cn(asChildClass, childProps.class, childProps.className),
+      "data-slot": "badge",
+      "data-variant": resolvedVariant
+    });
+  }
+  if (isHref) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        class: resolvedClass,
+        "data-slot": "badge",
+        "data-variant": resolvedVariant,
+        ...rest,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      class: resolvedClass,
+      "data-slot": "badge",
+      "data-variant": resolvedVariant,
+      ...rest,
+      children
+    }
+  );
+};
+
+// src/components/badge/index.ts
+var BadgeVariants = { badge };
+var badge_default = Badge;
+
+export { Badge, BadgeVariants, badge_default };
+//# sourceMappingURL=chunk-COPT6I2D.js.map
+//# sourceMappingURL=chunk-COPT6I2D.js.map

package/dist/chunk-COPT6I2D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/badge/Badge.tsx","../src/components/badge/index.ts"],"names":[],"mappings":"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","file":"chunk-COPT6I2D.js","sourcesContent":["import { type ComponentChildren, cloneElement, isValidElement, type JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const badge = tv({\n  base: [\n    \"group/badge inline-flex w-fit shrink-0 items-center justify-center gap-1.5 overflow-hidden rounded-full font-medium whitespace-nowrap\",\n    \"[&+&]:ms-1.5\",\n    \"[&_svg]:pointer-events-none [&_svg]:shrink-0\",\n    \"transition-all outline-none focus-visible:ring-3\",\n    \"aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/20\",\n    \"dark:aria-invalid:border-destructive/50 dark:aria-invalid:focus-visible:ring-destructive/40\",\n    \"has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5\",\n  ],\n  variants: {\n    variant: {\n      default: \"bg-foreground text-background focus-visible:ring-outline/50\",\n      primary: \"bg-primary text-primary-foreground focus-visible:ring-primary/50\",\n      secondary: \"bg-secondary text-secondary-foreground focus-visible:ring-secondary/50\",\n      destructive: \"bg-destructive text-destructive-foreground focus-visible:ring-outline/50\",\n      outline:\n        \"border-border bg-background focus-visible:border-outline focus-visible:ring-outline/50 dark:bg-input/30 border\",\n      ghost: \"bg-transparent text-foreground hover:bg-muted focus-visible:ring-outline/50\",\n      link: \"h-auto rounded-none border-0 bg-transparent p-0 text-primary underline-offset-4 hover:underline focus-visible:ring-0\",\n      info: \"bg-info text-info-foreground focus-visible:ring-info/50\",\n      success: \"bg-success text-success-foreground focus-visible:ring-success/50\",\n      warning: \"bg-warning text-warning-foreground focus-visible:ring-warning/50\",\n      error: \"border border-error/60 bg-error/90 text-error-foreground focus-visible:ring-error/50\",\n    },\n    size: {\n      xxs: \"px-2 py-0 text-[10px] leading-4 [&_svg:not([class*='size-'])]:size-2.5\",\n      xs: \"px-2.5 py-0 text-xs leading-4 [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"px-2.5 py-0.5 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      md: \"px-3 py-0.5 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      lg: \"px-4 py-1 text-base [&_svg:not([class*='size-'])]:size-4.5\",\n    },\n    isLink: { true: \"cursor-pointer\", false: \"\" },\n  },\n  compoundVariants: [\n    { isLink: true, variant: \"default\", className: \"hover:bg-foreground/90\" },\n    { isLink: true, variant: \"primary\", className: \"hover:bg-primary/90\" },\n    { isLink: true, variant: \"secondary\", className: \"hover:bg-secondary/90\" },\n    { isLink: true, variant: \"destructive\", className: \"hover:bg-destructive/90\" },\n    { isLink: true, variant: \"outline\", className: \"hover:bg-muted\" },\n    { isLink: true, variant: \"ghost\", className: \"hover:bg-muted\" },\n    { isLink: true, variant: \"link\", className: \"hover:underline\" },\n    { isLink: true, variant: \"info\", className: \"hover:bg-info/90\" },\n    { isLink: true, variant: \"success\", className: \"hover:bg-success/90\" },\n    { isLink: true, variant: \"warning\", className: \"hover:bg-warning/90\" },\n    { isLink: true, variant: \"error\", className: \"hover:bg-error\" },\n  ],\n  defaultVariants: { variant: \"default\", size: \"md\", isLink: false },\n});\n\ntype BadgeCommon = VariantProps<typeof badge> & {\n  class?: string;\n  children?: ComponentChildren;\n  asChild?: boolean;\n};\n\ntype BadgeAsSpan = BadgeCommon &\n  JSX.HTMLAttributes<HTMLSpanElement> & {\n    href?: undefined;\n  };\n\ntype BadgeAsAnchor = BadgeCommon &\n  JSX.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    href: string;\n  };\n\nexport type BadgeProps = BadgeAsSpan | BadgeAsAnchor;\n\nexport const Badge = ({\n  variant,\n  size,\n  class: className,\n  children,\n  asChild = false,\n  ...rest\n}: BadgeProps) => {\n  const resolvedVariant = variant ?? \"default\";\n  const resolvedSize = size ?? \"md\";\n  const isHref = \"href\" in rest && typeof rest.href === \"string\";\n  const isLink = Boolean(isHref);\n\n  const resolvedClass = badge({\n    variant: resolvedVariant,\n    size: resolvedSize,\n    isLink,\n    class: className,\n  });\n\n  if (asChild) {\n    if (!isValidElement(children)) {\n      return null;\n    }\n\n    const childIsAnchor = children.type === \"a\";\n    const childProps = (children.props ?? {}) as JSX.HTMLAttributes<HTMLElement> & {\n      class?: string;\n      className?: string;\n    };\n\n    const asChildClass = badge({\n      variant: resolvedVariant,\n      size: resolvedSize,\n      isLink: childIsAnchor,\n      class: className,\n    });\n\n    return cloneElement(children, {\n      ...(rest as JSX.HTMLAttributes<HTMLElement>),\n      ...childProps,\n      class: cn(asChildClass, childProps.class, childProps.className),\n      \"data-slot\": \"badge\",\n      \"data-variant\": resolvedVariant,\n    });\n  }\n\n  if (isHref) {\n    return (\n      <a\n        class={resolvedClass}\n        data-slot=\"badge\"\n        data-variant={resolvedVariant}\n        {...(rest as JSX.AnchorHTMLAttributes<HTMLAnchorElement>)}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  return (\n    <span\n      class={resolvedClass}\n      data-slot=\"badge\"\n      data-variant={resolvedVariant}\n      {...(rest as JSX.HTMLAttributes<HTMLSpanElement>)}\n    >\n      {children}\n    </span>\n  );\n};\n","import { Badge, badge } from \"./Badge\";\n\nconst BadgeVariants = { badge };\n\nexport { Badge, BadgeVariants };\n\nexport default Badge;\n"]}