@kamod-ch/ui 0.2.1

package/dist/chunk-2BQ54337.js

@@ -0,0 +1,282 @@
+import { signal } from '@preact/signals';
+import { createContext, isValidElement, cloneElement } from 'preact';
+import { useMemo, useRef, useCallback, useEffect, useContext } from 'preact/hooks';
+import { jsx } from 'preact/jsx-runtime';
+import { tv } from 'tailwind-variants';
+
+// src/components/hover-card/HoverCard.tsx
+var HoverCardContext = createContext(null);
+var useHoverCard = () => {
+  const context = useContext(HoverCardContext);
+  if (!context) throw new Error("HoverCard subcomponents must be used within HoverCard");
+  return context;
+};
+var HoverCard = ({
+  defaultOpen = false,
+  openDelay = 700,
+  closeDelay = 300,
+  children,
+  ...rest
+}) => {
+  const open = useMemo(() => signal(defaultOpen), []);
+  const openTimer = useRef(null);
+  const closeTimer = useRef(null);
+  const clearOpenTimer = useCallback(() => {
+    if (openTimer.current !== null) {
+      clearTimeout(openTimer.current);
+      openTimer.current = null;
+    }
+  }, []);
+  const clearCloseTimer = useCallback(() => {
+    if (closeTimer.current !== null) {
+      clearTimeout(closeTimer.current);
+      closeTimer.current = null;
+    }
+  }, []);
+  const setOpenImmediate = useCallback(
+    (next) => {
+      clearOpenTimer();
+      clearCloseTimer();
+      open.value = next;
+    },
+    [clearCloseTimer, clearOpenTimer, open]
+  );
+  const pinOpen = useCallback(() => {
+    clearOpenTimer();
+    clearCloseTimer();
+    open.value = true;
+  }, [clearCloseTimer, clearOpenTimer, open]);
+  const scheduleOpen = useCallback(() => {
+    clearCloseTimer();
+    clearOpenTimer();
+    openTimer.current = window.setTimeout(() => {
+      openTimer.current = null;
+      open.value = true;
+    }, openDelay);
+  }, [clearCloseTimer, clearOpenTimer, open, openDelay]);
+  const scheduleClose = useCallback(() => {
+    clearOpenTimer();
+    clearCloseTimer();
+    closeTimer.current = window.setTimeout(() => {
+      closeTimer.current = null;
+      open.value = false;
+    }, closeDelay);
+  }, [clearCloseTimer, clearOpenTimer, open, closeDelay]);
+  useEffect(
+    () => () => {
+      clearOpenTimer();
+      clearCloseTimer();
+    },
+    [clearCloseTimer, clearOpenTimer]
+  );
+  const value = useMemo(
+    () => ({
+      open,
+      openDelay,
+      closeDelay,
+      scheduleOpen,
+      scheduleClose,
+      pinOpen,
+      setOpenImmediate
+    }),
+    [open, openDelay, closeDelay, scheduleOpen, scheduleClose, pinOpen, setOpenImmediate]
+  );
+  return /* @__PURE__ */ jsx(HoverCardContext.Provider, { value, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "hover-card",
+      "data-state": open.value ? "open" : "closed",
+      class: "relative inline-flex",
+      ...rest,
+      children
+    }
+  ) });
+};
+var positionBySide = {
+  top: "bottom-full",
+  bottom: "top-full",
+  left: "right-full",
+  right: "left-full"
+};
+var alignByAxis = {
+  vertical: {
+    start: "left-0",
+    center: "left-1/2 -translate-x-1/2",
+    end: "right-0"
+  },
+  horizontal: {
+    start: "top-0",
+    center: "top-1/2 -translate-y-1/2",
+    end: "bottom-0"
+  }
+};
+var hoverCardContent = tv({
+  base: [
+    "bg-popover text-popover-foreground z-50 flex min-w-0 max-w-[calc(100vw-1.5rem)] flex-col gap-1 rounded-lg border p-3 text-sm shadow-md outline-none",
+    "data-[state=open]:animate-in fade-in zoom-in-95",
+    "absolute isolate"
+  ],
+  variants: {
+    side: {
+      bottom: "slide-in-from-top-2",
+      top: "slide-in-from-bottom-2",
+      right: "slide-in-from-left-2",
+      left: "slide-in-from-right-2"
+    }
+  },
+  defaultVariants: {
+    side: "bottom"
+  }
+});
+var HoverCardContent = ({
+  side = "bottom",
+  align = "center",
+  sideOffset = 8,
+  class: className,
+  style,
+  children,
+  onKeyDown,
+  onMouseEnter,
+  onMouseLeave,
+  ...rest
+}) => {
+  const { open, pinOpen, scheduleClose, setOpenImmediate } = useHoverCard();
+  if (!open.value) return null;
+  const isVertical = side === "top" || side === "bottom";
+  const alignClass = isVertical ? alignByAxis.vertical[align] : alignByAxis.horizontal[align];
+  const inlineStyle = typeof style === "object" && style !== null ? style : void 0;
+  const offsetStyle = side === "bottom" ? { marginTop: `${sideOffset}px` } : side === "top" ? { marginBottom: `${sideOffset}px` } : side === "right" ? { marginLeft: `${sideOffset}px` } : { marginRight: `${sideOffset}px` };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "hover-card-content",
+      role: "dialog",
+      "aria-modal": "false",
+      tabIndex: -1,
+      "data-side": side,
+      "data-align": align,
+      "data-state": "open",
+      class: `${positionBySide[side]} ${alignClass} ${hoverCardContent({ side, class: className })}`,
+      style: inlineStyle ? { ...offsetStyle, ...inlineStyle } : offsetStyle,
+      onMouseEnter: (event) => {
+        pinOpen();
+        onMouseEnter?.(event);
+      },
+      onMouseLeave: (event) => {
+        scheduleClose();
+        onMouseLeave?.(event);
+      },
+      onKeyDown: (event) => {
+        if (event.key === "Escape") {
+          event.preventDefault();
+          setOpenImmediate(false);
+          return;
+        }
+        onKeyDown?.(event);
+      },
+      ...rest,
+      children
+    }
+  );
+};
+var hoverCardTrigger = tv({
+  base: [
+    "border-input bg-background hover:bg-muted inline-flex items-center justify-center rounded-md border px-3 py-2 text-sm font-medium shadow-xs transition-colors",
+    "outline-none focus-visible:ring-3 focus-visible:ring-ring/50"
+  ]
+});
+var callRef = (ref, node) => {
+  if (typeof ref === "function") {
+    ref(node);
+  } else if (ref && typeof ref === "object" && "current" in ref) {
+    ref.current = node;
+  }
+};
+var HoverCardTrigger = ({
+  asChild = false,
+  class: className,
+  children,
+  onFocus,
+  onBlur,
+  onMouseEnter,
+  onMouseLeave,
+  ref: outerRef,
+  ...rest
+}) => {
+  const { scheduleOpen, scheduleClose } = useHoverCard();
+  if (asChild) {
+    if (!isValidElement(children)) {
+      return null;
+    }
+    const childProps = children.props ?? {};
+    return cloneElement(children, {
+      ...childProps,
+      ...rest,
+      "data-slot": "hover-card-trigger",
+      onMouseEnter: (event) => {
+        childProps.onMouseEnter?.(event);
+        scheduleOpen();
+        onMouseEnter?.(event);
+      },
+      onMouseLeave: (event) => {
+        childProps.onMouseLeave?.(event);
+        scheduleClose();
+        onMouseLeave?.(event);
+      },
+      onFocus: (event) => {
+        childProps.onFocus?.(event);
+        scheduleOpen();
+        onFocus?.(event);
+      },
+      onBlur: (event) => {
+        childProps.onBlur?.(event);
+        scheduleClose();
+        onBlur?.(event);
+      },
+      ref: (node) => {
+        callRef(childProps.ref, node);
+        callRef(outerRef, node);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref: (node) => {
+        callRef(outerRef, node);
+      },
+      type: "button",
+      "data-slot": "hover-card-trigger",
+      class: hoverCardTrigger({ class: className }),
+      ...rest,
+      onMouseEnter: (event) => {
+        scheduleOpen();
+        onMouseEnter?.(event);
+      },
+      onMouseLeave: (event) => {
+        scheduleClose();
+        onMouseLeave?.(event);
+      },
+      onFocus: (event) => {
+        scheduleOpen();
+        onFocus?.(event);
+      },
+      onBlur: (event) => {
+        scheduleClose();
+        onBlur?.(event);
+      },
+      children
+    }
+  );
+};
+
+// src/components/hover-card/index.ts
+var hover_card_default = {
+  Root: HoverCard,
+  Trigger: HoverCardTrigger,
+  Content: HoverCardContent
+};
+
+export { HoverCard, HoverCardContent, HoverCardTrigger, hover_card_default };
+//# sourceMappingURL=chunk-2BQ54337.js.map
+//# sourceMappingURL=chunk-2BQ54337.js.map

package/dist/chunk-2BQ54337.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/hover-card/HoverCard.tsx","../src/components/hover-card/HoverCardContent.tsx","../src/components/hover-card/HoverCardTrigger.tsx","../src/components/hover-card/index.ts"],"names":["jsx","tv"],"mappings":"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","file":"chunk-2BQ54337.js","sourcesContent":["import { signal } from \"@preact/signals\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useCallback, useContext, useEffect, useMemo, useRef } from \"preact/hooks\";\n\nexport type HoverCardContextValue = {\n  open: ReturnType<typeof signal<boolean>>;\n  openDelay: number;\n  closeDelay: number;\n  scheduleOpen: () => void;\n  scheduleClose: () => void;\n  /** Cancel pending timers and keep the card open (pointer entered content). */\n  pinOpen: () => void;\n  setOpenImmediate: (next: boolean) => void;\n};\n\nconst HoverCardContext = createContext<HoverCardContextValue | null>(null);\n\nexport const useHoverCard = () => {\n  const context = useContext(HoverCardContext);\n  if (!context) throw new Error(\"HoverCard subcomponents must be used within HoverCard\");\n  return context;\n};\n\nexport type HoverCardProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  defaultOpen?: boolean;\n  /** Delay before opening (ms). Radix default 700. */\n  openDelay?: number;\n  /** Delay before closing (ms). Radix default 300. */\n  closeDelay?: number;\n  children?: ComponentChildren;\n};\n\nexport const HoverCard = ({\n  defaultOpen = false,\n  openDelay = 700,\n  closeDelay = 300,\n  children,\n  ...rest\n}: HoverCardProps) => {\n  const open = useMemo(() => signal(defaultOpen), []);\n  const openTimer = useRef<number | null>(null);\n  const closeTimer = useRef<number | null>(null);\n\n  const clearOpenTimer = useCallback(() => {\n    if (openTimer.current !== null) {\n      clearTimeout(openTimer.current);\n      openTimer.current = null;\n    }\n  }, []);\n\n  const clearCloseTimer = useCallback(() => {\n    if (closeTimer.current !== null) {\n      clearTimeout(closeTimer.current);\n      closeTimer.current = null;\n    }\n  }, []);\n\n  const setOpenImmediate = useCallback(\n    (next: boolean) => {\n      clearOpenTimer();\n      clearCloseTimer();\n      open.value = next;\n    },\n    [clearCloseTimer, clearOpenTimer, open],\n  );\n\n  const pinOpen = useCallback(() => {\n    clearOpenTimer();\n    clearCloseTimer();\n    open.value = true;\n  }, [clearCloseTimer, clearOpenTimer, open]);\n\n  const scheduleOpen = useCallback(() => {\n    clearCloseTimer();\n    clearOpenTimer();\n    openTimer.current = window.setTimeout(() => {\n      openTimer.current = null;\n      open.value = true;\n    }, openDelay);\n  }, [clearCloseTimer, clearOpenTimer, open, openDelay]);\n\n  const scheduleClose = useCallback(() => {\n    clearOpenTimer();\n    clearCloseTimer();\n    closeTimer.current = window.setTimeout(() => {\n      closeTimer.current = null;\n      open.value = false;\n    }, closeDelay);\n  }, [clearCloseTimer, clearOpenTimer, open, closeDelay]);\n\n  useEffect(\n    () => () => {\n      clearOpenTimer();\n      clearCloseTimer();\n    },\n    [clearCloseTimer, clearOpenTimer],\n  );\n\n  const value = useMemo(\n    (): HoverCardContextValue => ({\n      open,\n      openDelay,\n      closeDelay,\n      scheduleOpen,\n      scheduleClose,\n      pinOpen,\n      setOpenImmediate,\n    }),\n    [open, openDelay, closeDelay, scheduleOpen, scheduleClose, pinOpen, setOpenImmediate],\n  );\n\n  return (\n    <HoverCardContext.Provider value={value}>\n      <div\n        data-slot=\"hover-card\"\n        data-state={open.value ? \"open\" : \"closed\"}\n        class=\"relative inline-flex\"\n        {...rest}\n      >\n        {children}\n      </div>\n    </HoverCardContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { useHoverCard } from \"./HoverCard\";\n\nconst positionBySide = {\n  top: \"bottom-full\",\n  bottom: \"top-full\",\n  left: \"right-full\",\n  right: \"left-full\",\n} as const;\n\nconst alignByAxis = {\n  vertical: {\n    start: \"left-0\",\n    center: \"left-1/2 -translate-x-1/2\",\n    end: \"right-0\",\n  },\n  horizontal: {\n    start: \"top-0\",\n    center: \"top-1/2 -translate-y-1/2\",\n    end: \"bottom-0\",\n  },\n} as const;\n\nexport const hoverCardContent = tv({\n  base: [\n    \"bg-popover text-popover-foreground z-50 flex min-w-0 max-w-[calc(100vw-1.5rem)] flex-col gap-1 rounded-lg border p-3 text-sm shadow-md outline-none\",\n    \"data-[state=open]:animate-in fade-in zoom-in-95\",\n    \"absolute isolate\",\n  ],\n  variants: {\n    side: {\n      bottom: \"slide-in-from-top-2\",\n      top: \"slide-in-from-bottom-2\",\n      right: \"slide-in-from-left-2\",\n      left: \"slide-in-from-right-2\",\n    },\n  },\n  defaultVariants: {\n    side: \"bottom\",\n  },\n});\n\nexport type HoverCardContentProps = JSX.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof hoverCardContent> & {\n    side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n    align?: \"start\" | \"center\" | \"end\";\n    sideOffset?: number;\n    children?: ComponentChildren;\n  };\n\nexport const HoverCardContent = ({\n  side = \"bottom\",\n  align = \"center\",\n  sideOffset = 8,\n  class: className,\n  style,\n  children,\n  onKeyDown,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: HoverCardContentProps) => {\n  const { open, pinOpen, scheduleClose, setOpenImmediate } = useHoverCard();\n  if (!open.value) return null;\n\n  const isVertical = side === \"top\" || side === \"bottom\";\n  const alignClass = isVertical ? alignByAxis.vertical[align] : alignByAxis.horizontal[align];\n  const inlineStyle = typeof style === \"object\" && style !== null ? style : undefined;\n  const offsetStyle: JSX.CSSProperties =\n    side === \"bottom\"\n      ? { marginTop: `${sideOffset}px` }\n      : side === \"top\"\n        ? { marginBottom: `${sideOffset}px` }\n        : side === \"right\"\n          ? { marginLeft: `${sideOffset}px` }\n          : { marginRight: `${sideOffset}px` };\n\n  return (\n    <div\n      data-slot=\"hover-card-content\"\n      role=\"dialog\"\n      aria-modal=\"false\"\n      tabIndex={-1}\n      data-side={side}\n      data-align={align}\n      data-state=\"open\"\n      class={`${positionBySide[side]} ${alignClass} ${hoverCardContent({ side, class: className as string | undefined })}`}\n      style={inlineStyle ? { ...offsetStyle, ...inlineStyle } : offsetStyle}\n      onMouseEnter={(event) => {\n        pinOpen();\n        onMouseEnter?.(event);\n      }}\n      onMouseLeave={(event) => {\n        scheduleClose();\n        onMouseLeave?.(event);\n      }}\n      onKeyDown={(event) => {\n        if (event.key === \"Escape\") {\n          event.preventDefault();\n          setOpenImmediate(false);\n          return;\n        }\n        onKeyDown?.(event);\n      }}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import { type ComponentChildren, cloneElement, isValidElement, type JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\nimport { useHoverCard } from \"./HoverCard\";\n\nexport const hoverCardTrigger = tv({\n  base: [\n    \"border-input bg-background hover:bg-muted inline-flex items-center justify-center rounded-md border px-3 py-2 text-sm font-medium shadow-xs transition-colors\",\n    \"outline-none focus-visible:ring-3 focus-visible:ring-ring/50\",\n  ],\n});\n\nexport type HoverCardTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  asChild?: boolean;\n  children?: ComponentChildren;\n};\n\nconst callRef = <T extends HTMLElement>(ref: unknown, node: T | null) => {\n  if (typeof ref === \"function\") {\n    ref(node);\n  } else if (ref && typeof ref === \"object\" && \"current\" in ref) {\n    (ref as { current: T | null }).current = node;\n  }\n};\n\nexport const HoverCardTrigger = ({\n  asChild = false,\n  class: className,\n  children,\n  onFocus,\n  onBlur,\n  onMouseEnter,\n  onMouseLeave,\n  ref: outerRef,\n  ...rest\n}: HoverCardTriggerProps) => {\n  const { scheduleOpen, scheduleClose } = useHoverCard();\n\n  if (asChild) {\n    if (!isValidElement(children)) {\n      return null;\n    }\n\n    const childProps = (children.props ?? {}) as JSX.HTMLAttributes<HTMLElement> & {\n      ref?: unknown;\n      onMouseEnter?: (event: JSX.TargetedMouseEvent<HTMLElement>) => void;\n      onMouseLeave?: (event: JSX.TargetedMouseEvent<HTMLElement>) => void;\n      onFocus?: (event: JSX.TargetedFocusEvent<HTMLElement>) => void;\n      onBlur?: (event: JSX.TargetedFocusEvent<HTMLElement>) => void;\n    };\n\n    return cloneElement(children, {\n      ...(childProps as Record<string, unknown>),\n      ...(rest as Record<string, unknown>),\n      \"data-slot\": \"hover-card-trigger\",\n      onMouseEnter: (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n        childProps.onMouseEnter?.(event);\n        scheduleOpen();\n        onMouseEnter?.(event as JSX.TargetedMouseEvent<HTMLButtonElement>);\n      },\n      onMouseLeave: (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n        childProps.onMouseLeave?.(event);\n        scheduleClose();\n        onMouseLeave?.(event as JSX.TargetedMouseEvent<HTMLButtonElement>);\n      },\n      onFocus: (event: JSX.TargetedFocusEvent<HTMLElement>) => {\n        childProps.onFocus?.(event);\n        scheduleOpen();\n        onFocus?.(event as JSX.TargetedFocusEvent<HTMLButtonElement>);\n      },\n      onBlur: (event: JSX.TargetedFocusEvent<HTMLElement>) => {\n        childProps.onBlur?.(event);\n        scheduleClose();\n        onBlur?.(event as JSX.TargetedFocusEvent<HTMLButtonElement>);\n      },\n      ref: (node: HTMLElement | null) => {\n        callRef(childProps.ref, node);\n        callRef(outerRef, node);\n      },\n    } as never);\n  }\n\n  return (\n    <button\n      ref={(node) => {\n        callRef(outerRef, node);\n      }}\n      type=\"button\"\n      data-slot=\"hover-card-trigger\"\n      class={hoverCardTrigger({ class: className as string | undefined })}\n      {...rest}\n      onMouseEnter={(event) => {\n        scheduleOpen();\n        onMouseEnter?.(event);\n      }}\n      onMouseLeave={(event) => {\n        scheduleClose();\n        onMouseLeave?.(event);\n      }}\n      onFocus={(event) => {\n        scheduleOpen();\n        onFocus?.(event);\n      }}\n      onBlur={(event) => {\n        scheduleClose();\n        onBlur?.(event);\n      }}\n    >\n      {children}\n    </button>\n  );\n};\n","import { HoverCard } from \"./HoverCard\";\nimport { HoverCardContent } from \"./HoverCardContent\";\nimport { HoverCardTrigger } from \"./HoverCardTrigger\";\n\nexport { HoverCard, HoverCardContent, HoverCardTrigger };\n\nexport default {\n  Root: HoverCard,\n  Trigger: HoverCardTrigger,\n  Content: HoverCardContent,\n};\n"]}

package/dist/chunk-2HZCH73K.js

@@ -0,0 +1,109 @@
+import { RadioGroup, useRadioGroup } from './chunk-YVALXJRN.js';
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { tv } from 'tailwind-variants';
+import { jsxs, jsx } from 'preact/jsx-runtime';
+
+var itemRoot = tv({
+  base: [
+    "flex cursor-pointer items-center gap-3 text-sm leading-none font-medium text-foreground",
+    "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50"
+  ],
+  variants: {
+    size: {
+      default: "",
+      sm: "gap-2 text-xs"
+    }
+  },
+  defaultVariants: { size: "default" }
+});
+var indicatorBox = tv({
+  base: "relative inline-flex shrink-0 items-center justify-center",
+  variants: {
+    size: {
+      default: "size-4",
+      sm: "size-3.5"
+    }
+  },
+  defaultVariants: { size: "default" }
+});
+var dotSize = tv({
+  base: "pointer-events-none absolute left-1/2 top-1/2 z-10 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary opacity-0 transition-[opacity,transform] peer-checked:scale-100 peer-checked:opacity-100 scale-75",
+  variants: {
+    size: {
+      default: "size-2.5",
+      sm: "size-2"
+    }
+  },
+  defaultVariants: { size: "default" }
+});
+var RadioGroupItem = ({
+  value,
+  children,
+  size,
+  class: className,
+  onChange,
+  disabled,
+  ...rest
+}) => {
+  const group = useRadioGroup();
+  const selected = group.controlledValue !== void 0 ? group.controlledValue : group.value.value;
+  const checked = selected === value;
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      "data-slot": "radio-group-item",
+      "data-state": checked ? "checked" : "unchecked",
+      "data-size": size ?? "default",
+      class: cn(itemRoot({ size, class: className })),
+      children: [
+        /* @__PURE__ */ jsxs("span", { class: indicatorBox({ size }), children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              "data-slot": "radio-group-input",
+              class: "peer absolute inset-0 z-20 size-full cursor-pointer opacity-0 disabled:cursor-not-allowed",
+              name: group.name,
+              value,
+              checked,
+              disabled,
+              onChange: (event) => {
+                group.setValue(value);
+                onChange?.(event);
+                const el = event.currentTarget;
+                const selected2 = group.controlledValue !== void 0 ? group.controlledValue : group.value.value;
+                el.checked = selected2 === value;
+              },
+              ...rest
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": true,
+              class: cn(
+                "pointer-events-none absolute inset-0 z-0 flex items-center justify-center rounded-full border border-input bg-background shadow-xs transition-[color,box-shadow]",
+                "peer-focus-visible:outline-none peer-focus-visible:ring-[3px] peer-focus-visible:ring-ring/50",
+                "peer-disabled:opacity-50",
+                "peer-checked:border-primary",
+                "peer-aria-invalid:border-destructive peer-aria-invalid:ring-destructive/20"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { "aria-hidden": true, class: dotSize({ size }) })
+        ] }),
+        children ? /* @__PURE__ */ jsx("span", { "data-slot": "radio-group-label", children }) : null
+      ]
+    }
+  );
+};
+
+// src/components/radio-group/index.ts
+var radio_group_default = {
+  Root: RadioGroup,
+  Item: RadioGroupItem
+};
+
+export { RadioGroupItem, radio_group_default };
+//# sourceMappingURL=chunk-2HZCH73K.js.map
+//# sourceMappingURL=chunk-2HZCH73K.js.map

package/dist/chunk-2HZCH73K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/radio-group/RadioGroupItem.tsx","../src/components/radio-group/index.ts"],"names":["selected"],"mappings":"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","file":"chunk-2HZCH73K.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\nimport { useRadioGroup } from \"./RadioGroup\";\n\nconst itemRoot = tv({\n  base: [\n    \"flex cursor-pointer items-center gap-3 text-sm leading-none font-medium text-foreground\",\n    \"has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50\",\n  ],\n  variants: {\n    size: {\n      default: \"\",\n      sm: \"gap-2 text-xs\",\n    },\n  },\n  defaultVariants: { size: \"default\" },\n});\n\nconst indicatorBox = tv({\n  base: \"relative inline-flex shrink-0 items-center justify-center\",\n  variants: {\n    size: {\n      default: \"size-4\",\n      sm: \"size-3.5\",\n    },\n  },\n  defaultVariants: { size: \"default\" },\n});\n\nconst dotSize = tv({\n  base: \"pointer-events-none absolute left-1/2 top-1/2 z-10 -translate-x-1/2 -translate-y-1/2 rounded-full bg-primary opacity-0 transition-[opacity,transform] peer-checked:scale-100 peer-checked:opacity-100 scale-75\",\n  variants: {\n    size: {\n      default: \"size-2.5\",\n      sm: \"size-2\",\n    },\n  },\n  defaultVariants: { size: \"default\" },\n});\n\ntype ItemVariants = VariantProps<typeof itemRoot>;\n\nexport type RadioGroupItemProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"name\" | \"class\" | \"size\"\n> &\n  ItemVariants & {\n    value: string;\n    children?: ComponentChildren;\n    class?: string;\n  };\n\nexport const RadioGroupItem = ({\n  value,\n  children,\n  size,\n  class: className,\n  onChange,\n  disabled,\n  ...rest\n}: RadioGroupItemProps) => {\n  const group = useRadioGroup();\n  const selected = group.controlledValue !== undefined ? group.controlledValue : group.value.value;\n  const checked = selected === value;\n\n  return (\n    <label\n      data-slot=\"radio-group-item\"\n      data-state={checked ? \"checked\" : \"unchecked\"}\n      data-size={size ?? \"default\"}\n      class={cn(itemRoot({ size, class: className }))}\n    >\n      <span class={indicatorBox({ size })}>\n        <input\n          type=\"radio\"\n          data-slot=\"radio-group-input\"\n          class=\"peer absolute inset-0 z-20 size-full cursor-pointer opacity-0 disabled:cursor-not-allowed\"\n          name={group.name}\n          value={value}\n          checked={checked}\n          disabled={disabled}\n          onChange={(event) => {\n            group.setValue(value);\n            onChange?.(event);\n            const el = event.currentTarget as HTMLInputElement;\n            const selected =\n              group.controlledValue !== undefined ? group.controlledValue : group.value.value;\n            el.checked = selected === value;\n          }}\n          {...rest}\n        />\n        <span\n          aria-hidden\n          class={cn(\n            \"pointer-events-none absolute inset-0 z-0 flex items-center justify-center rounded-full border border-input bg-background shadow-xs transition-[color,box-shadow]\",\n            \"peer-focus-visible:outline-none peer-focus-visible:ring-[3px] peer-focus-visible:ring-ring/50\",\n            \"peer-disabled:opacity-50\",\n            \"peer-checked:border-primary\",\n            \"peer-aria-invalid:border-destructive peer-aria-invalid:ring-destructive/20\",\n          )}\n        />\n        <span aria-hidden class={dotSize({ size })} />\n      </span>\n      {children ? <span data-slot=\"radio-group-label\">{children}</span> : null}\n    </label>\n  );\n};\n","import { RadioGroup } from \"./RadioGroup\";\nimport { RadioGroupItem } from \"./RadioGroupItem\";\n\nexport { RadioGroup, RadioGroupItem };\n\nexport default {\n  Root: RadioGroup,\n  Item: RadioGroupItem,\n};\n"]}

package/dist/chunk-2KY7P27I.js

@@ -0,0 +1,64 @@
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { jsx } from 'preact/jsx-runtime';
+
+var TableBody = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("tbody", { "data-slot": "table-body", class: cn("[&_tr:last-child]:border-0", className), ...rest, children });
+var TableCaption = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "caption",
+  {
+    "data-slot": "table-caption",
+    class: cn("text-muted-foreground mt-4 text-sm", className),
+    ...rest,
+    children
+  }
+);
+var TableCell = ({ class: className, children, colSpan, ...rest }) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    "data-slot": "table-cell",
+    class: cn(
+      "p-2 align-middle [&:has([data-slot=checkbox])]:pr-0 [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    colSpan,
+    ...rest,
+    children
+  }
+);
+var TableFooter = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    "data-slot": "table-footer",
+    class: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
+    ...rest,
+    children
+  }
+);
+var TableHead = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    "data-slot": "table-head",
+    class: cn(
+      "text-muted-foreground h-10 px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...rest,
+    children
+  }
+);
+var TableHeader = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("thead", { "data-slot": "table-header", class: cn("[&_tr]:border-b", className), ...rest, children });
+var TableRow = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "tr",
+  {
+    "data-slot": "table-row",
+    class: cn(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      className
+    ),
+    ...rest,
+    children
+  }
+);
+
+export { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
+//# sourceMappingURL=chunk-2KY7P27I.js.map
+//# sourceMappingURL=chunk-2KY7P27I.js.map

package/dist/chunk-2KY7P27I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/table/TableBody.tsx","../src/components/table/TableCaption.tsx","../src/components/table/TableCell.tsx","../src/components/table/TableFooter.tsx","../src/components/table/TableHead.tsx","../src/components/table/TableHeader.tsx","../src/components/table/TableRow.tsx"],"names":["jsx"],"mappings":";;;AAOO,IAAM,SAAA,GAAY,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,MAAK,qBAC9D,GAAA,CAAC,WAAM,WAAA,EAAU,YAAA,EAAa,OAAO,EAAA,CAAG,4BAAA,EAA8B,SAAS,CAAA,EAAI,GAAG,MACnF,QAAA,EACH;ACHK,IAAM,YAAA,GAAe,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,IAAA,EAAK,qBACjEA,GAAAA;AAAA,EAAC,SAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,eAAA;AAAA,IACV,KAAA,EAAO,EAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA;AAAA,IACxD,GAAG,IAAA;AAAA,IAEH;AAAA;AACH;ACLK,IAAM,SAAA,GAAY,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,UAAU,OAAA,EAAS,GAAG,IAAA,EAAK,qBACvEA,GAAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,YAAA;AAAA,IACV,KAAA,EAAO,EAAA;AAAA,MACL,mFAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,OAAA;AAAA,IACC,GAAG,IAAA;AAAA,IAEH;AAAA;AACH;ACbK,IAAM,WAAA,GAAc,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,IAAA,EAAK,qBAChEA,GAAAA;AAAA,EAAC,OAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,cAAA;AAAA,IACV,KAAA,EAAO,EAAA,CAAG,yDAAA,EAA2D,SAAS,CAAA;AAAA,IAC7E,GAAG,IAAA;AAAA,IAEH;AAAA;AACH;ACPK,IAAM,SAAA,GAAY,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,IAAA,EAAK,qBAC9DA,GAAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,YAAA;AAAA,IACV,KAAA,EAAO,EAAA;AAAA,MACL,kGAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,IAAA;AAAA,IAEH;AAAA;AACH;ACVK,IAAM,WAAA,GAAc,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,MAAK,qBAChEA,IAAC,OAAA,EAAA,EAAM,WAAA,EAAU,gBAAe,KAAA,EAAO,EAAA,CAAG,mBAAmB,SAAS,CAAA,EAAI,GAAG,IAAA,EAC1E,QAAA,EACH;ACHK,IAAM,QAAA,GAAW,CAAC,EAAE,KAAA,EAAO,WAAW,QAAA,EAAU,GAAG,IAAA,EAAK,qBAC7DA,GAAAA;AAAA,EAAC,IAAA;AAAA,EAAA;AAAA,IACC,WAAA,EAAU,WAAA;AAAA,IACV,KAAA,EAAO,EAAA;AAAA,MACL,6EAAA;AAAA,MACA;AAAA,KACF;AAAA,IACC,GAAG,IAAA;AAAA,IAEH;AAAA;AACH","file":"chunk-2KY7P27I.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type TableBodyProps = JSX.HTMLAttributes<HTMLTableSectionElement> & {\n  children?: ComponentChildren;\n};\n\nexport const TableBody = ({ class: className, children, ...rest }: TableBodyProps) => (\n  <tbody data-slot=\"table-body\" class={cn(\"[&_tr:last-child]:border-0\", className)} {...rest}>\n    {children}\n  </tbody>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type TableCaptionProps = JSX.HTMLAttributes<HTMLTableCaptionElement> & {\n  children?: ComponentChildren;\n};\n\nexport const TableCaption = ({ class: className, children, ...rest }: TableCaptionProps) => (\n  <caption\n    data-slot=\"table-caption\"\n    class={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n    {...rest}\n  >\n    {children}\n  </caption>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type TableCellProps = JSX.HTMLAttributes<HTMLTableCellElement> & {\n  children?: ComponentChildren;\n  /** @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td#attr-colspan */\n  colSpan?: number;\n};\n\nexport const TableCell = ({ class: className, children, colSpan, ...rest }: TableCellProps) => (\n  <td\n    data-slot=\"table-cell\"\n    class={cn(\n      \"p-2 align-middle [&:has([data-slot=checkbox])]:pr-0 [&:has([role=checkbox])]:pr-0\",\n      className,\n    )}\n    colSpan={colSpan}\n    {...rest}\n  >\n    {children}\n  </td>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type TableFooterProps = JSX.HTMLAttributes<HTMLTableSectionElement> & {\n  children?: ComponentChildren;\n};\n\nexport const TableFooter = ({ class: className, children, ...rest }: TableFooterProps) => (\n  <tfoot\n    data-slot=\"table-footer\"\n    class={cn(\"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\", className)}\n    {...rest}\n  >\n    {children}\n  </tfoot>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type TableHeadProps = JSX.HTMLAttributes<HTMLTableCellElement> & {\n  children?: ComponentChildren;\n};\n\nexport const TableHead = ({ class: className, children, ...rest }: TableHeadProps) => (\n  <th\n    data-slot=\"table-head\"\n    class={cn(\n      \"text-muted-foreground h-10 px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0\",\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </th>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type TableHeaderProps = JSX.HTMLAttributes<HTMLTableSectionElement> & {\n  children?: ComponentChildren;\n};\n\nexport const TableHeader = ({ class: className, children, ...rest }: TableHeaderProps) => (\n  <thead data-slot=\"table-header\" class={cn(\"[&_tr]:border-b\", className)} {...rest}>\n    {children}\n  </thead>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type TableRowProps = JSX.HTMLAttributes<HTMLTableRowElement> & {\n  children?: ComponentChildren;\n};\n\nexport const TableRow = ({ class: className, children, ...rest }: TableRowProps) => (\n  <tr\n    data-slot=\"table-row\"\n    class={cn(\n      \"border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted\",\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </tr>\n);\n"]}

package/dist/chunk-3DNIMQX6.js

@@ -0,0 +1,78 @@
+import { useRadioGroup } from './chunk-YVALXJRN.js';
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { jsxs, jsx } from 'preact/jsx-runtime';
+
+function SelectableCardSelectedIndicator() {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "selectable-card-indicator",
+      class: "pointer-events-none flex size-[22px] shrink-0 items-center justify-center rounded-full border-[2.5px] border-black bg-white shadow-[0_1px_4px_rgba(0,0,0,0.12)] dark:border-white dark:bg-neutral-950 dark:shadow-[0_1px_5px_rgba(0,0,0,0.45)]",
+      "aria-hidden": true,
+      children: /* @__PURE__ */ jsx("span", { class: "size-[9px] rounded-full bg-black dark:bg-white" })
+    }
+  );
+}
+var SelectableCard = ({
+  value,
+  children,
+  class: className,
+  onChange,
+  disabled,
+  ...rest
+}) => {
+  const group = useRadioGroup();
+  const selected = group.controlledValue !== void 0 ? group.controlledValue : group.value.value;
+  const checked = selected === value;
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      "data-slot": "selectable-card",
+      "data-state": checked ? "checked" : "unchecked",
+      class: cn(
+        "block cursor-pointer rounded-lg outline-none focus-within:outline-none focus-within:ring-0",
+        "has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "radio",
+            "data-slot": "selectable-card-input",
+            class: "peer sr-only outline-none focus:outline-none focus-visible:outline-none focus:ring-0",
+            name: group.name,
+            value,
+            checked,
+            disabled,
+            onChange: (event) => {
+              group.setValue(value);
+              onChange?.(event);
+              const el = event.currentTarget;
+              const nextSelected = group.controlledValue !== void 0 ? group.controlledValue : group.value.value;
+              el.checked = nextSelected === value;
+            },
+            ...rest
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            class: cn(
+              "relative rounded-lg border-2 p-3 text-left transition-[border-color,background-color]",
+              checked ? "border-neutral-300 bg-neutral-100 dark:border-neutral-600 dark:bg-neutral-800/70" : "border-border/35 bg-background hover:border-border/60"
+            ),
+            children: [
+              checked ? /* @__PURE__ */ jsx("span", { class: "pointer-events-none absolute end-2.5 top-2.5", children: /* @__PURE__ */ jsx(SelectableCardSelectedIndicator, {}) }) : null,
+              /* @__PURE__ */ jsx("div", { class: cn("min-w-0", checked && "pe-9"), children })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { SelectableCard };
+//# sourceMappingURL=chunk-3DNIMQX6.js.map
+//# sourceMappingURL=chunk-3DNIMQX6.js.map

package/dist/chunk-3DNIMQX6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/selectable-card/SelectableCard.tsx"],"names":[],"mappings":";;;;AAKA,SAAS,+BAAA,GAAkC;AACzC,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,2BAAA;AAAA,MACV,KAAA,EAAM,gPAAA;AAAA,MACN,aAAA,EAAW,IAAA;AAAA,MAEX,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,KAAA,EAAM,gDAAA,EAAiD;AAAA;AAAA,GAC/D;AAEJ;AAYO,IAAM,iBAAiB,CAAC;AAAA,EAC7B,KAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,EAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAA2B;AACzB,EAAA,MAAM,QAAQ,aAAA,EAAc;AAC5B,EAAA,MAAM,WAAW,KAAA,CAAM,eAAA,KAAoB,SAAY,KAAA,CAAM,eAAA,GAAkB,MAAM,KAAA,CAAM,KAAA;AAC3F,EAAA,MAAM,UAAU,QAAA,KAAa,KAAA;AAE7B,EAAA,uBACE,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,iBAAA;AAAA,MACV,YAAA,EAAY,UAAU,SAAA,GAAY,WAAA;AAAA,MAClC,KAAA,EAAO,EAAA;AAAA,QACL,4FAAA;AAAA,QACA,+DAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,OAAA;AAAA,YACL,WAAA,EAAU,uBAAA;AAAA,YACV,KAAA,EAAM,sFAAA;AAAA,YACN,MAAM,KAAA,CAAM,IAAA;AAAA,YACZ,KAAA;AAAA,YACA,OAAA;AAAA,YACA,QAAA;AAAA,YACA,QAAA,EAAU,CAAC,KAAA,KAAU;AACnB,cAAA,KAAA,CAAM,SAAS,KAAK,CAAA;AACpB,cAAA,QAAA,GAAW,KAAK,CAAA;AAChB,cAAA,MAAM,KAAK,KAAA,CAAM,aAAA;AACjB,cAAA,MAAM,eACJ,KAAA,CAAM,eAAA,KAAoB,SAAY,KAAA,CAAM,eAAA,GAAkB,MAAM,KAAA,CAAM,KAAA;AAC5E,cAAA,EAAA,CAAG,UAAU,YAAA,KAAiB,KAAA;AAAA,YAChC,CAAA;AAAA,YACC,GAAG;AAAA;AAAA,SACN;AAAA,wBACA,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,KAAA,EAAO,EAAA;AAAA,cACL,uFAAA;AAAA,cACA,UACI,kFAAA,GACA;AAAA,aACN;AAAA,YAEC,QAAA,EAAA;AAAA,cAAA,OAAA,uBACE,MAAA,EAAA,EAAK,KAAA,EAAM,gDACV,QAAA,kBAAA,GAAA,CAAC,+BAAA,EAAA,EAAgC,GACnC,CAAA,GACE,IAAA;AAAA,8BACJ,GAAA,CAAC,SAAI,KAAA,EAAO,EAAA,CAAG,WAAW,OAAA,IAAW,MAAM,GAAI,QAAA,EAAS;AAAA;AAAA;AAAA;AAC1D;AAAA;AAAA,GACF;AAEJ","file":"chunk-3DNIMQX6.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useRadioGroup } from \"../radio-group/RadioGroup\";\n\n/** Filled radio appearance: black ring, white field, black dot (reference: selection cards). */\nfunction SelectableCardSelectedIndicator() {\n  return (\n    <span\n      data-slot=\"selectable-card-indicator\"\n      class=\"pointer-events-none flex size-[22px] shrink-0 items-center justify-center rounded-full border-[2.5px] border-black bg-white shadow-[0_1px_4px_rgba(0,0,0,0.12)] dark:border-white dark:bg-neutral-950 dark:shadow-[0_1px_5px_rgba(0,0,0,0.45)]\"\n      aria-hidden\n    >\n      <span class=\"size-[9px] rounded-full bg-black dark:bg-white\" />\n    </span>\n  );\n}\n\nexport type SelectableCardProps = Omit<\n  JSX.InputHTMLAttributes<HTMLInputElement>,\n  \"type\" | \"name\" | \"class\" | \"children\"\n> & {\n  value: string;\n  children?: ComponentChildren;\n  class?: string;\n};\n\n/** Card-style radio option for use inside `RadioGroup`. */\nexport const SelectableCard = ({\n  value,\n  children,\n  class: className,\n  onChange,\n  disabled,\n  ...rest\n}: SelectableCardProps) => {\n  const group = useRadioGroup();\n  const selected = group.controlledValue !== undefined ? group.controlledValue : group.value.value;\n  const checked = selected === value;\n\n  return (\n    <label\n      data-slot=\"selectable-card\"\n      data-state={checked ? \"checked\" : \"unchecked\"}\n      class={cn(\n        \"block cursor-pointer rounded-lg outline-none focus-within:outline-none focus-within:ring-0\",\n        \"has-[:disabled]:cursor-not-allowed has-[:disabled]:opacity-50\",\n        className,\n      )}\n    >\n      <input\n        type=\"radio\"\n        data-slot=\"selectable-card-input\"\n        class=\"peer sr-only outline-none focus:outline-none focus-visible:outline-none focus:ring-0\"\n        name={group.name}\n        value={value}\n        checked={checked}\n        disabled={disabled}\n        onChange={(event) => {\n          group.setValue(value);\n          onChange?.(event);\n          const el = event.currentTarget as HTMLInputElement;\n          const nextSelected =\n            group.controlledValue !== undefined ? group.controlledValue : group.value.value;\n          el.checked = nextSelected === value;\n        }}\n        {...rest}\n      />\n      <div\n        class={cn(\n          \"relative rounded-lg border-2 p-3 text-left transition-[border-color,background-color]\",\n          checked\n            ? \"border-neutral-300 bg-neutral-100 dark:border-neutral-600 dark:bg-neutral-800/70\"\n            : \"border-border/35 bg-background hover:border-border/60\",\n        )}\n      >\n        {checked ? (\n          <span class=\"pointer-events-none absolute end-2.5 top-2.5\">\n            <SelectableCardSelectedIndicator />\n          </span>\n        ) : null}\n        <div class={cn(\"min-w-0\", checked && \"pe-9\")}>{children}</div>\n      </div>\n    </label>\n  );\n};\n"]}