@g4rcez/components 4.1.2 → 5.0.0

package/dist/skeleton-BjJobYYf.js

@@ -1,24 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import "react";
-import { u as t } from "./use-translations-DSltA7H_.js";
-import { c as o } from "./dom-CyQHY7ID.js";
-import { P as r } from "./polymorph-B5n9fs_K.js";
-const c = /* @__PURE__ */ s("div", { role: "status", "aria-busy": "true", "aria-label": "Loading content", className: "h-6 w-10/12 animate-pulse rounded bg-muted" }), d = (a) => {
-  const e = t();
-  return /* @__PURE__ */ s(
-    r,
-    {
-      ...a,
-      role: "status",
-      "aria-busy": "true",
-      "aria-label": e.skeletonLoading,
-      as: a.as || "span",
-      className: o("block h-8 w-32 animate-pulse rounded bg-muted", a.className)
-    }
-  );
-};
-export {
-  c as S,
-  d as a
-};
-//# sourceMappingURL=skeleton-BjJobYYf.js.map

package/dist/skeleton-BjJobYYf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-BjJobYYf.js","sources":["../src/components/display/skeleton.tsx"],"sourcesContent":["import React, { CSSProperties, useRef, type ElementType } from \"react\";\nimport { useTranslations } from \"../../hooks/use-translations\";\nimport { css } from \"../../lib/dom\";\nimport { Polymorph } from \"../core/polymorph\";\n\nexport const SkeletonCell = (\n    <div role=\"status\" aria-busy=\"true\" aria-label=\"Loading content\" className=\"h-6 w-10/12 animate-pulse rounded bg-muted\" />\n);\n\nexport const Skeleton = (props: { className?: string; as?: ElementType; style?: CSSProperties }) => {\n    const t = useTranslations();\n    return (\n        <Polymorph\n            {...props}\n            role=\"status\"\n            aria-busy=\"true\"\n            aria-label={t.skeletonLoading}\n            as={props.as || \"span\"}\n            className={css(\"block h-8 w-32 animate-pulse rounded bg-muted\", props.className)}\n        />\n    );\n};\n\nexport const SkeletonList = (props: { className?: string; rows: number }) => {\n    const t = useTranslations();\n    const items = useRef(\n        Array.from({ length: props.rows }).map((_, i) => {\n            const rand = Math.max(100, Math.random() * 99);\n            return <Skeleton key={`skeleton-${rand}-${i}`} style={{ width: `${rand}%` }} as=\"li\" />;\n        })\n    );\n    return (\n        <ul role=\"status\" aria-busy=\"true\" aria-label={t.skeletonLoading} className={css(\"flex flex-col gap-6\", props.className)}>\n            {items.current}\n        </ul>\n    );\n};\n"],"names":["SkeletonCell","jsx","Skeleton","props","t","useTranslations","Polymorph","css"],"mappings":";;;;;AAKO,MAAMA,IACT,gBAAAC,EAAC,OAAA,EAAI,MAAK,UAAS,aAAU,QAAO,cAAW,mBAAkB,WAAU,6CAAA,CAA6C,GAG/GC,IAAW,CAACC,MAA2E;AAChG,QAAMC,IAAIC,EAAA;AACV,SACI,gBAAAJ;AAAA,IAACK;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAYC,EAAE;AAAA,MACd,IAAID,EAAM,MAAM;AAAA,MAChB,WAAWI,EAAI,iDAAiDJ,EAAM,SAAS;AAAA,IAAA;AAAA,EAAA;AAG3F;"}

package/dist/slot-CRyweuj0.js

@@ -1,79 +0,0 @@
-import { jsx as y } from "react/jsx-runtime";
-import * as l from "react";
-const g = /* @__PURE__ */ Symbol.for("react.lazy");
-function d(n, e) {
-  if (typeof n == "function")
-    return n(e);
-  n != null && (n.current = e);
-}
-function C(...n) {
-  return (e) => {
-    let o = !1;
-    const i = n.map((t) => {
-      const r = d(t, e);
-      return !o && typeof r == "function" && (o = !0), r;
-    });
-    if (o)
-      return () => {
-        for (let t = 0; t < i.length; t++) {
-          const r = i[t];
-          typeof r == "function" ? r() : d(n[t], null);
-        }
-      };
-  };
-}
-const a = l[" use ".trim().toString()];
-function E(n) {
-  return typeof n == "object" && n !== null && "then" in n;
-}
-function m(n) {
-  return n != null && typeof n == "object" && "$$typeof" in n && n.$$typeof === g && "_payload" in n && E(n._payload);
-}
-function h(n) {
-  const e = _(n), o = l.forwardRef((i, t) => {
-    let { children: r, ...c } = i;
-    m(r) && typeof a == "function" && (r = a(r._payload));
-    const s = l.Children.toArray(r), f = s.find(b);
-    if (f) {
-      const u = f.props.children, S = s.map((p) => p === f ? l.Children.count(u) > 1 ? l.Children.only(null) : l.isValidElement(u) ? u.props.children : null : p);
-      return /* @__PURE__ */ y(e, { ...c, ref: t, children: l.isValidElement(u) ? l.cloneElement(u, void 0, S) : null });
-    }
-    return /* @__PURE__ */ y(e, { ...c, ref: t, children: r });
-  });
-  return o.displayName = `${n}.Slot`, o;
-}
-const V = h("Slot");
-function _(n) {
-  const e = l.forwardRef((o, i) => {
-    let { children: t, ...r } = o;
-    if (m(t) && typeof a == "function" && (t = a(t._payload)), l.isValidElement(t)) {
-      const c = j(t), s = P(r, t.props);
-      return t.type !== l.Fragment && (s.ref = i ? C(i, c) : c), l.cloneElement(t, s);
-    }
-    return l.Children.count(t) > 1 ? l.Children.only(null) : null;
-  });
-  return e.displayName = `${n}.SlotClone`, e;
-}
-const R = /* @__PURE__ */ Symbol("radix.slottable");
-function b(n) {
-  return l.isValidElement(n) && typeof n.type == "function" && "__radixId" in n.type && n.type.__radixId === R;
-}
-function P(n, e) {
-  const o = { ...e };
-  for (const i in e) {
-    const t = n[i], r = e[i];
-    /^on[A-Z]/.test(i) ? t && r ? o[i] = (...s) => {
-      const f = r(...s);
-      return t(...s), f;
-    } : t && (o[i] = t) : i === "style" ? o[i] = { ...t, ...r } : i === "className" && (o[i] = [t, r].filter(Boolean).join(" "));
-  }
-  return { ...n, ...o };
-}
-function j(n) {
-  let e = Object.getOwnPropertyDescriptor(n.props, "ref")?.get, o = e && "isReactWarning" in e && e.isReactWarning;
-  return o ? n.ref : (e = Object.getOwnPropertyDescriptor(n, "ref")?.get, o = e && "isReactWarning" in e && e.isReactWarning, o ? n.props.ref : n.props.ref || n.ref);
-}
-export {
-  V as S
-};
-//# sourceMappingURL=slot-CRyweuj0.js.map

package/dist/slot-CRyweuj0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slot-CRyweuj0.js","sources":["../src/components/core/slot.tsx"],"sourcesContent":["import * as React from \"react\";\n\ntype PossibleRef<T> = React.Ref<T> | undefined;\n\nconst REACT_LAZY_TYPE = Symbol.for(\"react.lazy\");\n\nfunction setRef<T>(ref: PossibleRef<T>, value: T) {\n    if (typeof ref === \"function\") {\n        return ref(value);\n    } else if (ref !== null && ref !== undefined) {\n        ref.current = value;\n    }\n}\n\nfunction composeRefs<T>(...refs: PossibleRef<T>[]): React.RefCallback<T> {\n    return (node) => {\n        let hasCleanup = false;\n        const cleanups = refs.map((ref) => {\n            const cleanup = setRef(ref, node);\n            if (!hasCleanup && typeof cleanup == \"function\") {\n                hasCleanup = true;\n            }\n            return cleanup;\n        });\n        if (hasCleanup) {\n            return () => {\n                for (let i = 0; i < cleanups.length; i++) {\n                    const cleanup = cleanups[i];\n                    if (typeof cleanup == \"function\") {\n                        cleanup();\n                    } else {\n                        setRef(refs[i], null);\n                    }\n                }\n            };\n        }\n    };\n}\n\ninterface LazyReactElement extends React.ReactElement {\n    $$typeof: typeof REACT_LAZY_TYPE;\n    _payload: PromiseLike<Exclude<React.ReactNode, PromiseLike<unknown>>>;\n}\n\nexport type Usable<T> = PromiseLike<T> | React.Context<T>;\n\nconst use: typeof React.use | undefined = (React as unknown as Record<string, unknown>)[\" use \".trim().toString()] as typeof React.use | undefined;\n\ninterface SlotProps extends React.HTMLAttributes<HTMLElement> {\n    children?: React.ReactNode;\n}\n\nfunction isPromiseLike(value: unknown): value is PromiseLike<unknown> {\n    return typeof value === \"object\" && value !== null && \"then\" in value;\n}\n\nfunction isLazyComponent(element: React.ReactNode): element is LazyReactElement {\n    return (\n        element != null &&\n        typeof element === \"object\" &&\n        \"$$typeof\" in element &&\n        element.$$typeof === REACT_LAZY_TYPE &&\n        \"_payload\" in element &&\n        isPromiseLike(element._payload)\n    );\n}\n\nexport function createSlot(ownerName: string) {\n    const SlotClone = createSlotClone(ownerName);\n    const Slot = React.forwardRef<HTMLElement, SlotProps>((props, forwardedRef) => {\n        let { children, ...slotProps } = props;\n        if (isLazyComponent(children) && typeof use === \"function\") {\n            children = use(children._payload);\n        }\n        const childrenArray = React.Children.toArray(children);\n        const slottable = childrenArray.find(isSlottable);\n\n        if (slottable) {\n            // the new element to render is the one passed as a child of `Slottable`\n            const newElement = slottable.props.children;\n\n            const newChildren = childrenArray.map((child) => {\n                if (child === slottable) {\n                    // because the new element will be the one rendered, we are only interested\n                    // in grabbing its children (`newElement.props.children`)\n                    if (React.Children.count(newElement) > 1) return React.Children.only(null);\n                    return React.isValidElement(newElement) ? (newElement.props as { children: React.ReactNode }).children : null;\n                } else {\n                    return child;\n                }\n            });\n\n            return (\n                <SlotClone {...slotProps} ref={forwardedRef}>\n                    {React.isValidElement(newElement) ? React.cloneElement(newElement, undefined, newChildren) : null}\n                </SlotClone>\n            );\n        }\n\n        return (\n            <SlotClone {...slotProps} ref={forwardedRef}>\n                {children}\n            </SlotClone>\n        );\n    });\n\n    Slot.displayName = `${ownerName}.Slot`;\n    return Slot;\n}\n\nexport const Slot = createSlot(\"Slot\");\n\ninterface SlotCloneProps {\n    children: React.ReactNode;\n}\n\nfunction createSlotClone(ownerName: string) {\n    const SlotClone = React.forwardRef<HTMLElement, SlotCloneProps>((props, forwardedRef) => {\n        let { children, ...slotProps } = props;\n        if (isLazyComponent(children) && typeof use === \"function\") {\n            children = use(children._payload);\n        }\n\n        if (React.isValidElement(children)) {\n            const childrenRef = getElementRef(children);\n            const props = mergeProps(slotProps, children.props as AnyProps);\n            // do not pass ref to React.Fragment for React 19 compatibility\n            if (children.type !== React.Fragment) {\n                props.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;\n            }\n            return React.cloneElement(children, props);\n        }\n\n        return React.Children.count(children) > 1 ? React.Children.only(null) : null;\n    });\n\n    SlotClone.displayName = `${ownerName}.SlotClone`;\n    return SlotClone;\n}\n\nconst SLOTTABLE_IDENTIFIER = Symbol(\"radix.slottable\");\n\ninterface SlottableProps {\n    children: React.ReactNode;\n}\n\ninterface SlottableComponent extends React.FC<SlottableProps> {\n    __radixId: symbol;\n}\n\nexport function createSlottable(ownerName: string) {\n    const Slottable: SlottableComponent = ({ children }) => {\n        return <>{children}</>;\n    };\n    Slottable.displayName = `${ownerName}.Slottable`;\n    Slottable.__radixId = SLOTTABLE_IDENTIFIER;\n    return Slottable;\n}\n\nconst Slottable = createSlottable(\"Slottable\");\n\ntype AnyProps = Record<string, any>;\n\nfunction isSlottable(child: React.ReactNode): child is React.ReactElement<SlottableProps, typeof Slottable> {\n    return (\n        React.isValidElement(child) && typeof child.type === \"function\" && \"__radixId\" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER\n    );\n}\n\nfunction mergeProps(slotProps: AnyProps, childProps: AnyProps) {\n    const overrideProps = { ...childProps };\n    for (const propName in childProps) {\n        const slotPropValue = slotProps[propName];\n        const childPropValue = childProps[propName];\n\n        const isHandler = /^on[A-Z]/.test(propName);\n        if (isHandler) {\n            if (slotPropValue && childPropValue) {\n                overrideProps[propName] = (...args: unknown[]) => {\n                    const result = childPropValue(...args);\n                    slotPropValue(...args);\n                    return result;\n                };\n            } else if (slotPropValue) {\n                overrideProps[propName] = slotPropValue;\n            }\n        } else if (propName === \"style\") {\n            overrideProps[propName] = { ...slotPropValue, ...childPropValue };\n        } else if (propName === \"className\") {\n            overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(\" \");\n        }\n    }\n\n    return { ...slotProps, ...overrideProps };\n}\n\nfunction getElementRef(element: React.ReactElement) {\n    let getter = Object.getOwnPropertyDescriptor(element.props, \"ref\")?.get;\n    let mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n    if (mayWarn) {\n        return (element as unknown as { ref?: React.Ref<unknown> }).ref;\n    }\n    getter = Object.getOwnPropertyDescriptor(element, \"ref\")?.get;\n    mayWarn = getter && \"isReactWarning\" in getter && getter.isReactWarning;\n    if (mayWarn) {\n        return (element.props as { ref?: React.Ref<unknown> }).ref;\n    }\n    return (element.props as { ref?: React.Ref<unknown> }).ref || (element as unknown as { ref?: React.Ref<unknown> }).ref;\n}\n"],"names":["REACT_LAZY_TYPE","setRef","ref","value","composeRefs","refs","node","hasCleanup","cleanups","cleanup","i","use","React","isPromiseLike","isLazyComponent","element","createSlot","ownerName","SlotClone","createSlotClone","Slot","props","forwardedRef","children","slotProps","childrenArray","slottable","isSlottable","newElement","newChildren","child","childrenRef","getElementRef","mergeProps","SLOTTABLE_IDENTIFIER","childProps","overrideProps","propName","slotPropValue","childPropValue","args","result","getter","mayWarn"],"mappings":"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"}

package/dist/tabs-B0g7YtQv.js

@@ -1,123 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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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"}

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAExE,MAAM,MAAM,KAAK,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC;AAEvE,MAAM,MAAM,KAAK,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAE,GAAG,EAAE,CAAC;AAErD,MAAM,MAAM,QAAQ,CAAC,MAAM,EAAE,GAAG,IAAI,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,GAAG,GAAG,CAAC;AAElE,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtD,MAAM,MAAM,IAAI,GAAG,MAAM,CAAC;AAE1B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,WAAW,CAAC;AAE9C,MAAM,MAAM,GAAG,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAEtC,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAE1C,MAAM,MAAM,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;AAE1C,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,GAAG;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAEjC,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;CAC9C;AAED,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI;KACvC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;CAC9B,CAAC;AAEF,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,MAAM,CAAC;AAEtE,MAAM,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,MAAM,GAChC;KACK,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,SAAS,OAAO,EAAE,GACzC,CAAC,GACD,CAAC,SAAS,WAAW,GACnB,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GACf,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,GACjB,CAAC,GACD,GAAG,CAAC,GAAG,MAAM,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,EAAE,GAC1C,CAAC,GACL,KAAK;CAChB,CAAC,MAAM,CAAC,CAAC,GACV,KAAK,CAAC"}

package/dist/use-motion-value-eGwNuWuw.js

@@ -1,14 +0,0 @@
-import { useContext as n, useState as u, useEffect as a } from "react";
-import { u as c, y as f, M as i } from "./MotionConfigContext-C7MqlSdv.js";
-function C(t) {
-  const o = c(() => f(t)), { isStatic: e } = n(i);
-  if (e) {
-    const [, s] = u(t);
-    a(() => o.on("change", s), []);
-  }
-  return o;
-}
-export {
-  C as u
-};
-//# sourceMappingURL=use-motion-value-eGwNuWuw.js.map

package/dist/use-motion-value-eGwNuWuw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-motion-value-eGwNuWuw.js","sources":["../node_modules/framer-motion/dist/es/value/use-motion-value.mjs"],"sourcesContent":["\"use client\";\nimport { motionValue } from 'motion-dom';\nimport { useContext, useState, useEffect } from 'react';\nimport { MotionConfigContext } from '../context/MotionConfigContext.mjs';\nimport { useConstant } from '../utils/use-constant.mjs';\n\n/**\n * Creates a `MotionValue` to track the state and velocity of a value.\n *\n * Usually, these are created automatically. For advanced use-cases, like use with `useTransform`, you can create `MotionValue`s externally and pass them into the animated component via the `style` prop.\n *\n * ```jsx\n * export const MyComponent = () => {\n *   const scale = useMotionValue(1)\n *\n *   return <motion.div style={{ scale }} />\n * }\n * ```\n *\n * @param initial - The initial state.\n *\n * @public\n */\nfunction useMotionValue(initial) {\n    const value = useConstant(() => motionValue(initial));\n    /**\n     * If this motion value is being used in static mode, like on\n     * the Framer canvas, force components to rerender when the motion\n     * value is updated.\n     */\n    const { isStatic } = useContext(MotionConfigContext);\n    if (isStatic) {\n        const [, setLatest] = useState(initial);\n        useEffect(() => value.on(\"change\", setLatest), []);\n    }\n    return value;\n}\n\nexport { useMotionValue };\n//# sourceMappingURL=use-motion-value.mjs.map\n"],"names":["useMotionValue","initial","value","useConstant","motionValue","isStatic","useContext","MotionConfigContext","setLatest","useState","useEffect"],"mappings":";;AAuBA,SAASA,EAAeC,GAAS;AAC7B,QAAMC,IAAQC,EAAY,MAAMC,EAAYH,CAAO,CAAC,GAM9C,EAAE,UAAAI,EAAQ,IAAKC,EAAWC,CAAmB;AACnD,MAAIF,GAAU;AACV,UAAM,GAAGG,CAAS,IAAIC,EAASR,CAAO;AACtC,IAAAS,EAAU,MAAMR,EAAM,GAAG,UAAUM,CAAS,GAAG,EAAE;AAAA,EACzD;AACI,SAAON;AACX;","x_google_ignoreList":[0]}

package/dist/use-stable-ref-CYh-YkID.js

@@ -1,11 +0,0 @@
-import { useRef as t, useEffect as f } from "react";
-const o = (e) => {
-  const r = t(e);
-  return f(() => {
-    r.current = e;
-  }, [e]), r;
-};
-export {
-  o as u
-};
-//# sourceMappingURL=use-stable-ref-CYh-YkID.js.map

package/dist/use-stable-ref-CYh-YkID.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-stable-ref-CYh-YkID.js","sources":["../src/hooks/use-stable-ref.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useRef } from \"react\";\n\nexport const useStableRef = <T>(value: T) => {\n    const ref = useRef<T>(value);\n\n    useEffect(() => {\n        ref.current = value;\n    }, [value]);\n\n    return ref;\n};\n"],"names":["useStableRef","value","ref","useRef","useEffect"],"mappings":";AAGO,MAAMA,IAAe,CAAIC,MAAa;AACzC,QAAMC,IAAMC,EAAUF,CAAK;AAE3B,SAAAG,EAAU,MAAM;AACZ,IAAAF,EAAI,UAAUD;AAAA,EAAA,GACf,CAACA,CAAK,CAAC,GAEHC;AACX;"}

package/dist/use-translations-DSltA7H_.js

@@ -1,169 +0,0 @@
-import { Fragment as h, createContext as C, useContext as y } from "react";
-import { jsxs as T } from "react/jsx-runtime";
-const $ = {
-  hex: (e) => e,
-  raw: (e) => e,
-  hsl: (e) => `hsl(${e})`,
-  rgb: (e) => `rgb(${e})`,
-  z: (e, t, a) => `var(--z-${a})`,
-  hsla: (e) => `hsla(${e})`,
-  rgba: (e) => `rgba(${e})`,
-  cssVariable: (e, t, a) => `var(--${a})`,
-  formatWithVar: (e) => (t, a, r) => `${e}(var(--${r}), <alpha-value>)`
-}, i = (e, t, a = "", r = "") => Object.entries(e).reduce((l, [o, n]) => {
-  const s = r === "" ? `${a}${o}` : `${r}-${o}`;
-  if (typeof n == "string") {
-    const u = r === "" ? `${a}${o}` : o;
-    return l.concat(t(n, u, s));
-  }
-  return l.concat(i(n, t, a, s));
-}, []), F = (e, t, a = "", r = "") => Object.entries(e).reduce((l, [o, n]) => {
-  const s = r === "" ? `${a}${o}` : `${r}-${o}`;
-  if (typeof n == "string") {
-    const u = r === "" ? `${a}${o}` : o;
-    return { ...l, [u]: t(n, o, s) };
-  }
-  return {
-    ...l,
-    [o]: F(n, t, a, s)
-  };
-}, {}), p = {
-  default: (e) => `:root { ${e} }`,
-  dark: (e) => `html.dark {${e}}`
-}, c = (e, t) => {
-  const a = t.value || ((l, o) => o), r = e.map((l) => `${l.key}: ${a(l.key, l.value)}`).join(";");
-  return t.result(r);
-}, w = {
-  default: (e) => c(e, { result: p.default }),
-  dark: (e) => c(e, { result: p.dark })
-}, d = (e) => (t, a, r) => {
-  const l = { key: `--${r}`, value: `${t}` };
-  return e ? e(l) : l;
-}, m = (e) => ({ key: e.key.replace(/^--/, "--z-"), value: e.value }), b = (e, t) => {
-  const a = i(e.colors, d(t?.colors)), r = i(e.spacing, d(t?.spacing)), l = i(e.rounded, d(t?.rounded)), o = i(e.shadow, d(t?.rounded)), n = i(e.zIndex, d(t?.zIndex ?? m)), s = e.custom ? i(e.custom, d(t?.customTokens)) : [];
-  return a.concat(r, l, s, n, o);
-}, P = (e, t) => c(b(e), {
-  result: (a) => `html${t ? `.${t}` : ""} {${a}}`,
-  value: (a, r) => r.replace("hsla(", "").replace(")", "")
-}), L = (e, t) => b(e, t).reduce((r, l) => ({ ...r, [l.key]: l.value }), {}), D = (e, t) => c(b(e, t), {
-  result: (a) => `html${t?.name ? `.${t.name}` : ""} {${a}}`,
-  value: (a, r) => r
-}), g = {
-  autocompleteEmpty: "Nothing here...",
-  calendarBackMonth: "Back month",
-  calendarFromDate: "From",
-  calendarMonthLabel: "Month",
-  calendarNextMonth: "Next month",
-  calendarDatetimeTitle: "Time",
-  calendarToDate: "To",
-  calendarToday: "Today",
-  pageCalendarMonthView: "Month view",
-  pageCalendarWeekView: "Week view",
-  pageCalendarDayView: "Day view",
-  pageCalendarPrevious: "Previous",
-  pageCalendarNext: "Next",
-  pageCalendarToday: "Today",
-  pageCalendarAddEvent: "Add event",
-  pageCalendarWeekLabel: (e) => `Week ${e}`,
-  pageCalendarFilter: "Filter:",
-  pageCalendarMoreEvents: (e) => `+${e} more...`,
-  pageCalendarLabel: "Calendar",
-  pageCalendarNavigation: "Calendar navigation",
-  pageCalendarMonthGrid: "Calendar month",
-  pageCalendarFilterEnabled: "enabled",
-  pageCalendarFilterDisabled: "disabled",
-  pageCalendarEventCount: (e) => e === 1 ? "1 event" : `${e} events`,
-  pageCalendarEventAt: (e, t) => `${e} at ${t}`,
-  commandPaletteEmpty: "Nothing here...",
-  commandPaletteLoading: "Loading...",
-  datePickerCalendarButtonLabel: "Click to open a date picker",
-  emptyDataMessage: "No data",
-  inputCaretDown: "Click to see all options",
-  inputCloseValue: "Click to clear the value",
-  inputOptionalLabel: "Optional",
-  wizardNext: "Next",
-  wizardPrev: "Previous",
-  wizardFinish: "Finish",
-  wizardSkip: "Skip",
-  multiSelectInnerPlaceholder: "Search...",
-  multiSelectSelectedLabel: "Selected",
-  tableColumnResizer: "Resize column",
-  tableFilterColumnPlaceholder: "Filter by",
-  tableFilterColumnTitle: "Filter by",
-  tableFilterDropdownTitle: "Filters",
-  tableFilterDropdownTitleUnique: "Filter by",
-  tableFilterLabel: "Filters",
-  tableFilterNewFilter: "New filter",
-  tableFilterOperatorPlaceholder: "Equals to...",
-  tableFilterOperatorTitle: "Operation",
-  tableFilterTypeContains: "Contains",
-  tableFilterTypeEndsWith: "Ends with",
-  tableFilterTypeGreaterThan: "Greater than",
-  tableFilterTypeIs: "Is",
-  tableFilterTypeIsNot: "Is not",
-  tableFilterTypeLessThan: "Less than",
-  tableFilterTypeNotContains: "Not contains",
-  tableFilterTypeStartsWith: "Starts with",
-  tableFilterValuePlaceholder: "Something...",
-  tableFilterValueTitle: "Value",
-  tableGroupLabel: "Group",
-  tableGroupLabelWithCount: "Group",
-  tablePaginationFooter: (e) => /* @__PURE__ */ T(h, { children: [
-    e.current,
-    " to ",
-    e.pages,
-    " of ",
-    e.totalItems,
-    " items.",
-    Array.isArray(e.sizes) ? e.select : null,
-    " ",
-    "per page."
-  ] }),
-  tablePaginationNext: "Next",
-  tablePaginationPrevious: "Previous",
-  tablePaginationSelectLabel: "Select the size of page",
-  tableSortAddButton: "Add sort",
-  tableSortAsc: "Ascending",
-  tableSortDesc: "Descending",
-  tableSortDropdownTitle: "Order by",
-  tableSortOrderByLabel: "Order by",
-  tableSortOrderInputPlaceholder: "Order by",
-  tableSortOrderInputTitle: "Order by",
-  tableSortTypeInputPlaceholder: "Ascending",
-  tableSortTypeInputTitle: "Sort type",
-  uploadIdle: "You can drag your files here",
-  uploadIdleButton: "Choose your files",
-  uploadDragging: (e) => `Dragging ${e.n} ${e.n > 0 ? "files" : "file"}`,
-  uploadDialogTitle: "Details of your file",
-  datepickerPlaceholder: (e) => "day/month/year",
-  spinnerLoading: "Loading",
-  skeletonLoading: "Loading content",
-  closeButton: "Close",
-  fileUploadZoneLabel: "File upload area. Drag files here or press Enter to browse."
-}, v = {
-  input: { iconFeedback: !0 },
-  table: { operations: !0, sorters: !0, filters: !0, sticky: void 0 }
-}, k = C({
-  parser: $.hsla,
-  tweaks: v,
-  floatingRef: void 0,
-  map: g,
-  locale: void 0
-}), N = () => {
-  const e = y(k);
-  return e ? e.map : g;
-};
-export {
-  k as C,
-  v as a,
-  w as b,
-  F as c,
-  g as d,
-  P as e,
-  L as f,
-  D as g,
-  $ as p,
-  i as r,
-  N as u
-};
-//# sourceMappingURL=use-translations-DSltA7H_.js.map

package/dist/use-translations-DSltA7H_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-translations-DSltA7H_.js","sources":["../src/styles/design-tokens.ts","../src/config/default-translations.tsx","../src/config/default-tweaks.ts","../src/config/context.ts","../src/hooks/use-translations.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { DesignTokens, DesignTokensBuilder, DesignTokensParser, GeneralTokens, Token } from \"./theme.types\";\n\nexport const parsers = {\n    hex: (v: string) => v,\n    raw: (v: string) => v,\n    hsl: (v: string) => `hsl(${v})` as const,\n    rgb: (v: string) => `rgb(${v})` as const,\n    z: (_, __, k) => `var(--z-${k})` as const,\n    hsla: (v: string) => `hsla(${v})` as const,\n    rgba: (v: string) => `rgba(${v})` as const,\n    cssVariable: (_, __, k) => `var(--${k})` as const,\n    formatWithVar: (format: string) => (_: string, __: string, v: string) => `${format}(var(--${v}), <alpha-value>)` as const,\n} satisfies Record<string, DesignTokensParser>;\n\nexport const reduceTokens = <T extends GeneralTokens>(colors: T, parse: DesignTokensBuilder, prefix: string = \"\", append: string = \"\"): Token[] =>\n    Object.entries(colors).reduce<Token[]>((acc, [key, value]) => {\n        const combine = append === \"\" ? `${prefix}${key}` : `${append}-${key}`;\n        if (typeof value === \"string\") {\n            const k = append === \"\" ? `${prefix}${key}` : key;\n            return acc.concat(parse(value, k, combine));\n        }\n        return acc.concat(reduceTokens(value, parse, prefix, combine));\n    }, []);\n\nexport const createDesignTokens = <T extends GeneralTokens, Fn extends DesignTokensParser>(\n    colors: T,\n    parse: Fn,\n    prefix: string = \"\",\n    append: string = \"\"\n): T =>\n    Object.entries(colors).reduce<T>((acc, [key, value]) => {\n        const combine = append === \"\" ? `${prefix}${key}` : `${append}-${key}`;\n        if (typeof value === \"string\") {\n            const k = append === \"\" ? `${prefix}${key}` : key;\n            return { ...acc, [k]: parse(value, key, combine) };\n        }\n        return {\n            ...acc,\n            [key]: createDesignTokens(value, parse, prefix, combine),\n        };\n    }, {} as T);\n\nconst modifiers = {\n    default: (variables: string) => `:root { ${variables} }`,\n    dark: (variables: string) => `html.dark {${variables}}`,\n};\n\nconst createStyleContent = (\n    tokens: Token[],\n    modifiers: {\n        result: (str: string) => string;\n        value?: (k: string, v: string) => string;\n    }\n) => {\n    const v = modifiers.value || ((_: string, s: string) => s);\n    const content = tokens.map((token) => `${token.key}: ${v(token.key, token.value)}`).join(\";\");\n    return modifiers.result(content);\n};\n\nexport const createStyles = {\n    default: (tokens: Token[]) => createStyleContent(tokens, { result: modifiers.default }),\n    dark: (tokens: Token[]) => createStyleContent(tokens, { result: modifiers.dark }),\n};\n\ntype TokenParsersType = \"colors\" | \"spacing\" | \"rounded\" | \"customTokens\" | \"zIndex\";\n\ntype TokenCustomParser = (t: Token) => Token;\n\nexport type TokenRemap = Partial<Record<TokenParsersType, TokenCustomParser> & { name: string }>;\n\nconst fn =\n    (p?: TokenCustomParser): DesignTokensBuilder =>\n    (value, _, key) => {\n        const r = { key: `--${key}`, value: `${value}` };\n        return p ? p(r) : r;\n    };\n\nconst zIndexParser = (t: Token): Token => ({ key: t.key.replace(/^--/, \"--z-\"), value: t.value });\n\nconst createTokens = (theme: DesignTokens, map?: TokenRemap) => {\n    const colors = reduceTokens(theme.colors, fn(map?.colors));\n    const spacing = reduceTokens(theme.spacing, fn(map?.spacing));\n    const rounded = reduceTokens(theme.rounded, fn(map?.rounded));\n    const shadow = reduceTokens(theme.shadow, fn(map?.rounded));\n    const zIndex = reduceTokens(theme.zIndex, fn(map?.zIndex ?? zIndexParser));\n    const customTokens = theme.custom ? reduceTokens(theme.custom, fn(map?.customTokens)) : [];\n    return colors.concat(spacing, rounded, customTokens, zIndex, shadow);\n};\n\nexport const createTheme = (theme: DesignTokens, name?: string) =>\n    createStyleContent(createTokens(theme), {\n        result: (variables: string) => `html${name ? `.${name}` : \"\"} {${variables}}`,\n        value: (_, v) => v.replace(\"hsla(\", \"\").replace(\")\", \"\"),\n    });\n\nexport const createCssProperties = (theme: DesignTokens, map?: TokenRemap): CSSProperties => {\n    const tokens = createTokens(theme, map);\n    return tokens.reduce<CSSProperties>((acc, el) => ({ ...acc, [el.key]: el.value }), {});\n};\n\nexport const createTokenStyles = (theme: DesignTokens, map?: TokenRemap) =>\n    createStyleContent(createTokens(theme, map), {\n        result: (variables: string) => `html${map?.name ? `.${map.name}` : \"\"} {${variables}}`,\n        value: (_, v) => v,\n    });\n","import React, { Fragment } from \"react\";\n\nexport const defaultTranslations = {\n    autocompleteEmpty: \"Nothing here...\",\n    calendarBackMonth: \"Back month\",\n    calendarFromDate: \"From\",\n    calendarMonthLabel: \"Month\",\n    calendarNextMonth: \"Next month\",\n    calendarDatetimeTitle: \"Time\",\n    calendarToDate: \"To\",\n    calendarToday: \"Today\",\n    pageCalendarMonthView: \"Month view\",\n    pageCalendarWeekView: \"Week view\",\n    pageCalendarDayView: \"Day view\",\n    pageCalendarPrevious: \"Previous\",\n    pageCalendarNext: \"Next\",\n    pageCalendarToday: \"Today\",\n    pageCalendarAddEvent: \"Add event\",\n    pageCalendarWeekLabel: (n: number) => `Week ${n}`,\n    pageCalendarFilter: \"Filter:\",\n    pageCalendarMoreEvents: (n: number) => `+${n} more...`,\n    pageCalendarLabel: \"Calendar\",\n    pageCalendarNavigation: \"Calendar navigation\",\n    pageCalendarMonthGrid: \"Calendar month\",\n    pageCalendarFilterEnabled: \"enabled\",\n    pageCalendarFilterDisabled: \"disabled\",\n    pageCalendarEventCount: (n: number) => (n === 1 ? \"1 event\" : `${n} events`),\n    pageCalendarEventAt: (title: string, time: string) => `${title} at ${time}`,\n    commandPaletteEmpty: \"Nothing here...\",\n    commandPaletteLoading: \"Loading...\",\n    datePickerCalendarButtonLabel: \"Click to open a date picker\",\n    emptyDataMessage: \"No data\",\n    inputCaretDown: \"Click to see all options\",\n    inputCloseValue: \"Click to clear the value\",\n    inputOptionalLabel: \"Optional\",\n    wizardNext: \"Next\",\n    wizardPrev: \"Previous\",\n    wizardFinish: \"Finish\",\n    wizardSkip: \"Skip\",\n    multiSelectInnerPlaceholder: \"Search...\",\n    multiSelectSelectedLabel: \"Selected\",\n    tableColumnResizer: \"Resize column\",\n    tableFilterColumnPlaceholder: \"Filter by\",\n    tableFilterColumnTitle: \"Filter by\",\n    tableFilterDropdownTitle: \"Filters\",\n    tableFilterDropdownTitleUnique: \"Filter by\",\n    tableFilterLabel: \"Filters\",\n    tableFilterNewFilter: \"New filter\",\n    tableFilterOperatorPlaceholder: \"Equals to...\",\n    tableFilterOperatorTitle: \"Operation\",\n    tableFilterTypeContains: \"Contains\",\n    tableFilterTypeEndsWith: \"Ends with\",\n    tableFilterTypeGreaterThan: \"Greater than\",\n    tableFilterTypeIs: \"Is\",\n    tableFilterTypeIsNot: \"Is not\",\n    tableFilterTypeLessThan: \"Less than\",\n    tableFilterTypeNotContains: \"Not contains\",\n    tableFilterTypeStartsWith: \"Starts with\",\n    tableFilterValuePlaceholder: \"Something...\",\n    tableFilterValueTitle: \"Value\",\n    tableGroupLabel: \"Group\",\n    tableGroupLabelWithCount: \"Group\",\n    tablePaginationFooter: (pagination: { pages: number; totalItems: number; sizes?: number[]; current: number; select: React.ReactNode }) => (\n        <Fragment>\n            {pagination.current} to {pagination.pages} of {pagination.totalItems} items.{Array.isArray(pagination.sizes) ? pagination.select : null}{\" \"}\n            per page.\n        </Fragment>\n    ),\n    tablePaginationNext: \"Next\",\n    tablePaginationPrevious: \"Previous\",\n    tablePaginationSelectLabel: \"Select the size of page\",\n    tableSortAddButton: \"Add sort\",\n    tableSortAsc: \"Ascending\",\n    tableSortDesc: \"Descending\",\n    tableSortDropdownTitle: \"Order by\",\n    tableSortOrderByLabel: \"Order by\",\n    tableSortOrderInputPlaceholder: \"Order by\",\n    tableSortOrderInputTitle: \"Order by\",\n    tableSortTypeInputPlaceholder: \"Ascending\",\n    tableSortTypeInputTitle: \"Sort type\",\n\n    uploadIdle: \"You can drag your files here\",\n    uploadIdleButton: \"Choose your files\",\n    uploadDragging: (props: { n: number }) => `Dragging ${props.n} ${props.n > 0 ? \"files\" : \"file\"}`,\n    uploadDialogTitle: \"Details of your file\",\n\n    datepickerPlaceholder: (_: string) => \"day/month/year\",\n    spinnerLoading: \"Loading\",\n    skeletonLoading: \"Loading content\",\n    closeButton: \"Close\",\n    fileUploadZoneLabel: \"File upload area. Drag files here or press Enter to browse.\",\n};\n\nexport type Translations = typeof defaultTranslations;\n","export type Tweaks = {\n    table: {\n        sorters: boolean;\n        filters: boolean;\n        operations: boolean;\n        sticky: number | undefined;\n    };\n    input: {\n        iconFeedback: boolean;\n    };\n};\n\nexport const defaultTweaks: Tweaks = {\n    input: { iconFeedback: true },\n    table: { operations: true, sorters: true, filters: true, sticky: undefined },\n};\n","\"use client\";\nimport { createContext } from \"react\";\nimport type { IconProps } from \"@phosphor-icons/react\";\nimport type { Locales } from \"the-mask-input\";\nimport type { ContextType } from \"../hooks/use-components-provider\";\nimport { parsers } from \"../styles/design-tokens\";\nimport { defaultTranslations, type Translations } from \"./default-translations\";\nimport { defaultTweaks, type Tweaks } from \"./default-tweaks\";\n\nexport type ContextProps = Partial<{\n    tweaks: Partial<Tweaks>;\n    map: Partial<Translations>;\n    locale: Locales | undefined;\n    parser: typeof parsers.hsla;\n    rootFloating?: HTMLElement | null;\n    iconWeight: IconProps[\"weight\"];\n}>;\n\nexport const Context = createContext<ContextType>({\n    parser: parsers.hsla,\n    tweaks: defaultTweaks,\n    floatingRef: undefined,\n    map: defaultTranslations,\n    locale: undefined as Locales | undefined,\n});\n","import { useContext } from \"react\";\nimport { Context } from \"../config/context\";\nimport { defaultTranslations } from \"../config/default-translations\";\n\nexport const useTranslations = () => {\n    const ctx = useContext(Context);\n    if (!ctx) return defaultTranslations;\n    return ctx.map!;\n};\n"],"names":["parsers","v","_","__","k","format","reduceTokens","colors","parse","prefix","append","acc","key","value","combine","createDesignTokens","modifiers","variables","createStyleContent","tokens","s","content","token","createStyles","fn","p","r","zIndexParser","t","createTokens","theme","map","spacing","rounded","shadow","zIndex","customTokens","createTheme","name","createCssProperties","el","createTokenStyles","defaultTranslations","n","title","time","pagination","jsxs","Fragment","props","defaultTweaks","Context","createContext","useTranslations","ctx","useContext"],"mappings":"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"}