@g4rcez/components 4.0.1 → 4.1.1

package/dist/styles/design-tokens.js

@@ -1,98 +1,77 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-export var parsers = {
-    hex: function (v) { return v; },
-    raw: function (v) { return v; },
-    hsl: function (v) { return "hsl(".concat(v, ")"); },
-    rgb: function (v) { return "rgb(".concat(v, ")"); },
-    z: function (_, __, k) { return "var(--z-".concat(k, ")"); },
-    hsla: function (v) { return "hsla(".concat(v, ")"); },
-    rgba: function (v) { return "rgba(".concat(v, ")"); },
-    cssVariable: function (_, __, k) { return "var(--".concat(k, ")"); },
-    formatWithVar: function (format) { return function (_, __, v) { return "".concat(format, "(var(--").concat(v, "), <alpha-value>)"); }; },
-};
-export var reduceTokens = function (colors, parse, prefix, append) {
-    if (prefix === void 0) { prefix = ""; }
-    if (append === void 0) { append = ""; }
-    return Object.entries(colors).reduce(function (acc, _a) {
-        var key = _a[0], value = _a[1];
-        var combine = append === "" ? "".concat(prefix).concat(key) : "".concat(append, "-").concat(key);
-        if (typeof value === "string") {
-            var k = append === "" ? "".concat(prefix).concat(key) : key;
-            return acc.concat(parse(value, k, combine));
-        }
-        return acc.concat(reduceTokens(value, parse, prefix, combine));
-    }, []);
-};
-export var createDesignTokens = function (colors, parse, prefix, append) {
-    if (prefix === void 0) { prefix = ""; }
-    if (append === void 0) { append = ""; }
-    return Object.entries(colors).reduce(function (acc, _a) {
-        var _b, _c;
-        var key = _a[0], value = _a[1];
-        var combine = append === "" ? "".concat(prefix).concat(key) : "".concat(append, "-").concat(key);
-        if (typeof value === "string") {
-            var k = append === "" ? "".concat(prefix).concat(key) : key;
-            return __assign(__assign({}, acc), (_b = {}, _b[k] = parse(value, key, combine), _b));
-        }
-        return __assign(__assign({}, acc), (_c = {}, _c[key] = createDesignTokens(value, parse, prefix, combine), _c));
-    }, {});
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createTokenStyles = exports.createCssProperties = exports.createTheme = exports.createStyles = exports.createDesignTokens = exports.reduceTokens = exports.parsers = void 0;
+exports.parsers = {
+    hex: (v) => v,
+    raw: (v) => v,
+    hsl: (v) => `hsl(${v})`,
+    rgb: (v) => `rgb(${v})`,
+    z: (_, __, k) => `var(--z-${k})`,
+    hsla: (v) => `hsla(${v})`,
+    rgba: (v) => `rgba(${v})`,
+    cssVariable: (_, __, k) => `var(--${k})`,
+    formatWithVar: (format) => (_, __, v) => `${format}(var(--${v}), <alpha-value>)`,
 };
-var modifiers = {
-    default: function (variables) { return ":root { ".concat(variables, " }"); },
-    dark: function (variables) { return "html.dark {".concat(variables, "}"); },
+const reduceTokens = (colors, parse, prefix = "", append = "") => Object.entries(colors).reduce((acc, [key, value]) => {
+    const combine = append === "" ? `${prefix}${key}` : `${append}-${key}`;
+    if (typeof value === "string") {
+        const k = append === "" ? `${prefix}${key}` : key;
+        return acc.concat(parse(value, k, combine));
+    }
+    return acc.concat((0, exports.reduceTokens)(value, parse, prefix, combine));
+}, []);
+exports.reduceTokens = reduceTokens;
+const createDesignTokens = (colors, parse, prefix = "", append = "") => Object.entries(colors).reduce((acc, [key, value]) => {
+    const combine = append === "" ? `${prefix}${key}` : `${append}-${key}`;
+    if (typeof value === "string") {
+        const k = append === "" ? `${prefix}${key}` : key;
+        return { ...acc, [k]: parse(value, key, combine) };
+    }
+    return {
+        ...acc,
+        [key]: (0, exports.createDesignTokens)(value, parse, prefix, combine),
+    };
+}, {});
+exports.createDesignTokens = createDesignTokens;
+const modifiers = {
+    default: (variables) => `:root { ${variables} }`,
+    dark: (variables) => `html.dark {${variables}}`,
 };
-var createStyleContent = function (tokens, modifiers) {
-    var v = modifiers.value || (function (_, s) { return s; });
-    var content = tokens.map(function (token) { return "".concat(token.key, ": ").concat(v(token.key, token.value)); }).join(";");
+const createStyleContent = (tokens, modifiers) => {
+    const v = modifiers.value || ((_, s) => s);
+    const content = tokens.map((token) => `${token.key}: ${v(token.key, token.value)}`).join(";");
     return modifiers.result(content);
 };
-export var createStyles = {
-    default: function (tokens) { return createStyleContent(tokens, { result: modifiers.default }); },
-    dark: function (tokens) { return createStyleContent(tokens, { result: modifiers.dark }); },
+exports.createStyles = {
+    default: (tokens) => createStyleContent(tokens, { result: modifiers.default }),
+    dark: (tokens) => createStyleContent(tokens, { result: modifiers.dark }),
 };
-var fn = function (p) {
-    return function (value, _, key) {
-        var r = { key: "--".concat(key), value: "".concat(value) };
-        return p ? p(r) : r;
-    };
+const fn = (p) => (value, _, key) => {
+    const r = { key: `--${key}`, value: `${value}` };
+    return p ? p(r) : r;
 };
-var zIndexParser = function (t) { return ({ key: t.key.replace(/^--/, "--z-"), value: t.value }); };
-var createTokens = function (theme, map) {
-    var _a;
-    var colors = reduceTokens(theme.colors, fn(map === null || map === void 0 ? void 0 : map.colors));
-    var spacing = reduceTokens(theme.spacing, fn(map === null || map === void 0 ? void 0 : map.spacing));
-    var rounded = reduceTokens(theme.rounded, fn(map === null || map === void 0 ? void 0 : map.rounded));
-    var shadow = reduceTokens(theme.shadow, fn(map === null || map === void 0 ? void 0 : map.rounded));
-    var zIndex = reduceTokens(theme.zIndex, fn((_a = map === null || map === void 0 ? void 0 : map.zIndex) !== null && _a !== void 0 ? _a : zIndexParser));
-    var customTokens = theme.custom ? reduceTokens(theme.custom, fn(map === null || map === void 0 ? void 0 : map.customTokens)) : [];
+const zIndexParser = (t) => ({ key: t.key.replace(/^--/, "--z-"), value: t.value });
+const createTokens = (theme, map) => {
+    const colors = (0, exports.reduceTokens)(theme.colors, fn(map?.colors));
+    const spacing = (0, exports.reduceTokens)(theme.spacing, fn(map?.spacing));
+    const rounded = (0, exports.reduceTokens)(theme.rounded, fn(map?.rounded));
+    const shadow = (0, exports.reduceTokens)(theme.shadow, fn(map?.rounded));
+    const zIndex = (0, exports.reduceTokens)(theme.zIndex, fn(map?.zIndex ?? zIndexParser));
+    const customTokens = theme.custom ? (0, exports.reduceTokens)(theme.custom, fn(map?.customTokens)) : [];
     return colors.concat(spacing, rounded, customTokens, zIndex, shadow);
 };
-export var createTheme = function (theme, name) {
-    return createStyleContent(createTokens(theme), {
-        result: function (variables) { return "html".concat(name ? ".".concat(name) : "", " {").concat(variables, "}"); },
-        value: function (_, v) { return v.replace("hsla(", "").replace(")", ""); },
-    });
-};
-export var createCssProperties = function (theme, map) {
-    var tokens = createTokens(theme, map);
-    return tokens.reduce(function (acc, el) {
-        var _a;
-        return (__assign(__assign({}, acc), (_a = {}, _a[el.key] = el.value, _a)));
-    }, {});
-};
-export var createTokenStyles = function (theme, map) {
-    return createStyleContent(createTokens(theme, map), {
-        result: function (variables) { return "html".concat((map === null || map === void 0 ? void 0 : map.name) ? ".".concat(map.name) : "", " {").concat(variables, "}"); },
-        value: function (_, v) { return v; },
-    });
+const createTheme = (theme, name) => createStyleContent(createTokens(theme), {
+    result: (variables) => `html${name ? `.${name}` : ""} {${variables}}`,
+    value: (_, v) => v.replace("hsla(", "").replace(")", ""),
+});
+exports.createTheme = createTheme;
+const createCssProperties = (theme, map) => {
+    const tokens = createTokens(theme, map);
+    return tokens.reduce((acc, el) => ({ ...acc, [el.key]: el.value }), {});
 };
+exports.createCssProperties = createCssProperties;
+const createTokenStyles = (theme, map) => createStyleContent(createTokens(theme, map), {
+    result: (variables) => `html${map?.name ? `.${map.name}` : ""} {${variables}}`,
+    value: (_, v) => v,
+});
+exports.createTokenStyles = createTokenStyles;

package/dist/styles/light.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../src/styles/light.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,WAAW,EAAE,YAoNzB,CAAC"}
+{"version":3,"file":"light.d.ts","sourceRoot":"","sources":["../../src/styles/light.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,eAAO,MAAM,WAAW,EAAE,YAqNzB,CAAC"}

package/dist/styles/light.js

@@ -1,7 +1,10 @@
-import { rounded, spacing, zIndex } from "./common";
-export var LIGHT_THEME = {
-    rounded: rounded,
-    spacing: spacing,
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LIGHT_THEME = void 0;
+const common_1 = require("./common");
+exports.LIGHT_THEME = {
+    rounded: common_1.rounded,
+    spacing: common_1.spacing,
     name: "light",
     shadow: {
         "shadow-notification": "1px 2px 2px 2px hsla(210, 25%, 40%, 0.15)",
@@ -9,7 +12,7 @@ export var LIGHT_THEME = {
         "shadow-card": "0px 1px 2px 1px hsla(210, 25%, 20%, 0.1)",
         "shadow-table": "0px 1px 1px 1px hsla(210, 0%, 0%,  0.1)",
     },
-    zIndex: zIndex,
+    zIndex: common_1.zIndex,
     colors: {
         foreground: "hsla(221, 15%, 23%)",
         background: "hsla(0, 0%, 100%)",
@@ -68,6 +71,7 @@ export var LIGHT_THEME = {
             foreground: "hsla(0, 0%, 100%)",
             notification: "hsla(142, 71%, 45%)",
         },
+        ring: "hsla(201,49%,40%)",
         input: {
             border: "hsla(240, 6%, 90%)",
             placeholder: "hsla(240, 4%, 46%)",

package/dist/styles/theme.js

@@ -1,4 +1,7 @@
-import { DARK_THEME } from "./dark";
-import { LIGHT_THEME } from "./light";
-export var defaultDarkTheme = DARK_THEME;
-export var defaultLightTheme = LIGHT_THEME;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultLightTheme = exports.defaultDarkTheme = void 0;
+const dark_1 = require("./dark");
+const light_1 = require("./light");
+exports.defaultDarkTheme = dark_1.DARK_THEME;
+exports.defaultLightTheme = light_1.LIGHT_THEME;

package/dist/styles/theme.types.d.ts

@@ -90,6 +90,7 @@ export type DesignTokens = {
             bg: string;
             border: string;
         }>;
+        ring?: string;
         input: {
             border: string;
             placeholder: string;
@@ -106,7 +107,7 @@ export type Token = {
 };
 export type DesignTokensParser = ((value: string, key: string, combine: string) => string) | ((format: string) => (value: string, key: string, combine: string) => string);
 export type DesignTokensBuilder = (value: string, key: string, combine: string) => Token;
-type Fn = (...a: any[]) => any;
+type Fn = (...a: never[]) => unknown;
 export type DeepParse<T extends GeneralTokens, F extends Fn> = {
     [K in keyof T]: T[K] extends GeneralTokens ? DeepParse<T[K], F> : ReturnType<Fn>;
 };

package/dist/styles/theme.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../src/styles/theme.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"theme.types.d.ts","sourceRoot":"","sources":["../../src/styles/theme.types.ts"],"names":[],"mappings":"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"}

package/dist/styles/theme.types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/tabs-B0g7YtQv.js

@@ -0,0 +1,123 @@
+import { jsx as c, jsxs as p } from "react/jsx-runtime";
+import S, { useState as k, useEffect as u, createContext as C, useRef as N, useContext as R } from "react";
+import { c as m, I as q } from "./dom-CyQHY7ID.js";
+import { u as I } from "./use-stable-ref-CYh-YkID.js";
+import { P as T } from "./polymorph-B5n9fs_K.js";
+import { Card as E } from "./components/display/card.js";
+const $ = (t, r) => {
+  const [a, n] = k(() => r || t);
+  return u(() => {
+    n(t);
+  }, [t]), [a, n];
+}, h = {
+  ArrowLeft: "ArrowLeft",
+  ArrowRight: "ArrowRight"
+}, x = C(""), A = (t) => t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true", f = (t, r, a) => {
+  const n = a === "forward" ? 1 : -1, i = r + n;
+  for (let s = i; s >= 0 && s < t.length; s += n) {
+    const d = t[s];
+    if (!A(d)) return d;
+  }
+  return a === "backward" ? f(t, t.length - 1, "backward") : f(t, -1, "forward");
+}, w = (t, r) => {
+  const a = Array.from(t.querySelectorAll("li")), n = a.findIndex((s) => s.dataset.active === "true");
+  if (n === -1) return null;
+  const i = f(a, n, r);
+  return i === null ? null : (i.querySelector("button")?.focus({ preventScroll: !1 }), i.getAttribute("data-id") || "");
+}, v = (t, r) => {
+  const a = Array.from(t.querySelectorAll("li")), n = r === "first" ? a : [...a].reverse();
+  for (const i of n)
+    if (!A(i))
+      return i.querySelector("button")?.focus({ preventScroll: !1 }), i.getAttribute("data-id") || "";
+  return null;
+}, y = {
+  [h.ArrowLeft]: (t, r) => w(r, "backward"),
+  [h.ArrowRight]: (t, r) => w(r, "forward")
+}, O = (t) => {
+  const [r, a] = $(t.active), n = N(null), i = I(t.onChange);
+  u(() => {
+    const o = n.current;
+    if (o === null) return;
+    let e = o.querySelector("li[data-active=true]");
+    if (e === null) {
+      e = o.querySelector("li[data-id]");
+      const l = e.getAttribute("data-id") || "";
+      a(l);
+    }
+  }, [t.active, a]), u(() => {
+    i.current && i.current(r);
+  }, [i, r]);
+  const s = S.Children.toArray(t.children), d = (o) => {
+    const e = o.currentTarget;
+    a(e.dataset.id || "");
+  }, g = (o) => {
+    if (n.current === null) return;
+    const e = o.key;
+    if (q.keyof(y, e)) {
+      const l = y[e], b = l(o, n.current);
+      if (b === null) return;
+      a(b);
+    } else if (e === "Home") {
+      o.preventDefault();
+      const l = v(n.current, "first");
+      l && a(l);
+    } else if (e === "End") {
+      o.preventDefault();
+      const l = v(n.current, "last");
+      l && a(l);
+    }
+  };
+  return /* @__PURE__ */ c(x.Provider, { value: r, children: /* @__PURE__ */ c(
+    E,
+    {
+      className: t.className,
+      container: m("pt-0 max-w-full w-full min-w-0", t.container),
+      header: /* @__PURE__ */ p("header", { className: "relative mb-2 overflow-x-auto", children: [
+        /* @__PURE__ */ c("div", { className: "absolute bottom-0 h-[1px] w-full bg-card-border" }),
+        /* @__PURE__ */ c("nav", { className: "min-w-0", children: /* @__PURE__ */ c("ul", { role: "tablist", onKeyDown: g, ref: n, className: "flex w-0 min-w-full flex-1 justify-start overflow-x-auto", children: s.map((o) => {
+          const e = o.props, l = r === e.id;
+          return /* @__PURE__ */ c(
+            "li",
+            {
+              "data-id": e.id,
+              "data-active": l,
+              className: m(
+                "relative w-fit border-b border-transparent transition-all",
+                l ? "border-primary font-medium text-primary" : "",
+                e.disabled ? "aria-disabled:text-disabled" : ""
+              ),
+              children: /* @__PURE__ */ c(
+                T,
+                {
+                  role: "tab",
+                  as: "button",
+                  type: "button",
+                  "data-id": e.id,
+                  id: `${e.id}-tab`,
+                  "aria-selected": l,
+                  disabled: e.disabled,
+                  tabIndex: l ? 0 : -1,
+                  "aria-controls": `${e.id}-panel`,
+                  onClick: e.disabled ? void 0 : d,
+                  className: "block w-full whitespace-nowrap px-10 py-4 disabled:cursor-not-allowed",
+                  children: e.title
+                }
+              )
+            },
+            `tab-header-${e.id}`
+          );
+        }) }) })
+      ] }),
+      children: t.children
+    }
+  ) });
+}, D = () => R(x), z = (t) => {
+  const r = D();
+  return t.id !== r ? null : /* @__PURE__ */ c("div", { role: "tabpanel", tabIndex: 0, id: `${t.id}-panel`, "aria-labelledby": `${t.id}-tab`, children: t.children });
+};
+export {
+  O as T,
+  z as a,
+  $ as u
+};
+//# sourceMappingURL=tabs-B0g7YtQv.js.map

package/dist/tabs-B0g7YtQv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-B0g7YtQv.js","sources":["../src/hooks/use-reactive.ts","../src/lib/keyboard-area.ts","../src/components/display/tabs.tsx"],"sourcesContent":["\"use client\";\nimport { useEffect, useState } from \"react\";\n\nexport const useReactive = <T>(t: T, initial?: T) => {\n    const [state, setState] = useState(() => (initial ? initial : t));\n    useEffect(() => {\n        setState(t);\n    }, [t]);\n    return [state, setState] as const;\n};\n","import React from \"react\";\n\ntype EventKey =\n    | \"Backspace\"\n    | \"Tab\"\n    | \"Enter\"\n    | \"Shift\"\n    | \"Control\"\n    | \"Alt\"\n    | \"Pause\"\n    | \"CapsLock\"\n    | \"Escape\"\n    | \"Space\"\n    | \"PageUp\"\n    | \"PageDown\"\n    | \"End\"\n    | \"Home\"\n    | \"ArrowLeft\"\n    | \"ArrowUp\"\n    | \"ArrowRight\"\n    | \"ArrowDown\"\n    | \"PrintScreen\"\n    | \"Insert\"\n    | \"Delete\"\n    | \"0\"\n    | \"1\"\n    | \"2\"\n    | \"3\"\n    | \"4\"\n    | \"5\"\n    | \"6\"\n    | \"7\"\n    | \"8\"\n    | \"9\"\n    | \"a\"\n    | \"b\"\n    | \"c\"\n    | \"d\"\n    | \"e\"\n    | \"f\"\n    | \"g\"\n    | \"h\"\n    | \"i\"\n    | \"j\"\n    | \"k\"\n    | \"l\"\n    | \"m\"\n    | \"n\"\n    | \"o\"\n    | \"p\"\n    | \"q\"\n    | \"r\"\n    | \"s\"\n    | \"t\"\n    | \"u\"\n    | \"v\"\n    | \"w\"\n    | \"x\"\n    | \"y\"\n    | \"z\"\n    | \"Meta\"\n    | \"ContextMenu\"\n    | \"F1\"\n    | \"F2\"\n    | \"F3\"\n    | \"F4\"\n    | \"F5\"\n    | \"F6\"\n    | \"F7\"\n    | \"F8\"\n    | \"F9\"\n    | \"F10\"\n    | \"F11\"\n    | \"F12\"\n    | \"NumLock\"\n    | \"ScrollLock\"\n    | \"AudioVolumeMute\"\n    | \"AudioVolumeUp\"\n    | \"AudioVolumeDown\"\n    | \"MediaTrackNext\"\n    | \"MediaTrackPrevious\"\n    | \"MediaStop\"\n    | \"MediaPlayPause\"\n    | \"LaunchMail\"\n    | \"LaunchMediaPlayer\"\n    | \"LaunchApplication1\"\n    | \"LaunchApplication2\"\n    | \"Semicolon\"\n    | \"Equal\"\n    | \"Comma\"\n    | \"Minus\"\n    | \"Period\"\n    | \"Slash\"\n    | \"Backquote\"\n    | \"BracketLeft\"\n    | \"Backslash\"\n    | \"BracketRight\"\n    | \"Quote\";\n\nexport const keyboardKeys = {\n    ArrowUp: \"ArrowUp\",\n    ArrowDown: \"ArrowDown\",\n    ArrowLeft: \"ArrowLeft\",\n    ArrowRight: \"ArrowRight\",\n} as const;\n\ntype Callback<T extends HTMLElement = HTMLElement> = (e: KeyboardEvent | React.KeyboardEvent<T>) => void;\n\nexport class KeyboardArea<T extends HTMLElement> {\n    private set = new Set();\n\n    public key(key: EventKey, callback: Callback<T>) {\n        const fn: Callback<T> = (e) => (e.key === key ? callback(e) : undefined);\n        return () => this.set.delete(fn);\n    }\n\n    public onKeyDown(_: Callback<T>) {}\n}\n","\"use client\";\nimport React, { createContext, PropsWithChildren, useContext, useEffect, useRef } from \"react\";\nimport { Is, Nullable } from \"sidekicker\";\nimport { useReactive } from \"../../hooks/use-reactive\";\nimport { useStableRef } from \"../../hooks/use-stable-ref\";\nimport { css } from \"../../lib/dom\";\nimport { keyboardKeys } from \"../../lib/keyboard-area\";\nimport { Label } from \"../../types\";\nimport { Polymorph } from \"../core/polymorph\";\nimport { Card, CardProps } from \"./card\";\n\nexport type TabsProps = Omit<CardProps<\"div\">, \"onChange\"> & {\n    active: string;\n    container?: string;\n    className?: string;\n    onChange?: (id: string) => void;\n};\n\nconst Context = createContext<string>(\"\");\n\nconst isElementDisabled = (element: HTMLElement): boolean => element.hasAttribute(\"disabled\") || element.getAttribute(\"aria-disabled\") === \"true\";\n\nconst getNElement = (elements: HTMLElement[], currentIndex: number, direction: \"backward\" | \"forward\"): HTMLElement | null => {\n    const step = direction === \"forward\" ? 1 : -1;\n    const startIndex = currentIndex + step;\n    for (let i = startIndex; i >= 0 && i < elements.length; i += step) {\n        const element = elements[i];\n        if (!isElementDisabled(element)) return element;\n    }\n    return direction === \"backward\" ? getNElement(elements, elements.length - 1, \"backward\") : getNElement(elements, -1, \"forward\");\n};\n\nconst moveOn = (ul: HTMLUListElement, direction: \"backward\" | \"forward\") => {\n    const items = Array.from(ul.querySelectorAll(\"li\"));\n    const find = items.findIndex((x) => x.dataset.active === \"true\");\n    if (find === -1) return null;\n    const item = getNElement(items, find, direction);\n    if (item === null) return null;\n    item.querySelector(\"button\")?.focus({ preventScroll: false });\n    return item.getAttribute(\"data-id\") || \"\";\n};\n\nconst moveToEdge = (ul: HTMLUListElement, edge: \"first\" | \"last\") => {\n    const items = Array.from(ul.querySelectorAll(\"li\"));\n    const ordered = edge === \"first\" ? items : [...items].reverse();\n    for (const item of ordered) {\n        if (!isElementDisabled(item)) {\n            item.querySelector(\"button\")?.focus({ preventScroll: false });\n            return item.getAttribute(\"data-id\") || \"\";\n        }\n    }\n    return null;\n};\n\nconst actionKeys = {\n    [keyboardKeys.ArrowLeft]: (_: unknown, ul: HTMLUListElement): Nullable<string> => moveOn(ul, \"backward\"),\n    [keyboardKeys.ArrowRight]: (_: unknown, ul: HTMLUListElement): Nullable<string> => moveOn(ul, \"forward\"),\n};\n\nexport const Tabs = (props: PropsWithChildren<TabsProps>) => {\n    const [active, setActive] = useReactive(props.active);\n    const ref = useRef<HTMLUListElement | null>(null);\n    const onChangeRef = useStableRef(props.onChange);\n\n    useEffect(() => {\n        const header = ref.current;\n        if (header === null) return;\n        let first = header.querySelector<HTMLElement>(`li[data-active=true]`);\n        if (first === null) {\n            first = header.querySelector<HTMLElement>(`li[data-id]`)!;\n            const id = first.getAttribute(\"data-id\") || \"\";\n            setActive(id);\n        }\n    }, [props.active, setActive]);\n\n    useEffect(() => {\n        if (onChangeRef.current) onChangeRef.current(active);\n    }, [onChangeRef, active]);\n\n    const items = React.Children.toArray(props.children as React.ReactElement<TabProps>) as Array<React.ReactElement<TabProps>>;\n\n    const onClick = (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => {\n        const anchor = e.currentTarget;\n        setActive(anchor.dataset.id || \"\");\n    };\n\n    const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\n        if (ref.current === null) return;\n        const k = e.key;\n        if (Is.keyof(actionKeys, k)) {\n            const fn = actionKeys[k];\n            const result = fn(e, ref.current);\n            if (result === null) return;\n            setActive(result);\n        } else if (k === \"Home\") {\n            e.preventDefault();\n            const result = moveToEdge(ref.current, \"first\");\n            if (result) setActive(result);\n        } else if (k === \"End\") {\n            e.preventDefault();\n            const result = moveToEdge(ref.current, \"last\");\n            if (result) setActive(result);\n        }\n    };\n\n    return (\n        <Context.Provider value={active}>\n            <Card\n                className={props.className}\n                container={css(\"pt-0 max-w-full w-full min-w-0\", props.container)}\n                header={\n                    <header className=\"relative mb-2 overflow-x-auto\">\n                        <div className=\"absolute bottom-0 h-[1px] w-full bg-card-border\" />\n                        <nav className=\"min-w-0\">\n                            <ul role=\"tablist\" onKeyDown={onKeyDown} ref={ref} className=\"flex w-0 min-w-full flex-1 justify-start overflow-x-auto\">\n                                {items.map((x: React.ReactElement<TabProps>) => {\n                                    const inner = x.props;\n                                    const current = active === inner.id;\n                                    return (\n                                        <li\n                                            data-id={inner.id}\n                                            data-active={current}\n                                            key={`tab-header-${inner.id}`}\n                                            className={css(\n                                                \"relative w-fit border-b border-transparent transition-all\",\n                                                current ? \"border-primary font-medium text-primary\" : \"\",\n                                                inner.disabled ? \"aria-disabled:text-disabled\" : \"\"\n                                            )}\n                                        >\n                                            <Polymorph\n                                                role=\"tab\"\n                                                as=\"button\"\n                                                type=\"button\"\n                                                data-id={inner.id}\n                                                id={`${inner.id}-tab`}\n                                                aria-selected={current}\n                                                disabled={inner.disabled}\n                                                tabIndex={current ? 0 : -1}\n                                                aria-controls={`${inner.id}-panel`}\n                                                onClick={inner.disabled ? undefined : onClick}\n                                                className=\"block w-full whitespace-nowrap px-10 py-4 disabled:cursor-not-allowed\"\n                                            >\n                                                {inner.title as React.ReactNode}\n                                            </Polymorph>\n                                        </li>\n                                    );\n                                })}\n                            </ul>\n                        </nav>\n                    </header>\n                }\n            >\n                {props.children}\n            </Card>\n        </Context.Provider>\n    );\n};\n\nconst useTabs = () => useContext(Context);\n\ntype CommonTabProps = { id: string; disabled?: boolean };\n\nexport type TabProps = CommonTabProps &\n    (\n        | { title: string; label?: undefined }\n        | {\n              label: string;\n              title: Omit<Label, string>;\n          }\n    );\n\nexport const Tab = (props: PropsWithChildren<TabProps>) => {\n    const active = useTabs();\n    if (props.id !== active) return null;\n    return (\n        <div role=\"tabpanel\" tabIndex={0} id={`${props.id}-panel`} aria-labelledby={`${props.id}-tab`}>\n            {props.children}\n        </div>\n    );\n};\n"],"names":["useReactive","initial","state","setState","useState","useEffect","keyboardKeys","Context","createContext","isElementDisabled","element","getNElement","elements","currentIndex","direction","step","startIndex","i","moveOn","ul","items","find","x","item","moveToEdge","edge","ordered","actionKeys","_","Tabs","props","active","setActive","ref","useRef","onChangeRef","useStableRef","header","first","id","React","onClick","e","anchor","onKeyDown","k","Is","fn","result","jsx","Card","css","jsxs","inner","current","Polymorph","useTabs","useContext","Tab"],"mappings":"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"}