@kamod-ch/ui 0.2.1

package/dist/ToggleGroup-UeYHzQe7.d.ts

@@ -0,0 +1,137 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import { JSX, ComponentChildren } from 'preact';
+
+declare const toggleGroupItem$1: tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+        pill: string;
+    };
+    size: {
+        sm: string;
+        default: string;
+        lg: string;
+    };
+}, undefined, string[], {
+    variant: {
+        default: string;
+        outline: string;
+        pill: string;
+    };
+    size: {
+        sm: string;
+        default: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        outline: string;
+        pill: string;
+    };
+    size: {
+        sm: string;
+        default: string;
+        lg: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+type ToggleGroupItemVariants$1 = VariantProps<typeof toggleGroupItem$1>;
+type ToggleGroupItemProps = Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, "class"> & ToggleGroupItemVariants$1 & {
+    class?: string;
+    value: string;
+    children?: ComponentChildren;
+};
+declare const ToggleGroupItem: ({ class: className, value, variant, size, disabled, children, onClick, ...rest }: ToggleGroupItemProps) => JSX.Element;
+
+type ToggleGroupType = "single" | "multiple";
+declare const toggleGroup: tailwind_variants.TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    spacing: {
+        none: string;
+        sm: string;
+        default: string;
+        lg: string;
+    };
+}, undefined, "inline-flex items-center justify-center", {
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    spacing: {
+        none: string;
+        sm: string;
+        default: string;
+        lg: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    spacing: {
+        none: string;
+        sm: string;
+        default: string;
+        lg: string;
+    };
+}, undefined, "inline-flex items-center justify-center", unknown, unknown, undefined>>;
+declare const toggleGroupItem: tailwind_variants.TVReturnType<{
+    variant: {
+        default: undefined;
+        outline: undefined;
+        pill: undefined;
+    };
+    size: {
+        sm: undefined;
+        default: undefined;
+        lg: undefined;
+    };
+}, undefined, undefined, {
+    variant: {
+        default: undefined;
+        outline: undefined;
+        pill: undefined;
+    };
+    size: {
+        sm: undefined;
+        default: undefined;
+        lg: undefined;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        default: undefined;
+        outline: undefined;
+        pill: undefined;
+    };
+    size: {
+        sm: undefined;
+        default: undefined;
+        lg: undefined;
+    };
+}, undefined, undefined, unknown, unknown, undefined>>;
+type ToggleGroupItemVariants = VariantProps<typeof toggleGroupItem>;
+type ToggleGroupBaseProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, "class"> & VariantProps<typeof toggleGroup> & ToggleGroupItemVariants & {
+    class?: string;
+    type?: ToggleGroupType;
+    defaultValue?: string | string[];
+    value?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    disabled?: boolean;
+    children?: ComponentChildren;
+};
+type SingleToggleGroupProps = ToggleGroupBaseProps & {
+    type?: "single";
+    onValueChange?: (value: string) => void;
+};
+type MultipleToggleGroupProps = ToggleGroupBaseProps & {
+    type: "multiple";
+    onValueChange?: (value: string[]) => void;
+};
+type ToggleGroupProps = SingleToggleGroupProps | MultipleToggleGroupProps;
+declare const ToggleGroup: ({ class: className, type, defaultValue, value, onValueChange, disabled, orientation, spacing, variant, size, children, ...rest }: ToggleGroupProps) => JSX.Element;
+
+export { ToggleGroup as T, ToggleGroupItem as a, type ToggleGroupProps as b, type ToggleGroupItemProps as c };

package/dist/Tooltip-Ba3GxE7u.d.ts

@@ -0,0 +1,40 @@
+import * as preact from 'preact';
+import { JSX, ComponentChildren } from 'preact';
+
+type TooltipContentProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+    side?: "top" | "right" | "bottom" | "left";
+    align?: "start" | "center" | "end";
+    sideOffset?: number;
+    alignOffset?: number;
+    collisionPadding?: number;
+    forceMount?: boolean;
+    children?: ComponentChildren;
+};
+declare const TooltipContent: ({ asChild, side, align, sideOffset, alignOffset, collisionPadding, forceMount, children, ...rest }: TooltipContentProps) => JSX.Element | preact.VNode<{}> | null;
+
+type TooltipTriggerProps = JSX.HTMLAttributes<HTMLSpanElement> & {
+    asChild?: boolean;
+    children?: ComponentChildren;
+};
+declare const TooltipTrigger: ({ asChild, children, ...rest }: TooltipTriggerProps) => JSX.Element | preact.VNode<{}> | null;
+
+type TooltipProps = JSX.HTMLAttributes<HTMLDivElement> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (next: boolean) => void;
+    delayDuration?: number;
+    closeDelayDuration?: number;
+    disableHoverableContent?: boolean;
+    children?: ComponentChildren;
+};
+type TooltipProviderProps = {
+    delayDuration?: number;
+    closeDelayDuration?: number;
+    disableHoverableContent?: boolean;
+    children?: ComponentChildren;
+};
+declare const TooltipProvider: ({ delayDuration, closeDelayDuration, disableHoverableContent, children, }: TooltipProviderProps) => JSX.Element;
+declare const Tooltip: ({ defaultOpen, open: controlledOpen, onOpenChange, delayDuration, closeDelayDuration, disableHoverableContent, children, ...rest }: TooltipProps) => JSX.Element;
+
+export { Tooltip as T, TooltipContent as a, TooltipProvider as b, TooltipTrigger as c, type TooltipProviderProps as d, type TooltipProps as e, type TooltipTriggerProps as f, type TooltipContentProps as g };

package/dist/Typography-ccTtE182.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 typography: tailwind_variants.TVReturnType<{
+    variant: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        p: string;
+        blockquote: string;
+        code: string;
+        inlineCode: string;
+        list: string;
+        table: string;
+        lead: string;
+        large: string;
+        muted: string;
+        small: string;
+    };
+}, undefined, "text-foreground", {
+    variant: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        p: string;
+        blockquote: string;
+        code: string;
+        inlineCode: string;
+        list: string;
+        table: string;
+        lead: string;
+        large: string;
+        muted: string;
+        small: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        p: string;
+        blockquote: string;
+        code: string;
+        inlineCode: string;
+        list: string;
+        table: string;
+        lead: string;
+        large: string;
+        muted: string;
+        small: string;
+    };
+}, undefined, "text-foreground", unknown, unknown, undefined>>;
+type TypographyVariants = VariantProps<typeof typography>;
+type TypographyProps = JSX.HTMLAttributes<HTMLElementTagNameMap[keyof HTMLElementTagNameMap]> & TypographyVariants & {
+    as?: keyof HTMLElementTagNameMap;
+    children?: ComponentChildren;
+};
+declare const Typography: ({ as, variant, class: className, children, ...rest }: TypographyProps) => JSX.Element;
+
+export { Typography as T, type TypographyVariants as a, typography as t };

package/dist/chunk-26CRIZXP.js

@@ -0,0 +1,244 @@
+import { createIdFactory } from './chunk-PPYJQNE5.js';
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { useSignal } from '@preact/signals';
+import { createContext } from 'preact';
+import { useMemo, useEffect, useContext } from 'preact/hooks';
+import { jsx } from 'preact/jsx-runtime';
+import { tv } from 'tailwind-variants';
+
+var TabsContext = createContext(null);
+var useTabs = () => {
+  const context = useContext(TabsContext);
+  if (!context) throw new Error("Tabs subcomponents must be used within Tabs");
+  return context;
+};
+var syncRegistry = /* @__PURE__ */ new Map();
+var getOrCreateSyncEntry = (key, initialValue) => {
+  const existing = syncRegistry.get(key);
+  if (existing) return existing;
+  const created = {
+    value: initialValue,
+    subscribers: /* @__PURE__ */ new Set(),
+    instancesCount: 0
+  };
+  syncRegistry.set(key, created);
+  return created;
+};
+var Tabs = ({
+  defaultValue,
+  syncKey,
+  orientation = "horizontal",
+  class: className,
+  children,
+  ...rest
+}) => {
+  const value = useSignal(defaultValue);
+  const baseId = useMemo(() => createIdFactory("tabs")(), []);
+  const triggerId = useMemo(() => (tabValue) => `${baseId}-trigger-${tabValue}`, [baseId]);
+  const contentId = useMemo(() => (tabValue) => `${baseId}-content-${tabValue}`, [baseId]);
+  const setValue = (next) => {
+    if (!syncKey) {
+      value.value = next;
+      return;
+    }
+    const syncEntry = getOrCreateSyncEntry(syncKey, value.value);
+    if (syncEntry.value === next) return;
+    syncEntry.value = next;
+    value.value = next;
+    syncEntry.subscribers.forEach((subscriber) => subscriber(next));
+  };
+  useEffect(() => {
+    if (!syncKey) return;
+    const syncEntry = getOrCreateSyncEntry(syncKey, defaultValue);
+    syncEntry.instancesCount += 1;
+    value.value = syncEntry.value;
+    const subscriber = (nextValue) => {
+      if (value.value === nextValue) return;
+      value.value = nextValue;
+    };
+    syncEntry.subscribers.add(subscriber);
+    return () => {
+      syncEntry.subscribers.delete(subscriber);
+      syncEntry.instancesCount -= 1;
+      if (syncEntry.instancesCount <= 0) {
+        syncRegistry.delete(syncKey);
+      }
+    };
+  }, [defaultValue, syncKey, value]);
+  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { value, setValue, orientation, baseId, triggerId, contentId }, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      class: cn("group/tabs", className),
+      "data-slot": "tabs",
+      "data-orientation": orientation,
+      ...rest,
+      children
+    }
+  ) });
+};
+var TabsContent = ({
+  value,
+  forceMount = false,
+  class: className,
+  children,
+  id: idProp,
+  ...rest
+}) => {
+  const tabs = useTabs();
+  const active = tabs.value.value === value;
+  const id = idProp ?? tabs.contentId(value);
+  const labelledBy = tabs.triggerId(value);
+  if (!active && !forceMount) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "tabpanel",
+      id,
+      "aria-labelledby": labelledBy,
+      "aria-hidden": !active || void 0,
+      "data-slot": "tabs-content",
+      "data-state": active ? "active" : "inactive",
+      class: cn(
+        "mt-2 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        className
+      ),
+      tabIndex: 0,
+      hidden: !active && forceMount ? true : void 0,
+      ...rest,
+      children
+    }
+  );
+};
+var tabsList = tv({
+  base: [
+    "group/tabs-list inline-flex w-fit items-stretch justify-center gap-0.5 rounded-md bg-muted/80 p-0.5 text-muted-foreground",
+    "ring-1 ring-inset ring-black/[0.04] dark:ring-white/[0.06]",
+    "group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=horizontal]/tabs:rounded-full",
+    "group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:rounded-xl group-data-[orientation=vertical]/tabs:gap-0.5 group-data-[orientation=vertical]/tabs:p-1"
+  ],
+  variants: {
+    variant: {
+      default: "",
+      line: "rounded-none gap-1 bg-transparent p-0"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var TabsList = ({ variant, class: className, children, ...rest }) => {
+  const tabs = useTabs();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "tablist",
+      "aria-orientation": tabs.orientation,
+      class: cn(tabsList({ variant }), className),
+      "data-slot": "tabs-list",
+      "data-variant": variant ?? "default",
+      "data-orientation": tabs.orientation,
+      ...rest,
+      children
+    }
+  );
+};
+var TabsTrigger = ({
+  value,
+  class: className,
+  children,
+  onClick,
+  onKeyDown,
+  id: idProp,
+  ...rest
+}) => {
+  const tabs = useTabs();
+  const active = tabs.value.value === value;
+  const id = idProp ?? tabs.triggerId(value);
+  const controlsId = tabs.contentId(value);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      role: "tab",
+      id,
+      "aria-controls": controlsId,
+      class: cn(
+        "relative inline-flex h-full min-h-0 flex-1 items-center justify-center gap-1.5 border border-transparent px-3 py-1 text-sm whitespace-nowrap text-muted-foreground transition-[color,box-shadow,background-color,font-weight] duration-200 ease-out",
+        "group-data-[orientation=horizontal]/tabs:rounded-full group-data-[orientation=vertical]/tabs:rounded-md",
+        "group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start",
+        "hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
+        "disabled:pointer-events-none disabled:opacity-50 dark:hover:text-foreground",
+        "group-data-[variant=default]/tabs-list:data-[state=inactive]:font-medium",
+        "group-data-[variant=default]/tabs-list:data-[state=active]:bg-background group-data-[variant=default]/tabs-list:data-[state=active]:font-semibold group-data-[variant=default]/tabs-list:data-[state=active]:text-foreground",
+        "group-data-[variant=default]/tabs-list:data-[state=active]:shadow-[0_1px_2px_-0.5px_rgb(0_0_0/0.06),0_1px_3px_-1px_rgb(0_0_0/0.08)]",
+        "dark:group-data-[variant=default]/tabs-list:data-[state=active]:shadow-[0_1px_2px_-0.5px_rgb(0_0_0/0.35)] dark:group-data-[variant=default]/tabs-list:data-[state=active]:ring-1 dark:group-data-[variant=default]/tabs-list:data-[state=active]:ring-white/[0.08]",
+        "group-data-[variant=line]/tabs-list:rounded-none group-data-[variant=line]/tabs-list:px-0 group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none dark:group-data-[variant=line]/tabs-list:data-[state=active]:ring-0",
+        "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:text-foreground",
+        "dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent",
+        "dark:group-data-[variant=default]/tabs-list:data-[state=active]:bg-input/30 dark:group-data-[variant=default]/tabs-list:data-[state=active]:text-foreground",
+        "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity",
+        "group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5",
+        "group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5",
+        "group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",
+        className
+      ),
+      "data-slot": "tabs-trigger",
+      "data-state": active ? "active" : "inactive",
+      "data-active": active ? "true" : void 0,
+      "data-value": value,
+      "data-orientation": tabs.orientation,
+      "aria-selected": active,
+      tabIndex: active ? 0 : -1,
+      onClick: (event) => {
+        tabs.setValue(value);
+        onClick?.(event);
+      },
+      onKeyDown: (event) => {
+        onKeyDown?.(event);
+        if (event.defaultPrevented) return;
+        if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(event.key))
+          return;
+        const tabList = event.currentTarget.closest('[role="tablist"]');
+        if (!tabList) return;
+        const triggers = Array.from(
+          tabList.querySelectorAll('[role="tab"]:not([disabled])')
+        );
+        const currentIndex = triggers.indexOf(event.currentTarget);
+        if (currentIndex === -1 || triggers.length === 0) return;
+        const horizontal = tabs.orientation === "horizontal";
+        let nextIndex = currentIndex;
+        if (event.key === "Home") nextIndex = 0;
+        if (event.key === "End") nextIndex = triggers.length - 1;
+        if (event.key === "ArrowRight" && horizontal)
+          nextIndex = (currentIndex + 1) % triggers.length;
+        if (event.key === "ArrowLeft" && horizontal)
+          nextIndex = (currentIndex - 1 + triggers.length) % triggers.length;
+        if (event.key === "ArrowDown" && !horizontal)
+          nextIndex = (currentIndex + 1) % triggers.length;
+        if (event.key === "ArrowUp" && !horizontal)
+          nextIndex = (currentIndex - 1 + triggers.length) % triggers.length;
+        if (nextIndex === currentIndex) return;
+        event.preventDefault();
+        const next = triggers[nextIndex];
+        next.focus();
+        const nextValue = next.getAttribute("data-value");
+        if (nextValue) tabs.setValue(nextValue);
+      },
+      ...rest,
+      children
+    }
+  );
+};
+
+// src/components/tabs/index.ts
+var tabs_default = {
+  Root: Tabs,
+  List: TabsList,
+  Trigger: TabsTrigger,
+  Content: TabsContent
+};
+
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabs_default };
+//# sourceMappingURL=chunk-26CRIZXP.js.map
+//# sourceMappingURL=chunk-26CRIZXP.js.map

package/dist/chunk-26CRIZXP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/tabs/Tabs.tsx","../src/components/tabs/TabsContent.tsx","../src/components/tabs/TabsList.tsx","../src/components/tabs/TabsTrigger.tsx","../src/components/tabs/index.ts"],"names":["jsx"],"mappings":"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","file":"chunk-26CRIZXP.js","sourcesContent":["import { type Signal, useSignal } from \"@preact/signals\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { createContext } from \"preact\";\nimport { useContext, useEffect, useMemo } from \"preact/hooks\";\nimport { createIdFactory } from \"../../lib/interactive\";\nimport { cn } from \"../../lib/utils\";\n\ntype TabsContextValue = {\n  value: Signal<string>;\n  setValue: (next: string) => void;\n  orientation: \"horizontal\" | \"vertical\";\n  baseId: string;\n  triggerId: (tabValue: string) => string;\n  contentId: (tabValue: string) => string;\n};\n\nconst TabsContext = createContext<TabsContextValue | null>(null);\n\nexport const useTabs = () => {\n  const context = useContext(TabsContext);\n  if (!context) throw new Error(\"Tabs subcomponents must be used within Tabs\");\n  return context;\n};\n\nexport type TabsProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  defaultValue: string;\n  syncKey?: string;\n  orientation?: \"horizontal\" | \"vertical\";\n  children?: ComponentChildren;\n};\n\ntype SyncSubscriber = (nextValue: string) => void;\n\ntype SyncRegistryEntry = {\n  value: string;\n  subscribers: Set<SyncSubscriber>;\n  instancesCount: number;\n};\n\nconst syncRegistry = new Map<string, SyncRegistryEntry>();\n\nconst getOrCreateSyncEntry = (key: string, initialValue: string): SyncRegistryEntry => {\n  const existing = syncRegistry.get(key);\n  if (existing) return existing;\n\n  const created: SyncRegistryEntry = {\n    value: initialValue,\n    subscribers: new Set<SyncSubscriber>(),\n    instancesCount: 0,\n  };\n  syncRegistry.set(key, created);\n  return created;\n};\n\nexport const Tabs = ({\n  defaultValue,\n  syncKey,\n  orientation = \"horizontal\",\n  class: className,\n  children,\n  ...rest\n}: TabsProps) => {\n  const value = useSignal(defaultValue);\n  const baseId = useMemo(() => createIdFactory(\"tabs\")(), []);\n  const triggerId = useMemo(() => (tabValue: string) => `${baseId}-trigger-${tabValue}`, [baseId]);\n  const contentId = useMemo(() => (tabValue: string) => `${baseId}-content-${tabValue}`, [baseId]);\n  const setValue = (next: string) => {\n    if (!syncKey) {\n      value.value = next;\n      return;\n    }\n\n    const syncEntry = getOrCreateSyncEntry(syncKey, value.value);\n    if (syncEntry.value === next) return;\n\n    syncEntry.value = next;\n    value.value = next;\n    syncEntry.subscribers.forEach((subscriber) => subscriber(next));\n  };\n\n  useEffect(() => {\n    if (!syncKey) return;\n\n    const syncEntry = getOrCreateSyncEntry(syncKey, defaultValue);\n    syncEntry.instancesCount += 1;\n    value.value = syncEntry.value;\n\n    const subscriber: SyncSubscriber = (nextValue) => {\n      if (value.value === nextValue) return;\n      value.value = nextValue;\n    };\n    syncEntry.subscribers.add(subscriber);\n\n    return () => {\n      syncEntry.subscribers.delete(subscriber);\n      syncEntry.instancesCount -= 1;\n      if (syncEntry.instancesCount <= 0) {\n        syncRegistry.delete(syncKey);\n      }\n    };\n  }, [defaultValue, syncKey, value]);\n\n  return (\n    <TabsContext.Provider value={{ value, setValue, orientation, baseId, triggerId, contentId }}>\n      <div\n        class={cn(\"group/tabs\", className)}\n        data-slot=\"tabs\"\n        data-orientation={orientation}\n        {...rest}\n      >\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useTabs } from \"./Tabs\";\n\nexport type TabsContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  value: string;\n  forceMount?: boolean;\n  children?: ComponentChildren;\n};\n\nexport const TabsContent = ({\n  value,\n  forceMount = false,\n  class: className,\n  children,\n  id: idProp,\n  ...rest\n}: TabsContentProps) => {\n  const tabs = useTabs();\n  const active = tabs.value.value === value;\n  const id = idProp ?? tabs.contentId(value);\n  const labelledBy = tabs.triggerId(value);\n\n  if (!active && !forceMount) return null;\n\n  return (\n    <div\n      role=\"tabpanel\"\n      id={id}\n      aria-labelledby={labelledBy}\n      aria-hidden={!active || undefined}\n      data-slot=\"tabs-content\"\n      data-state={active ? \"active\" : \"inactive\"}\n      class={cn(\n        \"mt-2 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n        className,\n      )}\n      tabIndex={0}\n      hidden={!active && forceMount ? true : undefined}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\nimport { useTabs } from \"./Tabs\";\n\nconst tabsList = tv({\n  base: [\n    \"group/tabs-list inline-flex w-fit items-stretch justify-center gap-0.5 rounded-md bg-muted/80 p-0.5 text-muted-foreground\",\n    \"ring-1 ring-inset ring-black/[0.04] dark:ring-white/[0.06]\",\n    \"group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=horizontal]/tabs:rounded-full\",\n    \"group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col group-data-[orientation=vertical]/tabs:rounded-xl group-data-[orientation=vertical]/tabs:gap-0.5 group-data-[orientation=vertical]/tabs:p-1\",\n  ],\n  variants: {\n    variant: {\n      default: \"\",\n      line: \"rounded-none gap-1 bg-transparent p-0\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport type TabsListProps = JSX.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof tabsList> & {\n    children?: ComponentChildren;\n  };\n\nexport const TabsList = ({ variant, class: className, children, ...rest }: TabsListProps) => {\n  const tabs = useTabs();\n\n  return (\n    <div\n      role=\"tablist\"\n      aria-orientation={tabs.orientation}\n      class={cn(tabsList({ variant }), className)}\n      data-slot=\"tabs-list\"\n      data-variant={variant ?? \"default\"}\n      data-orientation={tabs.orientation}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { useTabs } from \"./Tabs\";\n\nexport type TabsTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  value: string;\n  children?: ComponentChildren;\n};\n\nexport const TabsTrigger = ({\n  value,\n  class: className,\n  children,\n  onClick,\n  onKeyDown,\n  id: idProp,\n  ...rest\n}: TabsTriggerProps) => {\n  const tabs = useTabs();\n  const active = tabs.value.value === value;\n  const id = idProp ?? tabs.triggerId(value);\n  const controlsId = tabs.contentId(value);\n\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\n      id={id}\n      aria-controls={controlsId}\n      class={cn(\n        \"relative inline-flex h-full min-h-0 flex-1 items-center justify-center gap-1.5 border border-transparent px-3 py-1 text-sm whitespace-nowrap text-muted-foreground transition-[color,box-shadow,background-color,font-weight] duration-200 ease-out\",\n        \"group-data-[orientation=horizontal]/tabs:rounded-full group-data-[orientation=vertical]/tabs:rounded-md\",\n        \"group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start\",\n        \"hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background\",\n        \"disabled:pointer-events-none disabled:opacity-50 dark:hover:text-foreground\",\n        \"group-data-[variant=default]/tabs-list:data-[state=inactive]:font-medium\",\n        \"group-data-[variant=default]/tabs-list:data-[state=active]:bg-background group-data-[variant=default]/tabs-list:data-[state=active]:font-semibold group-data-[variant=default]/tabs-list:data-[state=active]:text-foreground\",\n        \"group-data-[variant=default]/tabs-list:data-[state=active]:shadow-[0_1px_2px_-0.5px_rgb(0_0_0/0.06),0_1px_3px_-1px_rgb(0_0_0/0.08)]\",\n        \"dark:group-data-[variant=default]/tabs-list:data-[state=active]:shadow-[0_1px_2px_-0.5px_rgb(0_0_0/0.35)] dark:group-data-[variant=default]/tabs-list:data-[state=active]:ring-1 dark:group-data-[variant=default]/tabs-list:data-[state=active]:ring-white/[0.08]\",\n        \"group-data-[variant=line]/tabs-list:rounded-none group-data-[variant=line]/tabs-list:px-0 group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none dark:group-data-[variant=line]/tabs-list:data-[state=active]:ring-0\",\n        \"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:text-foreground\",\n        \"dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent\",\n        \"dark:group-data-[variant=default]/tabs-list:data-[state=active]:bg-input/30 dark:group-data-[variant=default]/tabs-list:data-[state=active]:text-foreground\",\n        \"after:absolute after:bg-foreground after:opacity-0 after:transition-opacity\",\n        \"group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5\",\n        \"group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5\",\n        \"group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100\",\n        className,\n      )}\n      data-slot=\"tabs-trigger\"\n      data-state={active ? \"active\" : \"inactive\"}\n      data-active={active ? \"true\" : undefined}\n      data-value={value}\n      data-orientation={tabs.orientation}\n      aria-selected={active}\n      tabIndex={active ? 0 : -1}\n      onClick={(event) => {\n        tabs.setValue(value);\n        onClick?.(event);\n      }}\n      onKeyDown={(event) => {\n        onKeyDown?.(event);\n        if (event.defaultPrevented) return;\n        if (![\"ArrowLeft\", \"ArrowRight\", \"ArrowUp\", \"ArrowDown\", \"Home\", \"End\"].includes(event.key))\n          return;\n\n        const tabList = event.currentTarget.closest('[role=\"tablist\"]');\n        if (!tabList) return;\n\n        const triggers = Array.from(\n          tabList.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]:not([disabled])'),\n        );\n        const currentIndex = triggers.indexOf(event.currentTarget);\n        if (currentIndex === -1 || triggers.length === 0) return;\n\n        const horizontal = tabs.orientation === \"horizontal\";\n        let nextIndex = currentIndex;\n\n        if (event.key === \"Home\") nextIndex = 0;\n        if (event.key === \"End\") nextIndex = triggers.length - 1;\n        if (event.key === \"ArrowRight\" && horizontal)\n          nextIndex = (currentIndex + 1) % triggers.length;\n        if (event.key === \"ArrowLeft\" && horizontal)\n          nextIndex = (currentIndex - 1 + triggers.length) % triggers.length;\n        if (event.key === \"ArrowDown\" && !horizontal)\n          nextIndex = (currentIndex + 1) % triggers.length;\n        if (event.key === \"ArrowUp\" && !horizontal)\n          nextIndex = (currentIndex - 1 + triggers.length) % triggers.length;\n\n        if (nextIndex === currentIndex) return;\n        event.preventDefault();\n        const next = triggers[nextIndex];\n        next.focus();\n        const nextValue = next.getAttribute(\"data-value\");\n        if (nextValue) tabs.setValue(nextValue);\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n","import { Tabs } from \"./Tabs\";\nimport { TabsContent } from \"./TabsContent\";\nimport { TabsList } from \"./TabsList\";\nimport { TabsTrigger } from \"./TabsTrigger\";\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger };\n\nexport default {\n  Root: Tabs,\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n};\n"]}