@kamod-ui/core 0.1.0

package/dist/chunk-AVCG4W6D.js

@@ -0,0 +1,122 @@
+import { button } from './chunk-UGQ756Z6.js';
+import { cn } from './chunk-OMXWBB67.js';
+import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
+
+var Pagination = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "nav",
+  {
+    "aria-label": "pagination",
+    "data-slot": "pagination",
+    class: cn("mx-auto flex w-full justify-center", className),
+    ...rest,
+    children
+  }
+);
+var PaginationContent = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "ul",
+  {
+    "data-slot": "pagination-content",
+    class: cn("flex flex-row items-center gap-1 list-none", className),
+    ...rest,
+    children
+  }
+);
+var PaginationItem = ({ children, ...rest }) => /* @__PURE__ */ jsx("li", { "data-slot": "pagination-item", ...rest, children });
+var PaginationLink = ({
+  isActive = false,
+  size = "default",
+  class: className,
+  "data-slot": dataSlot = "pagination-link",
+  children,
+  ...rest
+}) => {
+  const r = rest;
+  const restStyleClass = r.class ?? r.className;
+  const { class: _c, className: _cn, ...anchorRest } = r;
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      ...anchorRest,
+      "data-slot": dataSlot,
+      "aria-current": isActive ? "page" : void 0,
+      class: cn(
+        button({ variant: isActive ? "outline" : "ghost", size }),
+        "h-9 min-w-9 justify-center px-2.5 [&_svg]:size-4 [&_svg]:shrink-0",
+        className,
+        restStyleClass
+      ),
+      children
+    }
+  );
+};
+var svgBase = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "aria-hidden": true
+};
+var PaginationChevronLeft = ({ class: className, ...props }) => /* @__PURE__ */ jsx("svg", { ...svgBase, viewBox: "0 0 24 24", class: cn("size-4", className), ...props, children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" }) });
+var PaginationChevronRight = ({ class: className, ...props }) => /* @__PURE__ */ jsx("svg", { ...svgBase, viewBox: "0 0 24 24", class: cn("size-4", className), ...props, children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }) });
+var PaginationMoreHorizontal = ({ class: className, ...props }) => /* @__PURE__ */ jsxs("svg", { ...svgBase, viewBox: "0 0 24 24", class: cn("size-4", className), ...props, children: [
+  /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1" }),
+  /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "1" }),
+  /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1" })
+] });
+var PaginationNext = ({
+  children,
+  text = "Next",
+  class: className,
+  ...rest
+}) => /* @__PURE__ */ jsx(
+  PaginationLink,
+  {
+    "data-slot": "pagination-next",
+    "aria-label": "Go to next page",
+    size: "default",
+    class: cn("gap-1 pr-2.5 sm:pl-2.5", className),
+    ...rest,
+    children: children !== void 0 && children !== null ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("span", { class: "hidden sm:inline", children: text }),
+      /* @__PURE__ */ jsx(PaginationChevronRight, {})
+    ] })
+  }
+);
+var PaginationPrevious = ({
+  children,
+  text = "Previous",
+  class: className,
+  ...rest
+}) => /* @__PURE__ */ jsx(
+  PaginationLink,
+  {
+    "data-slot": "pagination-previous",
+    "aria-label": "Go to previous page",
+    size: "default",
+    class: cn("gap-1 pl-2.5 sm:pr-2.5", className),
+    ...rest,
+    children: children !== void 0 && children !== null ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(PaginationChevronLeft, {}),
+      /* @__PURE__ */ jsx("span", { class: "hidden sm:inline", children: text })
+    ] })
+  }
+);
+var PaginationEllipsis = ({ class: className, ...rest }) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    "data-slot": "pagination-ellipsis",
+    "aria-hidden": true,
+    class: cn("text-muted-foreground flex size-9 items-center justify-center", className),
+    ...rest,
+    children: [
+      /* @__PURE__ */ jsx(PaginationMoreHorizontal, {}),
+      /* @__PURE__ */ jsx("span", { class: "sr-only", children: "More pages" })
+    ]
+  }
+);
+
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+//# sourceMappingURL=chunk-AVCG4W6D.js.map
+//# sourceMappingURL=chunk-AVCG4W6D.js.map

package/dist/chunk-AVCG4W6D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/pagination/Pagination.tsx","../src/components/pagination/PaginationContent.tsx","../src/components/pagination/PaginationItem.tsx","../src/components/pagination/PaginationLink.tsx","../src/components/pagination/pagination-icons.tsx","../src/components/pagination/PaginationNext.tsx","../src/components/pagination/PaginationPrevious.tsx","../src/components/pagination/PaginationEllipsis.tsx"],"names":["jsx","jsxs","Fragment"],"mappings":"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","file":"chunk-AVCG4W6D.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type PaginationProps = JSX.HTMLAttributes<HTMLElement> & {\n  children?: ComponentChildren;\n};\n\nexport const Pagination = ({ class: className, children, ...rest }: PaginationProps) => (\n  <nav\n    aria-label=\"pagination\"\n    data-slot=\"pagination\"\n    class={cn(\"mx-auto flex w-full justify-center\", className)}\n    {...rest}\n  >\n    {children}\n  </nav>\n);\n\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type PaginationContentProps = JSX.HTMLAttributes<HTMLUListElement> & {\n  children?: ComponentChildren;\n};\n\nexport const PaginationContent = ({ class: className, children, ...rest }: PaginationContentProps) => (\n  <ul\n    data-slot=\"pagination-content\"\n    class={cn(\"flex flex-row items-center gap-1 list-none\", className)}\n    {...rest}\n  >\n    {children}\n  </ul>\n);\n\n","import type { ComponentChildren, JSX } from \"preact\";\n\nexport type PaginationItemProps = JSX.HTMLAttributes<HTMLLIElement> & {\n  children?: ComponentChildren;\n};\n\nexport const PaginationItem = ({ children, ...rest }: PaginationItemProps) => (\n  <li data-slot=\"pagination-item\" {...rest}>\n    {children}\n  </li>\n);\n\n","import type { ComponentChildren, JSX } from \"preact\";\nimport type { VariantProps } from \"tailwind-variants\";\nimport { button } from \"../button/Button\";\nimport { cn } from \"../../lib/utils\";\n\nexport type PaginationLinkProps = Omit<JSX.AnchorHTMLAttributes<HTMLAnchorElement>, \"size\"> & {\n  isActive?: boolean;\n  size?: VariantProps<typeof button>[\"size\"];\n  children?: ComponentChildren;\n  \"data-slot\"?: string;\n};\n\nexport const PaginationLink = ({\n  isActive = false,\n  size = \"default\",\n  class: className,\n  \"data-slot\": dataSlot = \"pagination-link\",\n  children,\n  ...rest\n}: PaginationLinkProps) => {\n  const r = rest as Record<string, unknown>;\n  const restStyleClass = (r.class ?? r.className) as string | undefined;\n  const { class: _c, className: _cn, ...anchorRest } = r;\n\n  return (\n    <a\n      {...(anchorRest as JSX.AnchorHTMLAttributes<HTMLAnchorElement>)}\n      data-slot={dataSlot}\n      aria-current={isActive ? \"page\" : undefined}\n      class={cn(\n        button({ variant: isActive ? \"outline\" : \"ghost\", size }),\n        \"h-9 min-w-9 justify-center px-2.5 [&_svg]:size-4 [&_svg]:shrink-0\",\n        className,\n        restStyleClass\n      )}\n    >\n      {children}\n    </a>\n  );\n};\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nconst svgBase: JSX.SVGAttributes<SVGSVGElement> = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  \"stroke-width\": 2,\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\",\n  \"aria-hidden\": true\n};\n\nexport const PaginationChevronLeft = ({ class: className, ...props }: JSX.SVGAttributes<SVGSVGElement>) => (\n  <svg {...svgBase} viewBox=\"0 0 24 24\" class={cn(\"size-4\", className)} {...props}>\n    <path d=\"m15 18-6-6 6-6\" />\n  </svg>\n);\n\nexport const PaginationChevronRight = ({ class: className, ...props }: JSX.SVGAttributes<SVGSVGElement>) => (\n  <svg {...svgBase} viewBox=\"0 0 24 24\" class={cn(\"size-4\", className)} {...props}>\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n);\n\nexport const PaginationMoreHorizontal = ({ class: className, ...props }: JSX.SVGAttributes<SVGSVGElement>) => (\n  <svg {...svgBase} viewBox=\"0 0 24 24\" class={cn(\"size-4\", className)} {...props}>\n    <circle cx=\"12\" cy=\"12\" r=\"1\" />\n    <circle cx=\"19\" cy=\"12\" r=\"1\" />\n    <circle cx=\"5\" cy=\"12\" r=\"1\" />\n  </svg>\n);\n","import type { ComponentChildren } from \"preact\";\nimport { PaginationChevronRight } from \"./pagination-icons\";\nimport { PaginationLink, type PaginationLinkProps } from \"./PaginationLink\";\nimport { cn } from \"../../lib/utils\";\n\nexport type PaginationNextProps = Omit<PaginationLinkProps, \"children\"> & {\n  children?: ComponentChildren;\n  text?: string;\n};\n\nexport const PaginationNext = ({\n  children,\n  text = \"Next\",\n  class: className,\n  ...rest\n}: PaginationNextProps) => (\n  <PaginationLink\n    data-slot=\"pagination-next\"\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    class={cn(\"gap-1 pr-2.5 sm:pl-2.5\", className)}\n    {...rest}\n  >\n    {children !== undefined && children !== null ? (\n      children\n    ) : (\n      <>\n        <span class=\"hidden sm:inline\">{text}</span>\n        <PaginationChevronRight />\n      </>\n    )}\n  </PaginationLink>\n);\n","import type { ComponentChildren } from \"preact\";\nimport { PaginationChevronLeft } from \"./pagination-icons\";\nimport { PaginationLink, type PaginationLinkProps } from \"./PaginationLink\";\nimport { cn } from \"../../lib/utils\";\n\nexport type PaginationPreviousProps = Omit<PaginationLinkProps, \"children\"> & {\n  children?: ComponentChildren;\n  text?: string;\n};\n\nexport const PaginationPrevious = ({\n  children,\n  text = \"Previous\",\n  class: className,\n  ...rest\n}: PaginationPreviousProps) => (\n  <PaginationLink\n    data-slot=\"pagination-previous\"\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    class={cn(\"gap-1 pl-2.5 sm:pr-2.5\", className)}\n    {...rest}\n  >\n    {children !== undefined && children !== null ? (\n      children\n    ) : (\n      <>\n        <PaginationChevronLeft />\n        <span class=\"hidden sm:inline\">{text}</span>\n      </>\n    )}\n  </PaginationLink>\n);\n","import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\nimport { PaginationMoreHorizontal } from \"./pagination-icons\";\n\nexport type PaginationEllipsisProps = JSX.HTMLAttributes<HTMLSpanElement>;\n\nexport const PaginationEllipsis = ({ class: className, ...rest }: PaginationEllipsisProps) => (\n  <span\n    data-slot=\"pagination-ellipsis\"\n    aria-hidden\n    class={cn(\"text-muted-foreground flex size-9 items-center justify-center\", className)}\n    {...rest}\n  >\n    <PaginationMoreHorizontal />\n    <span class=\"sr-only\">More pages</span>\n  </span>\n);\n\n"]}

package/dist/chunk-BF3F5SJX.js

@@ -0,0 +1,89 @@
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+// src/components/card/Card.tsx
+var card = tv({
+  base: [
+    "bg-card text-card-foreground group/card ring-border flex min-w-0 flex-col rounded-xl ring-1",
+    "has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0",
+    "*:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl"
+  ],
+  variants: {
+    size: {
+      default: "gap-6 py-6",
+      sm: "gap-4 py-4 text-sm"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+var Card = ({ class: className, size, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    class: card({ size, class: className }),
+    "data-slot": "card",
+    "data-size": size ?? "default",
+    ...rest,
+    children
+  }
+);
+var cardAction = tv({
+  base: "col-start-2 row-span-2 row-start-1 shrink-0 self-start justify-self-end"
+});
+var CardAction = ({ class: className, ...rest }) => /* @__PURE__ */ jsx("div", { class: cardAction({ class: className }), "data-slot": "card-action", ...rest });
+var cardContent = tv({
+  base: "px-6 group-data-[size=sm]/card:px-4"
+});
+var CardContent = ({ class: className, ...rest }) => /* @__PURE__ */ jsx("div", { class: cardContent({ class: className }), "data-slot": "card-content", ...rest });
+var cardDescription = tv({
+  base: "min-w-0 break-words text-muted-foreground text-sm group-data-[size=sm]/card:text-xs"
+});
+var CardDescription = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    class: cardDescription({ class: className }),
+    "data-slot": "card-description",
+    ...rest
+  }
+);
+var cardFooter = tv({
+  base: "bg-muted/50 flex items-center rounded-b-xl border-t p-6 group-data-[size=sm]/card:p-4"
+});
+var CardFooter = ({ class: className, ...rest }) => /* @__PURE__ */ jsx("div", { class: cardFooter({ class: className }), "data-slot": "card-footer", ...rest });
+var cardHeader = tv({
+  base: [
+    "@container/card-header grid w-full min-w-0 auto-rows-min items-start gap-1.5 px-6 group-data-[size=sm]/card:px-4",
+    // minmax(0,1fr) + min-w-0 on title/description keeps CardAction in the second column inside the card (flex preview children)
+    "has-data-[slot=card-action]:grid-cols-[minmax(0,1fr)_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]"
+  ]
+});
+var CardHeader = ({ class: className, ...rest }) => /* @__PURE__ */ jsx("div", { class: cardHeader({ class: className }), "data-slot": "card-header", ...rest });
+var cardTitle = tv({
+  base: "font-heading min-w-0 break-words text-xl leading-snug font-semibold group-data-[size=sm]/card:text-base"
+});
+var CardTitle = ({ class: className, ...rest }) => /* @__PURE__ */ jsx("div", { class: cardTitle({ class: className }), "data-slot": "card-title", ...rest });
+
+// src/components/card/index.ts
+var CardVariants = {
+  card,
+  cardAction,
+  cardContent,
+  cardDescription,
+  cardFooter,
+  cardHeader,
+  cardTitle
+};
+var card_default = {
+  Root: Card,
+  Header: CardHeader,
+  Footer: CardFooter,
+  Title: CardTitle,
+  Description: CardDescription,
+  Content: CardContent,
+  Action: CardAction
+};
+
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardVariants, card_default };
+//# sourceMappingURL=chunk-BF3F5SJX.js.map
+//# sourceMappingURL=chunk-BF3F5SJX.js.map

package/dist/chunk-BF3F5SJX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/card/Card.tsx","../src/components/card/CardAction.tsx","../src/components/card/CardContent.tsx","../src/components/card/CardDescription.tsx","../src/components/card/CardFooter.tsx","../src/components/card/CardHeader.tsx","../src/components/card/CardTitle.tsx","../src/components/card/index.ts"],"names":["tv","jsx"],"mappings":"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","file":"chunk-BF3F5SJX.js","sourcesContent":["import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nexport const card = tv({\n  base: [\n    \"bg-card text-card-foreground group/card ring-border flex min-w-0 flex-col rounded-xl ring-1\",\n    \"has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0\",\n    \"*:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl\"\n  ],\n  variants: {\n    size: {\n      default: \"gap-6 py-6\",\n      sm: \"gap-4 py-4 text-sm\"\n    }\n  },\n  defaultVariants: {\n    size: \"default\"\n  }\n});\n\nexport type CardProps = JSX.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof card> & {\n    children?: ComponentChildren;\n  };\n\nexport const Card = ({ class: className, size, children, ...rest }: CardProps) => (\n  <div\n    class={card({ size, class: className as string | undefined })}\n    data-slot=\"card\"\n    data-size={size ?? \"default\"}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const cardAction = tv({\n  base: \"col-start-2 row-span-2 row-start-1 shrink-0 self-start justify-self-end\"\n});\n\nexport type CardActionProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardAction = ({ class: className, ...rest }: CardActionProps) => (\n  <div class={cardAction({ class: className as string | undefined })} data-slot=\"card-action\" {...rest} />\n);\n\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const cardContent = tv({\n  base: \"px-6 group-data-[size=sm]/card:px-4\"\n});\n\nexport type CardContentProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardContent = ({ class: className, ...rest }: CardContentProps) => (\n  <div class={cardContent({ class: className as string | undefined })} data-slot=\"card-content\" {...rest} />\n);\n\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const cardDescription = tv({\n  base: \"min-w-0 break-words text-muted-foreground text-sm group-data-[size=sm]/card:text-xs\"\n});\n\nexport type CardDescriptionProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardDescription = ({ class: className, ...rest }: CardDescriptionProps) => (\n  <div\n    class={cardDescription({ class: className as string | undefined })}\n    data-slot=\"card-description\"\n    {...rest}\n  />\n);\n\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const cardFooter = tv({\n  base: \"bg-muted/50 flex items-center rounded-b-xl border-t p-6 group-data-[size=sm]/card:p-4\"\n});\n\nexport type CardFooterProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardFooter = ({ class: className, ...rest }: CardFooterProps) => (\n  <div class={cardFooter({ class: className as string | undefined })} data-slot=\"card-footer\" {...rest} />\n);\n\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const cardHeader = tv({\n  base: [\n    \"@container/card-header grid w-full min-w-0 auto-rows-min items-start gap-1.5 px-6 group-data-[size=sm]/card:px-4\",\n    // minmax(0,1fr) + min-w-0 on title/description keeps CardAction in the second column inside the card (flex preview children)\n    \"has-data-[slot=card-action]:grid-cols-[minmax(0,1fr)_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]\"\n  ]\n});\n\nexport type CardHeaderProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardHeader = ({ class: className, ...rest }: CardHeaderProps) => (\n  <div class={cardHeader({ class: className as string | undefined })} data-slot=\"card-header\" {...rest} />\n);\n\n","import type { JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\n\nexport const cardTitle = tv({\n  base:\n    \"font-heading min-w-0 break-words text-xl leading-snug font-semibold group-data-[size=sm]/card:text-base\"\n});\n\nexport type CardTitleProps = JSX.HTMLAttributes<HTMLDivElement>;\n\nexport const CardTitle = ({ class: className, ...rest }: CardTitleProps) => (\n  <div class={cardTitle({ class: className as string | undefined })} data-slot=\"card-title\" {...rest} />\n);\n\n","import { Card, card } from \"./Card\";\nimport { CardAction, cardAction } from \"./CardAction\";\nimport { CardContent, cardContent } from \"./CardContent\";\nimport { CardDescription, cardDescription } from \"./CardDescription\";\nimport { CardFooter, cardFooter } from \"./CardFooter\";\nimport { CardHeader, cardHeader } from \"./CardHeader\";\nimport { CardTitle, cardTitle } from \"./CardTitle\";\n\nconst CardVariants = {\n  card,\n  cardAction,\n  cardContent,\n  cardDescription,\n  cardFooter,\n  cardHeader,\n  cardTitle\n};\n\nexport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n  CardVariants\n};\n\nexport default {\n  Root: Card,\n  Header: CardHeader,\n  Footer: CardFooter,\n  Title: CardTitle,\n  Description: CardDescription,\n  Content: CardContent,\n  Action: CardAction\n};\n"]}

package/dist/chunk-BHMKSFES.js

@@ -0,0 +1,195 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { useSignal } from '@preact/signals';
+import { createContext } from 'preact';
+import { 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 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 }, 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,
+  ...rest
+}) => {
+  const tabs = useTabs();
+  const active = tabs.value.value === value;
+  if (!active && !forceMount) return null;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "tabpanel",
+      "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,
+      ...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, ...rest }) => {
+  const tabs = useTabs();
+  const active = tabs.value.value === value;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      role: "tab",
+      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-BHMKSFES.js.map
+//# sourceMappingURL=chunk-BHMKSFES.js.map

package/dist/chunk-BHMKSFES.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":";;;;;;;AAaA,IAAM,WAAA,GAAc,cAAuC,IAAI,CAAA;AAExD,IAAM,UAAU,MAAM;AAC3B,EAAA,MAAM,OAAA,GAAU,WAAW,WAAW,CAAA;AACtC,EAAA,IAAI,CAAC,OAAA,EAAS,MAAM,IAAI,MAAM,6CAA6C,CAAA;AAC3E,EAAA,OAAO,OAAA;AACT,CAAA;AAiBA,IAAM,YAAA,uBAAmB,GAAA,EAA+B;AAExD,IAAM,oBAAA,GAAuB,CAAC,GAAA,EAAa,YAAA,KAA4C;AACrF,EAAA,MAAM,QAAA,GAAW,YAAA,CAAa,GAAA,CAAI,GAAG,CAAA;AACrC,EAAA,IAAI,UAAU,OAAO,QAAA;AAErB,EAAA,MAAM,OAAA,GAA6B;AAAA,IACjC,KAAA,EAAO,YAAA;AAAA,IACP,WAAA,sBAAiB,GAAA,EAAoB;AAAA,IACrC,cAAA,EAAgB;AAAA,GAClB;AACA,EAAA,YAAA,CAAa,GAAA,CAAI,KAAK,OAAO,CAAA;AAC7B,EAAA,OAAO,OAAA;AACT,CAAA;AAEO,IAAM,IAAA,GAAO,CAAC,EAAE,YAAA,EAAc,OAAA,EAAS,WAAA,GAAc,YAAA,EAAc,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,EAAK,KAAiB;AAC7H,EAAA,MAAM,KAAA,GAAQ,UAAU,YAAY,CAAA;AACpC,EAAA,MAAM,QAAA,GAAW,CAAC,IAAA,KAAiB;AACjC,IAAA,IAAI,CAAC,OAAA,EAAS;AACZ,MAAA,KAAA,CAAM,KAAA,GAAQ,IAAA;AACd,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,SAAA,GAAY,oBAAA,CAAqB,OAAA,EAAS,KAAA,CAAM,KAAK,CAAA;AAC3D,IAAA,IAAI,SAAA,CAAU,UAAU,IAAA,EAAM;AAE9B,IAAA,SAAA,CAAU,KAAA,GAAQ,IAAA;AAClB,IAAA,KAAA,CAAM,KAAA,GAAQ,IAAA;AACd,IAAA,SAAA,CAAU,YAAY,OAAA,CAAQ,CAAC,UAAA,KAAe,UAAA,CAAW,IAAI,CAAC,CAAA;AAAA,EAChE,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,MAAM,SAAA,GAAY,oBAAA,CAAqB,OAAA,EAAS,YAAY,CAAA;AAC5D,IAAA,SAAA,CAAU,cAAA,IAAkB,CAAA;AAC5B,IAAA,KAAA,CAAM,QAAQ,SAAA,CAAU,KAAA;AAExB,IAAA,MAAM,UAAA,GAA6B,CAAC,SAAA,KAAc;AAChD,MAAA,IAAI,KAAA,CAAM,UAAU,SAAA,EAAW;AAC/B,MAAA,KAAA,CAAM,KAAA,GAAQ,SAAA;AAAA,IAChB,CAAA;AACA,IAAA,SAAA,CAAU,WAAA,CAAY,IAAI,UAAU,CAAA;AAEpC,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,WAAA,CAAY,OAAO,UAAU,CAAA;AACvC,MAAA,SAAA,CAAU,cAAA,IAAkB,CAAA;AAC5B,MAAA,IAAI,SAAA,CAAU,kBAAkB,CAAA,EAAG;AACjC,QAAA,YAAA,CAAa,OAAO,OAAO,CAAA;AAAA,MAC7B;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,YAAA,EAAc,OAAA,EAAS,KAAK,CAAC,CAAA;AAEjC,EAAA,uBACE,GAAA,CAAC,WAAA,CAAY,QAAA,EAAZ,EAAqB,KAAA,EAAO,EAAE,KAAA,EAAO,QAAA,EAAU,WAAA,EAAY,EAC1D,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,OAAO,EAAA,CAAG,YAAA,EAAc,SAAS,CAAA,EAAG,WAAA,EAAU,MAAA,EAAO,oBAAkB,WAAA,EAAc,GAAG,IAAA,EAC1F,QAAA,EACH,CAAA,EACF,CAAA;AAEJ;ACtFO,IAAM,cAAc,CAAC;AAAA,EAC1B,KAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,KAAA,EAAO,SAAA;AAAA,EACP,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAwB;AACtB,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,KAAA,KAAU,KAAA;AACpC,EAAA,IAAI,CAAC,MAAA,IAAU,CAAC,UAAA,EAAY,OAAO,IAAA;AAEnC,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,UAAA;AAAA,MACL,WAAA,EAAU,cAAA;AAAA,MACV,YAAA,EAAY,SAAS,QAAA,GAAW,UAAA;AAAA,MAChC,KAAA,EAAO,EAAA,CAAG,4FAAA,EAA8F,SAAS,CAAA;AAAA,MACjH,QAAA,EAAU,CAAA;AAAA,MACT,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AC5BA,IAAM,WAAW,EAAA,CAAG;AAAA,EAClB,IAAA,EAAM;AAAA,IACJ,2HAAA;AAAA,IACA,4DAAA;AAAA,IACA,oGAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS;AAAA;AAEb,CAAC,CAAA;AAOM,IAAM,QAAA,GAAW,CAAC,EAAE,OAAA,EAAS,OAAO,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,EAAK,KAAqB;AAC3F,EAAA,MAAM,OAAO,OAAA,EAAQ;AAErB,EAAA,uBACEA,GAAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,SAAA;AAAA,MACL,oBAAkB,IAAA,CAAK,WAAA;AAAA,MACvB,OAAO,EAAA,CAAG,QAAA,CAAS,EAAE,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MAC1C,WAAA,EAAU,WAAA;AAAA,MACV,gBAAc,OAAA,IAAW,SAAA;AAAA,MACzB,oBAAkB,IAAA,CAAK,WAAA;AAAA,MACtB,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;ACnCO,IAAM,WAAA,GAAc,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,OAAA,EAAS,SAAA,EAAW,GAAG,IAAA,EAAK,KAAwB;AACnH,EAAA,MAAM,OAAO,OAAA,EAAQ;AACrB,EAAA,MAAM,MAAA,GAAS,IAAA,CAAK,KAAA,CAAM,KAAA,KAAU,KAAA;AAEpC,EAAA,uBACEA,GAAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,IAAA,EAAK,KAAA;AAAA,MACL,KAAA,EAAO,EAAA;AAAA,QACL,qPAAA;AAAA,QACA,yGAAA;AAAA,QACA,oGAAA;AAAA,QACA,gKAAA;AAAA,QACA,6EAAA;AAAA,QACA,0EAAA;AAAA,QACA,8NAAA;AAAA,QACA,qIAAA;AAAA,QACA,oQAAA;AAAA,QACA,mOAAA;AAAA,QACA,mFAAA;AAAA,QACA,mMAAA;AAAA,QACA,6JAAA;AAAA,QACA,6JAAA;AAAA,QACA,6EAAA;AAAA,QACA,4KAAA;AAAA,QACA,iKAAA;AAAA,QACA,2EAAA;AAAA,QACA;AAAA,OACF;AAAA,MACA,WAAA,EAAU,cAAA;AAAA,MACV,YAAA,EAAY,SAAS,QAAA,GAAW,UAAA;AAAA,MAChC,aAAA,EAAa,SAAS,MAAA,GAAS,MAAA;AAAA,MAC/B,YAAA,EAAY,KAAA;AAAA,MACZ,oBAAkB,IAAA,CAAK,WAAA;AAAA,MACvB,eAAA,EAAe,MAAA;AAAA,MACf,QAAA,EAAU,SAAS,CAAA,GAAI,EAAA;AAAA,MACvB,OAAA,EAAS,CAAC,KAAA,KAAU;AAClB,QAAA,IAAA,CAAK,SAAS,KAAK,CAAA;AACnB,QAAA,OAAA,GAAU,KAAK,CAAA;AAAA,MACjB,CAAA;AAAA,MACA,SAAA,EAAW,CAAC,KAAA,KAAU;AACpB,QAAA,SAAA,GAAY,KAAK,CAAA;AACjB,QAAA,IAAI,MAAM,gBAAA,EAAkB;AAC5B,QAAA,IAAI,CAAC,CAAC,WAAA,EAAa,YAAA,EAAc,SAAA,EAAW,WAAA,EAAa,MAAA,EAAQ,KAAK,CAAA,CAAE,QAAA,CAAS,KAAA,CAAM,GAAG,CAAA,EAAG;AAE7F,QAAA,MAAM,OAAA,GAAU,KAAA,CAAM,aAAA,CAAc,OAAA,CAAQ,kBAAkB,CAAA;AAC9D,QAAA,IAAI,CAAC,OAAA,EAAS;AAEd,QAAA,MAAM,WAAW,KAAA,CAAM,IAAA,CAAK,OAAA,CAAQ,gBAAA,CAAoC,8BAA8B,CAAC,CAAA;AACvG,QAAA,MAAM,YAAA,GAAe,QAAA,CAAS,OAAA,CAAQ,KAAA,CAAM,aAAa,CAAA;AACzD,QAAA,IAAI,YAAA,KAAiB,EAAA,IAAM,QAAA,CAAS,MAAA,KAAW,CAAA,EAAG;AAElD,QAAA,MAAM,UAAA,GAAa,KAAK,WAAA,KAAgB,YAAA;AACxC,QAAA,IAAI,SAAA,GAAY,YAAA;AAEhB,QAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,MAAA,EAAQ,SAAA,GAAY,CAAA;AACtC,QAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,KAAA,EAAO,SAAA,GAAY,SAAS,MAAA,GAAS,CAAA;AACvD,QAAA,IAAI,MAAM,GAAA,KAAQ,YAAA,IAAgB,YAAY,SAAA,GAAA,CAAa,YAAA,GAAe,KAAK,QAAA,CAAS,MAAA;AACxF,QAAA,IAAI,KAAA,CAAM,QAAQ,WAAA,IAAe,UAAA,eAAyB,YAAA,GAAe,CAAA,GAAI,QAAA,CAAS,MAAA,IAAU,QAAA,CAAS,MAAA;AACzG,QAAA,IAAI,KAAA,CAAM,QAAQ,WAAA,IAAe,CAAC,YAAY,SAAA,GAAA,CAAa,YAAA,GAAe,KAAK,QAAA,CAAS,MAAA;AACxF,QAAA,IAAI,KAAA,CAAM,GAAA,KAAQ,SAAA,IAAa,CAAC,UAAA,eAAyB,YAAA,GAAe,CAAA,GAAI,QAAA,CAAS,MAAA,IAAU,QAAA,CAAS,MAAA;AAExG,QAAA,IAAI,cAAc,YAAA,EAAc;AAChC,QAAA,KAAA,CAAM,cAAA,EAAe;AACrB,QAAA,MAAM,IAAA,GAAO,SAAS,SAAS,CAAA;AAC/B,QAAA,IAAA,CAAK,KAAA,EAAM;AACX,QAAA,MAAM,SAAA,GAAY,IAAA,CAAK,YAAA,CAAa,YAAY,CAAA;AAChD,QAAA,IAAI,SAAA,EAAW,IAAA,CAAK,QAAA,CAAS,SAAS,CAAA;AAAA,MACxC,CAAA;AAAA,MACC,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;;;AC5EA,IAAO,YAAA,GAAQ;AAAA,EACb,IAAA,EAAM,IAAA;AAAA,EACN,IAAA,EAAM,QAAA;AAAA,EACN,OAAA,EAAS,WAAA;AAAA,EACT,OAAA,EAAS;AACX","file":"chunk-BHMKSFES.js","sourcesContent":["import { type Signal, useSignal } from \"@preact/signals\";\nimport { createContext } from \"preact\";\nimport { useEffect } from \"preact/hooks\";\nimport { useContext } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\ntype TabsContextValue = {\n  value: Signal<string>;\n  setValue: (next: string) => void;\n  orientation: \"horizontal\" | \"vertical\";\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 = ({ defaultValue, syncKey, orientation = \"horizontal\", class: className, children, ...rest }: TabsProps) => {\n  const value = useSignal(defaultValue);\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 }}>\n      <div class={cn(\"group/tabs\", className)} data-slot=\"tabs\" data-orientation={orientation} {...rest}>\n        {children}\n      </div>\n    </TabsContext.Provider>\n  );\n};\n\n","import { cn } from \"../../lib/utils\";\nimport type { ComponentChildren, JSX } from \"preact\";\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  ...rest\n}: TabsContentProps) => {\n  const tabs = useTabs();\n  const active = tabs.value.value === value;\n  if (!active && !forceMount) return null;\n\n  return (\n    <div\n      role=\"tabpanel\"\n      data-slot=\"tabs-content\"\n      data-state={active ? \"active\" : \"inactive\"}\n      class={cn(\"mt-2 outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\", className)}\n      tabIndex={0}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\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\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 = ({ value, class: className, children, onClick, onKeyDown, ...rest }: TabsTriggerProps) => {\n  const tabs = useTabs();\n  const active = tabs.value.value === value;\n\n  return (\n    <button\n      type=\"button\"\n      role=\"tab\"\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)) return;\n\n        const tabList = event.currentTarget.closest('[role=\"tablist\"]');\n        if (!tabList) return;\n\n        const triggers = Array.from(tabList.querySelectorAll<HTMLButtonElement>('[role=\"tab\"]:not([disabled])'));\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) nextIndex = (currentIndex + 1) % triggers.length;\n        if (event.key === \"ArrowLeft\" && horizontal) nextIndex = (currentIndex - 1 + triggers.length) % triggers.length;\n        if (event.key === \"ArrowDown\" && !horizontal) nextIndex = (currentIndex + 1) % triggers.length;\n        if (event.key === \"ArrowUp\" && !horizontal) 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\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"]}

package/dist/chunk-BMF5SGYP.js

@@ -0,0 +1,45 @@
+import { cn } from './chunk-OMXWBB67.js';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+
+var sizeClass = {
+  xs: "size-3",
+  sm: "size-4",
+  md: "size-6",
+  lg: "size-8",
+  xl: "size-10"
+};
+var toneClass = {
+  default: "text-current",
+  muted: "text-muted-foreground",
+  primary: "text-primary"
+};
+var Spinner = ({ size = "sm", tone = "default", strokeWidth = 2.5, class: className, ...rest }) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    role: "status",
+    "aria-label": "Loading",
+    "data-slot": "spinner",
+    class: cn("inline-grid shrink-0 place-items-center align-middle", sizeClass[size], toneClass[tone], className),
+    ...rest,
+    children: /* @__PURE__ */ jsxs(
+      "svg",
+      {
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        "stroke-width": strokeWidth,
+        "stroke-linecap": "round",
+        class: "size-full motion-safe:animate-spin motion-reduce:animate-none [animation-duration:0.7s]",
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9", class: "opacity-20" }),
+          /* @__PURE__ */ jsx("path", { d: "M12 3a9 9 0 1 1-9 9", class: "opacity-90", "stroke-dasharray": "42 16" })
+        ]
+      }
+    )
+  }
+);
+
+export { Spinner };
+//# sourceMappingURL=chunk-BMF5SGYP.js.map
+//# sourceMappingURL=chunk-BMF5SGYP.js.map

package/dist/chunk-BMF5SGYP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/spinner/Spinner.tsx"],"names":[],"mappings":";;;AASA,IAAM,SAAA,GAA+D;AAAA,EACnE,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEA,IAAM,SAAA,GAA+D;AAAA,EACnE,OAAA,EAAS,cAAA;AAAA,EACT,KAAA,EAAO,uBAAA;AAAA,EACP,OAAA,EAAS;AACX,CAAA;AAEO,IAAM,OAAA,GAAU,CAAC,EAAE,IAAA,GAAO,IAAA,EAAM,IAAA,GAAO,SAAA,EAAW,WAAA,GAAc,GAAA,EAAK,KAAA,EAAO,SAAA,EAAW,GAAG,MAAK,qBACpG,GAAA;AAAA,EAAC,MAAA;AAAA,EAAA;AAAA,IACC,IAAA,EAAK,QAAA;AAAA,IACL,YAAA,EAAW,SAAA;AAAA,IACX,WAAA,EAAU,SAAA;AAAA,IACV,KAAA,EAAO,GAAG,sDAAA,EAAwD,SAAA,CAAU,IAAI,CAAA,EAAG,SAAA,CAAU,IAAI,CAAA,EAAG,SAAS,CAAA;AAAA,IAC5G,GAAG,IAAA;AAAA,IAEJ,QAAA,kBAAA,IAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,WAAA;AAAA,QACR,IAAA,EAAK,MAAA;AAAA,QACL,MAAA,EAAO,cAAA;AAAA,QACP,cAAA,EAAc,WAAA;AAAA,QACd,gBAAA,EAAe,OAAA;AAAA,QACf,KAAA,EAAM,yFAAA;AAAA,QACN,aAAA,EAAY,MAAA;AAAA,QAEZ,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,QAAA,EAAA,EAAO,IAAG,IAAA,EAAK,EAAA,EAAG,MAAK,CAAA,EAAE,GAAA,EAAI,OAAM,YAAA,EAAa,CAAA;AAAA,8BAChD,MAAA,EAAA,EAAK,CAAA,EAAE,uBAAsB,KAAA,EAAM,YAAA,EAAa,oBAAiB,OAAA,EAAQ;AAAA;AAAA;AAAA;AAC5E;AACF","file":"chunk-BMF5SGYP.js","sourcesContent":["import type { JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type SpinnerProps = JSX.HTMLAttributes<HTMLSpanElement> & {\n  size?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  tone?: \"default\" | \"muted\" | \"primary\";\n  strokeWidth?: number;\n};\n\nconst sizeClass: Record<NonNullable<SpinnerProps[\"size\"]>, string> = {\n  xs: \"size-3\",\n  sm: \"size-4\",\n  md: \"size-6\",\n  lg: \"size-8\",\n  xl: \"size-10\"\n};\n\nconst toneClass: Record<NonNullable<SpinnerProps[\"tone\"]>, string> = {\n  default: \"text-current\",\n  muted: \"text-muted-foreground\",\n  primary: \"text-primary\"\n};\n\nexport const Spinner = ({ size = \"sm\", tone = \"default\", strokeWidth = 2.5, class: className, ...rest }: SpinnerProps) => (\n  <span\n    role=\"status\"\n    aria-label=\"Loading\"\n    data-slot=\"spinner\"\n    class={cn(\"inline-grid shrink-0 place-items-center align-middle\", sizeClass[size], toneClass[tone], className)}\n    {...rest}\n  >\n    <svg\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width={strokeWidth}\n      stroke-linecap=\"round\"\n      class=\"size-full motion-safe:animate-spin motion-reduce:animate-none [animation-duration:0.7s]\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"12\" cy=\"12\" r=\"9\" class=\"opacity-20\" />\n      <path d=\"M12 3a9 9 0 1 1-9 9\" class=\"opacity-90\" stroke-dasharray=\"42 16\" />\n    </svg>\n  </span>\n);\n\n"]}