@bloomneo/uikit 1.5.0

package/dist/switch.js

@@ -0,0 +1,155 @@
+import { jsxs as I, jsx as i } from "react/jsx-runtime";
+import * as a from "react";
+import { u as M, c as H } from "./index-C0UREtMP.js";
+import { u as x } from "./index-DQH6odE9.js";
+import { c as j } from "./index-DFZozV_h.js";
+import { u as z } from "./index-BZPx6jYI.js";
+import { u as A } from "./index-BGQepRFJ.js";
+import { P as y } from "./index-BVRIAMfe.js";
+import { c as C } from "./utils-CwJPJKOE.js";
+var m = "Switch", [U, Y] = j(m), [q, L] = U(m), P = a.forwardRef(
+  (e, r) => {
+    const {
+      __scopeSwitch: t,
+      name: s,
+      checked: o,
+      defaultChecked: b,
+      required: d,
+      disabled: n,
+      value: u = "on",
+      onCheckedChange: w,
+      form: c,
+      ...k
+    } = e, [l, p] = a.useState(null), v = x(r, (f) => p(f)), S = a.useRef(!1), g = l ? c || !!l.closest("form") : !0, [h, B] = M({
+      prop: o,
+      defaultProp: b ?? !1,
+      onChange: w,
+      caller: m
+    });
+    return /* @__PURE__ */ I(q, { scope: t, checked: h, disabled: n, children: [
+      /* @__PURE__ */ i(
+        y.button,
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": h,
+          "aria-required": d,
+          "data-state": N(h),
+          "data-disabled": n ? "" : void 0,
+          disabled: n,
+          value: u,
+          ...k,
+          ref: v,
+          onClick: H(e.onClick, (f) => {
+            B((T) => !T), g && (S.current = f.isPropagationStopped(), S.current || f.stopPropagation());
+          })
+        }
+      ),
+      g && /* @__PURE__ */ i(
+        _,
+        {
+          control: l,
+          bubbles: !S.current,
+          name: s,
+          value: u,
+          checked: h,
+          required: d,
+          disabled: n,
+          form: c,
+          style: { transform: "translateX(-100%)" }
+        }
+      )
+    ] });
+  }
+);
+P.displayName = m;
+var R = "SwitchThumb", E = a.forwardRef(
+  (e, r) => {
+    const { __scopeSwitch: t, ...s } = e, o = L(R, t);
+    return /* @__PURE__ */ i(
+      y.span,
+      {
+        "data-state": N(o.checked),
+        "data-disabled": o.disabled ? "" : void 0,
+        ...s,
+        ref: r
+      }
+    );
+  }
+);
+E.displayName = R;
+var O = "SwitchBubbleInput", _ = a.forwardRef(
+  ({
+    __scopeSwitch: e,
+    control: r,
+    checked: t,
+    bubbles: s = !0,
+    ...o
+  }, b) => {
+    const d = a.useRef(null), n = x(d, b), u = z(t), w = A(r);
+    return a.useEffect(() => {
+      const c = d.current;
+      if (!c) return;
+      const k = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(
+        k,
+        "checked"
+      ).set;
+      if (u !== t && p) {
+        const v = new Event("click", { bubbles: s });
+        p.call(c, t), c.dispatchEvent(v);
+      }
+    }, [u, t, s]), /* @__PURE__ */ i(
+      "input",
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: t,
+        ...o,
+        tabIndex: -1,
+        ref: n,
+        style: {
+          ...o.style,
+          ...w,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
+      }
+    );
+  }
+);
+_.displayName = O;
+function N(e) {
+  return e ? "checked" : "unchecked";
+}
+var D = P, F = E;
+function Z({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ i(
+    D,
+    {
+      "data-slot": "switch",
+      className: C(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ...r,
+      children: /* @__PURE__ */ i(
+        F,
+        {
+          "data-slot": "switch-thumb",
+          className: C(
+            "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  Z as Switch
+};
+//# sourceMappingURL=switch.js.map

package/dist/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sources":["../node_modules/@radix-ui/react-switch/dist/index.mjs","../src/components/ui/switch.tsx"],"sourcesContent":["\"use client\";\n\n// src/switch.tsx\nimport * as React from \"react\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { usePrevious } from \"@radix-ui/react-use-previous\";\nimport { useSize } from \"@radix-ui/react-use-size\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx, jsxs } from \"react/jsx-runtime\";\nvar SWITCH_NAME = \"Switch\";\nvar [createSwitchContext, createSwitchScope] = createContextScope(SWITCH_NAME);\nvar [SwitchProvider, useSwitchContext] = createSwitchContext(SWITCH_NAME);\nvar Switch = React.forwardRef(\n  (props, forwardedRef) => {\n    const {\n      __scopeSwitch,\n      name,\n      checked: checkedProp,\n      defaultChecked,\n      required,\n      disabled,\n      value = \"on\",\n      onCheckedChange,\n      form,\n      ...switchProps\n    } = props;\n    const [button, setButton] = React.useState(null);\n    const composedRefs = useComposedRefs(forwardedRef, (node) => setButton(node));\n    const hasConsumerStoppedPropagationRef = React.useRef(false);\n    const isFormControl = button ? form || !!button.closest(\"form\") : true;\n    const [checked, setChecked] = useControllableState({\n      prop: checkedProp,\n      defaultProp: defaultChecked ?? false,\n      onChange: onCheckedChange,\n      caller: SWITCH_NAME\n    });\n    return /* @__PURE__ */ jsxs(SwitchProvider, { scope: __scopeSwitch, checked, disabled, children: [\n      /* @__PURE__ */ jsx(\n        Primitive.button,\n        {\n          type: \"button\",\n          role: \"switch\",\n          \"aria-checked\": checked,\n          \"aria-required\": required,\n          \"data-state\": getState(checked),\n          \"data-disabled\": disabled ? \"\" : void 0,\n          disabled,\n          value,\n          ...switchProps,\n          ref: composedRefs,\n          onClick: composeEventHandlers(props.onClick, (event) => {\n            setChecked((prevChecked) => !prevChecked);\n            if (isFormControl) {\n              hasConsumerStoppedPropagationRef.current = event.isPropagationStopped();\n              if (!hasConsumerStoppedPropagationRef.current) event.stopPropagation();\n            }\n          })\n        }\n      ),\n      isFormControl && /* @__PURE__ */ jsx(\n        SwitchBubbleInput,\n        {\n          control: button,\n          bubbles: !hasConsumerStoppedPropagationRef.current,\n          name,\n          value,\n          checked,\n          required,\n          disabled,\n          form,\n          style: { transform: \"translateX(-100%)\" }\n        }\n      )\n    ] });\n  }\n);\nSwitch.displayName = SWITCH_NAME;\nvar THUMB_NAME = \"SwitchThumb\";\nvar SwitchThumb = React.forwardRef(\n  (props, forwardedRef) => {\n    const { __scopeSwitch, ...thumbProps } = props;\n    const context = useSwitchContext(THUMB_NAME, __scopeSwitch);\n    return /* @__PURE__ */ jsx(\n      Primitive.span,\n      {\n        \"data-state\": getState(context.checked),\n        \"data-disabled\": context.disabled ? \"\" : void 0,\n        ...thumbProps,\n        ref: forwardedRef\n      }\n    );\n  }\n);\nSwitchThumb.displayName = THUMB_NAME;\nvar BUBBLE_INPUT_NAME = \"SwitchBubbleInput\";\nvar SwitchBubbleInput = React.forwardRef(\n  ({\n    __scopeSwitch,\n    control,\n    checked,\n    bubbles = true,\n    ...props\n  }, forwardedRef) => {\n    const ref = React.useRef(null);\n    const composedRefs = useComposedRefs(ref, forwardedRef);\n    const prevChecked = usePrevious(checked);\n    const controlSize = useSize(control);\n    React.useEffect(() => {\n      const input = ref.current;\n      if (!input) return;\n      const inputProto = window.HTMLInputElement.prototype;\n      const descriptor = Object.getOwnPropertyDescriptor(\n        inputProto,\n        \"checked\"\n      );\n      const setChecked = descriptor.set;\n      if (prevChecked !== checked && setChecked) {\n        const event = new Event(\"click\", { bubbles });\n        setChecked.call(input, checked);\n        input.dispatchEvent(event);\n      }\n    }, [prevChecked, checked, bubbles]);\n    return /* @__PURE__ */ jsx(\n      \"input\",\n      {\n        type: \"checkbox\",\n        \"aria-hidden\": true,\n        defaultChecked: checked,\n        ...props,\n        tabIndex: -1,\n        ref: composedRefs,\n        style: {\n          ...props.style,\n          ...controlSize,\n          position: \"absolute\",\n          pointerEvents: \"none\",\n          opacity: 0,\n          margin: 0\n        }\n      }\n    );\n  }\n);\nSwitchBubbleInput.displayName = BUBBLE_INPUT_NAME;\nfunction getState(checked) {\n  return checked ? \"checked\" : \"unchecked\";\n}\nvar Root = Switch;\nvar Thumb = SwitchThumb;\nexport {\n  Root,\n  Switch,\n  SwitchThumb,\n  Thumb,\n  createSwitchScope\n};\n//# sourceMappingURL=index.mjs.map\n","\"use client\"\n\nimport * as React from \"react\"\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n  className,\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      className={cn(\n        \"peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className={cn(\n          \"bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0\"\n        )}\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n"],"names":["SWITCH_NAME","createSwitchContext","createSwitchScope","createContextScope","SwitchProvider","useSwitchContext","Switch","React","props","forwardedRef","__scopeSwitch","name","checkedProp","defaultChecked","required","disabled","value","onCheckedChange","form","switchProps","button","setButton","composedRefs","useComposedRefs","node","hasConsumerStoppedPropagationRef","isFormControl","checked","setChecked","useControllableState","jsxs","jsx","Primitive","getState","composeEventHandlers","event","prevChecked","SwitchBubbleInput","THUMB_NAME","SwitchThumb","thumbProps","context","BUBBLE_INPUT_NAME","control","bubbles","ref","usePrevious","controlSize","useSize","input","inputProto","Root","Thumb","className","SwitchPrimitive.Root","cn","SwitchPrimitive.Thumb"],"mappings":";;;;;;;;;AAYA,IAAIA,IAAc,UACd,CAACC,GAAqBC,CAAiB,IAAIC,EAAmBH,CAAW,GACzE,CAACI,GAAgBC,CAAgB,IAAIJ,EAAoBD,CAAW,GACpEM,IAASC,EAAM;AAAA,EACjB,CAACC,GAAOC,MAAiB;AACvB,UAAM;AAAA,MACJ,eAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SAASC;AAAA,MACT,gBAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAC;AAAA,MACA,OAAAC,IAAQ;AAAA,MACR,iBAAAC;AAAA,MACA,MAAAC;AAAA,MACA,GAAGC;AAAA,IACT,IAAQX,GACE,CAACY,GAAQC,CAAS,IAAId,EAAM,SAAS,IAAI,GACzCe,IAAeC,EAAgBd,GAAc,CAACe,MAASH,EAAUG,CAAI,CAAC,GACtEC,IAAmClB,EAAM,OAAO,EAAK,GACrDmB,IAAgBN,IAASF,KAAQ,CAAC,CAACE,EAAO,QAAQ,MAAM,IAAI,IAC5D,CAACO,GAASC,CAAU,IAAIC,EAAqB;AAAA,MACjD,MAAMjB;AAAA,MACN,aAAaC,KAAkB;AAAA,MAC/B,UAAUI;AAAA,MACV,QAAQjB;AAAA,IACd,CAAK;AACD,WAAuB,gBAAA8B,EAAK1B,GAAgB,EAAE,OAAOM,GAAe,SAAAiB,GAAS,UAAAZ,GAAU,UAAU;AAAA,MAC/E,gBAAAgB;AAAA,QACdC,EAAU;AAAA,QACV;AAAA,UACE,MAAM;AAAA,UACN,MAAM;AAAA,UACN,gBAAgBL;AAAA,UAChB,iBAAiBb;AAAA,UACjB,cAAcmB,EAASN,CAAO;AAAA,UAC9B,iBAAiBZ,IAAW,KAAK;AAAA,UACjC,UAAAA;AAAA,UACA,OAAAC;AAAA,UACA,GAAGG;AAAA,UACH,KAAKG;AAAA,UACL,SAASY,EAAqB1B,EAAM,SAAS,CAAC2B,MAAU;AACtD,YAAAP,EAAW,CAACQ,MAAgB,CAACA,CAAW,GACpCV,MACFD,EAAiC,UAAUU,EAAM,qBAAoB,GAChEV,EAAiC,WAASU,EAAM,gBAAe;AAAA,UAExE,CAAC;AAAA,QACX;AAAA,MACA;AAAA,MACMT,KAAiC,gBAAAK;AAAA,QAC/BM;AAAA,QACA;AAAA,UACE,SAASjB;AAAA,UACT,SAAS,CAACK,EAAiC;AAAA,UAC3C,MAAAd;AAAA,UACA,OAAAK;AAAA,UACA,SAAAW;AAAA,UACA,UAAAb;AAAA,UACA,UAAAC;AAAA,UACA,MAAAG;AAAA,UACA,OAAO,EAAE,WAAW,oBAAmB;AAAA,QACjD;AAAA,MACA;AAAA,IACA,GAAO;AAAA,EACL;AACF;AACAZ,EAAO,cAAcN;AACrB,IAAIsC,IAAa,eACbC,IAAchC,EAAM;AAAA,EACtB,CAACC,GAAOC,MAAiB;AACvB,UAAM,EAAE,eAAAC,GAAe,GAAG8B,EAAU,IAAKhC,GACnCiC,IAAUpC,EAAiBiC,GAAY5B,CAAa;AAC1D,WAAuB,gBAAAqB;AAAA,MACrBC,EAAU;AAAA,MACV;AAAA,QACE,cAAcC,EAASQ,EAAQ,OAAO;AAAA,QACtC,iBAAiBA,EAAQ,WAAW,KAAK;AAAA,QACzC,GAAGD;AAAA,QACH,KAAK/B;AAAA,MACb;AAAA,IACA;AAAA,EACE;AACF;AACA8B,EAAY,cAAcD;AAC1B,IAAII,IAAoB,qBACpBL,IAAoB9B,EAAM;AAAA,EAC5B,CAAC;AAAA,IACC,eAAAG;AAAA,IACA,SAAAiC;AAAA,IACA,SAAAhB;AAAA,IACA,SAAAiB,IAAU;AAAA,IACV,GAAGpC;AAAA,EACP,GAAKC,MAAiB;AAClB,UAAMoC,IAAMtC,EAAM,OAAO,IAAI,GACvBe,IAAeC,EAAgBsB,GAAKpC,CAAY,GAChD2B,IAAcU,EAAYnB,CAAO,GACjCoB,IAAcC,EAAQL,CAAO;AACnC,WAAApC,EAAM,UAAU,MAAM;AACpB,YAAM0C,IAAQJ,EAAI;AAClB,UAAI,CAACI,EAAO;AACZ,YAAMC,IAAa,OAAO,iBAAiB,WAKrCtB,IAJa,OAAO;AAAA,QACxBsB;AAAA,QACA;AAAA,MACR,EACoC;AAC9B,UAAId,MAAgBT,KAAWC,GAAY;AACzC,cAAMO,IAAQ,IAAI,MAAM,SAAS,EAAE,SAAAS,EAAO,CAAE;AAC5C,QAAAhB,EAAW,KAAKqB,GAAOtB,CAAO,GAC9BsB,EAAM,cAAcd,CAAK;AAAA,MAC3B;AAAA,IACF,GAAG,CAACC,GAAaT,GAASiB,CAAO,CAAC,GACX,gBAAAb;AAAA,MACrB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,eAAe;AAAA,QACf,gBAAgBJ;AAAA,QAChB,GAAGnB;AAAA,QACH,UAAU;AAAA,QACV,KAAKc;AAAA,QACL,OAAO;AAAA,UACL,GAAGd,EAAM;AAAA,UACT,GAAGuC;AAAA,UACH,UAAU;AAAA,UACV,eAAe;AAAA,UACf,SAAS;AAAA,UACT,QAAQ;AAAA,QAClB;AAAA,MACA;AAAA,IACA;AAAA,EACE;AACF;AACAV,EAAkB,cAAcK;AAChC,SAAST,EAASN,GAAS;AACzB,SAAOA,IAAU,YAAY;AAC/B;AACA,IAAIwB,IAAO7C,GACP8C,IAAQb;AChJZ,SAASjC,EAAO;AAAA,EACd,WAAA+C;AAAA,EACA,GAAG7C;AACL,GAAsD;AACpD,SACE,gBAAAuB;AAAA,IAACuB;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAG7C;AAAA,MAEJ,UAAA,gBAAAuB;AAAA,QAACyB;AAAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAWD;AAAA,YACT;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;","x_google_ignoreList":[0]}

package/dist/tab-bar.js

@@ -0,0 +1,110 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import * as y from "react";
+import { forwardRef as w, useState as k } from "react";
+import { c as d } from "./index-Bke1qZdk.js";
+import { c as n } from "./utils-CwJPJKOE.js";
+import { Badge as N } from "./badge.js";
+const B = d(
+  "fixed bottom-0 left-0 right-0 z-50 border-t bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60",
+  {
+    variants: {
+      tone: {
+        clean: "border-border",
+        subtle: "border-muted bg-muted/10",
+        brand: "border-primary/20 bg-primary/5",
+        contrast: "border-zinc-700 bg-zinc-900 text-zinc-100"
+      },
+      variant: {
+        default: "",
+        floating: "bottom-4 left-4 right-4 rounded-2xl border-2 shadow-lg",
+        minimal: "border-0 bg-transparent backdrop-blur-none"
+      }
+    },
+    defaultVariants: {
+      tone: "clean",
+      variant: "default"
+    }
+  }
+), j = d(
+  "flex flex-col items-center justify-center gap-1 rounded-lg transition-all duration-200",
+  {
+    variants: {
+      size: {
+        sm: "px-2 py-1.5 text-[10px] min-w-[50px]",
+        md: "px-2.5 py-2 text-xs min-w-[60px]",
+        lg: "px-3 py-2 text-xs min-w-[70px]",
+        xl: "px-4 py-2.5 text-sm min-w-[80px]",
+        full: "px-4 py-3 text-sm min-w-[90px]"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+), T = w(({
+  tabs: l,
+  activeTab: o,
+  defaultActiveTab: m,
+  onTabClick: c,
+  tone: p = "clean",
+  size: e = "md",
+  variant: i = "default",
+  showLabels: u = !0,
+  className: x
+}, f) => {
+  const [b, g] = k(m || l[0]?.key), h = o !== void 0 ? o : b, v = (t) => {
+    o === void 0 && g(t), c?.(t);
+  };
+  return /* @__PURE__ */ s("div", { ref: f, className: n(B({ tone: p, variant: i }), x), children: [
+    /* @__PURE__ */ r("div", { className: n(
+      "flex items-center",
+      i === "floating" ? "justify-around px-2 h-14" : "justify-around h-16 px-2"
+    ), children: l.map((t) => {
+      const a = h === t.key;
+      return /* @__PURE__ */ s(
+        "button",
+        {
+          onClick: () => v(t.key),
+          className: n(
+            j({ size: e }),
+            "relative font-medium",
+            a ? "text-primary" : "text-muted-foreground hover:text-foreground active:scale-95"
+          ),
+          "aria-label": t.label,
+          "aria-current": a ? "page" : void 0,
+          children: [
+            t.icon && /* @__PURE__ */ s("span", { className: n(
+              "relative transition-transform",
+              a && "scale-110",
+              e === "sm" ? "h-4 w-4" : e === "md" ? "h-5 w-5" : "h-6 w-6"
+            ), children: [
+              y.createElement(t.icon, {
+                className: e === "sm" ? "h-4 w-4" : e === "md" ? "h-5 w-5" : "h-6 w-6"
+              }),
+              t.badge && /* @__PURE__ */ r(
+                N,
+                {
+                  variant: "destructive",
+                  className: "absolute -right-2 -top-2 h-4 min-w-[16px] px-1 text-[10px] font-bold",
+                  children: t.badge
+                }
+              )
+            ] }),
+            u && /* @__PURE__ */ r("span", { className: n(
+              "truncate max-w-full transition-all",
+              a && "font-semibold"
+            ), children: t.label }),
+            a && /* @__PURE__ */ r("span", { className: "absolute -top-px left-1/2 h-0.5 w-8 -translate-x-1/2 rounded-full bg-primary" })
+          ]
+        },
+        t.key
+      );
+    }) }),
+    i !== "floating" && /* @__PURE__ */ r("div", { className: "h-safe-bottom", style: { paddingBottom: "env(safe-area-inset-bottom)" } })
+  ] });
+});
+T.displayName = "TabBar";
+export {
+  T as TabBar
+};
+//# sourceMappingURL=tab-bar.js.map

package/dist/tab-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-bar.js","sources":["../src/components/sections/tab-bar.tsx"],"sourcesContent":["/**\n * TabBar Section - Mobile bottom navigation tabs\n * @module @bloomneo/uikit\n * @file src/components/sections/tab-bar.tsx\n */\n\nimport * as React from 'react';\nimport { forwardRef, useState } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '@/lib/utils';\nimport { Badge } from '@/components/ui/badge';\nimport type { NavigationItem, Size, Tone } from '@/types';\n\n/**\n * TabBar variant styles\n */\nexport type TabBarVariant = 'default' | 'floating' | 'minimal';\n\n/**\n * TabBar container variants\n */\nconst tabBarVariants = cva(\n  'fixed bottom-0 left-0 right-0 z-50 border-t bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60',\n  {\n    variants: {\n      tone: {\n        clean: 'border-border',\n        subtle: 'border-muted bg-muted/10',\n        brand: 'border-primary/20 bg-primary/5',\n        contrast: 'border-zinc-700 bg-zinc-900 text-zinc-100'\n      },\n      variant: {\n        default: '',\n        floating: 'bottom-4 left-4 right-4 rounded-2xl border-2 shadow-lg',\n        minimal: 'border-0 bg-transparent backdrop-blur-none'\n      }\n    },\n    defaultVariants: {\n      tone: 'clean',\n      variant: 'default'\n    }\n  }\n);\n\n/**\n * Tab button variants based on size\n */\nconst tabButtonVariants = cva(\n  'flex flex-col items-center justify-center gap-1 rounded-lg transition-all duration-200',\n  {\n    variants: {\n      size: {\n        sm: 'px-2 py-1.5 text-[10px] min-w-[50px]',\n        md: 'px-2.5 py-2 text-xs min-w-[60px]',\n        lg: 'px-3 py-2 text-xs min-w-[70px]',\n        xl: 'px-4 py-2.5 text-sm min-w-[80px]',\n        full: 'px-4 py-3 text-sm min-w-[90px]'\n      }\n    },\n    defaultVariants: {\n      size: 'md'\n    }\n  }\n);\n\n/**\n * TabBar Component Props\n */\nexport interface TabBarProps {\n  /** REQUIRED: Navigation tabs */\n  tabs: NavigationItem[];\n  /** OPTIONAL: Currently active tab ID */\n  activeTab?: string;\n  /** OPTIONAL: Default active tab ID */\n  defaultActiveTab?: string;\n  /** OPTIONAL: Tab click handler */\n  onTabClick?: (tabId: string) => void;\n  /** OPTIONAL: Visual styling tone (default: \"clean\") */\n  tone?: Tone;\n  /** OPTIONAL: Tab size (default: \"md\") */\n  size?: Size;\n  /** OPTIONAL: Tab bar variant (default: \"default\") */\n  variant?: TabBarVariant;\n  /** OPTIONAL: Show labels (default: true) */\n  showLabels?: boolean;\n  /** OPTIONAL: Additional CSS classes */\n  className?: string;\n}\n\n/**\n * TabBar - Mobile bottom navigation tabs\n * Supports icons, badges, and multiple visual variants\n *\n * @llm-usage\n * <TabBar\n *   tabs={[\n *     { id: 'home', label: 'Home', icon: <HomeIcon />, badge: 3 },\n *     { id: 'profile', label: 'Profile', icon: <UserIcon /> }\n *   ]}\n *   activeTab=\"home\"\n *   onTabClick={(id) => navigate(`/${id}`)}\n *   tone=\"clean\"\n *   size=\"md\"\n * />\n *\n * @example Default tab bar\n * <TabBar tabs={tabs} activeTab=\"home\" onTabClick={handleTabClick} />\n *\n * @example Floating variant\n * <TabBar tabs={tabs} variant=\"floating\" tone=\"brand\" />\n *\n * @example Minimal (icons only)\n * <TabBar tabs={tabs} variant=\"minimal\" showLabels={false} />\n */\nexport const TabBar = forwardRef<HTMLDivElement, TabBarProps>(({\n  tabs,\n  activeTab: controlledActiveTab,\n  defaultActiveTab,\n  onTabClick,\n  tone = 'clean',\n  size = 'md',\n  variant = 'default',\n  showLabels = true,\n  className,\n}, ref) => {\n  // Controlled or uncontrolled state\n  const [internalActiveTab, setInternalActiveTab] = useState(defaultActiveTab || tabs[0]?.key);\n  const activeTab = controlledActiveTab !== undefined ? controlledActiveTab : internalActiveTab;\n\n  const handleTabClick = (tabId: string) => {\n    if (controlledActiveTab === undefined) {\n      setInternalActiveTab(tabId);\n    }\n    onTabClick?.(tabId);\n  };\n\n  return (\n    <div ref={ref} className={cn(tabBarVariants({ tone, variant }), className)}>\n      <div className={cn(\n        'flex items-center',\n        variant === 'floating' ? 'justify-around px-2 h-14' : 'justify-around h-16 px-2'\n      )}>\n        {tabs.map((tab) => {\n          const isActive = activeTab === tab.key;\n\n          return (\n            <button\n              key={tab.key}\n              onClick={() => handleTabClick(tab.key)}\n              className={cn(\n                tabButtonVariants({ size }),\n                'relative font-medium',\n                isActive\n                  ? 'text-primary'\n                  : 'text-muted-foreground hover:text-foreground active:scale-95'\n              )}\n              aria-label={tab.label}\n              aria-current={isActive ? 'page' : undefined}\n            >\n              {/* Icon */}\n              {tab.icon && (\n                <span className={cn(\n                  'relative transition-transform',\n                  isActive && 'scale-110',\n                  size === 'sm' ? 'h-4 w-4' : size === 'md' ? 'h-5 w-5' : 'h-6 w-6'\n                )}>\n                  {React.createElement(tab.icon, {\n                    className: size === 'sm' ? 'h-4 w-4' : size === 'md' ? 'h-5 w-5' : 'h-6 w-6'\n                  })}\n\n                  {/* Badge */}\n                  {tab.badge && (\n                    <Badge\n                      variant=\"destructive\"\n                      className=\"absolute -right-2 -top-2 h-4 min-w-[16px] px-1 text-[10px] font-bold\"\n                    >\n                      {tab.badge}\n                    </Badge>\n                  )}\n                </span>\n              )}\n\n              {/* Label */}\n              {showLabels && (\n                <span className={cn(\n                  'truncate max-w-full transition-all',\n                  isActive && 'font-semibold'\n                )}>\n                  {tab.label}\n                </span>\n              )}\n\n              {/* Active indicator */}\n              {isActive && (\n                <span className=\"absolute -top-px left-1/2 h-0.5 w-8 -translate-x-1/2 rounded-full bg-primary\" />\n              )}\n            </button>\n          );\n        })}\n      </div>\n\n      {/* Safe area for iOS home indicator */}\n      {variant !== 'floating' && (\n        <div className=\"h-safe-bottom\" style={{ paddingBottom: 'env(safe-area-inset-bottom)' }} />\n      )}\n    </div>\n  );\n});\n\nTabBar.displayName = 'TabBar';\n"],"names":["tabBarVariants","cva","tabButtonVariants","TabBar","forwardRef","tabs","controlledActiveTab","defaultActiveTab","onTabClick","tone","size","variant","showLabels","className","ref","internalActiveTab","setInternalActiveTab","useState","activeTab","handleTabClick","tabId","jsxs","cn","jsx","tab","isActive","React","Badge"],"mappings":"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"}

package/dist/table.js

@@ -0,0 +1,115 @@
+import { jsx as a } from "react/jsx-runtime";
+import { c as o } from "./utils-CwJPJKOE.js";
+function n({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ a(
+        "table",
+        {
+          "data-slot": "table",
+          className: o("w-full caption-bottom text-sm", t),
+          ...e
+        }
+      )
+    }
+  );
+}
+function s({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: o("[&_tr]:border-b", t),
+      ...e
+    }
+  );
+}
+function d({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: o("[&_tr:last-child]:border-0", t),
+      ...e
+    }
+  );
+}
+function c({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: o(
+        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function b({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: o(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function i({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: o(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function m({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: o(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function u({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: o("text-muted-foreground mt-4 text-sm", t),
+      ...e
+    }
+  );
+}
+export {
+  n as Table,
+  d as TableBody,
+  u as TableCaption,
+  m as TableCell,
+  c as TableFooter,
+  i as TableHead,
+  s as TableHeader,
+  b as TableRow
+};
+//# sourceMappingURL=table.js.map

package/dist/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Table({ className, ...props }: React.ComponentProps<\"table\">) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      className=\"relative w-full overflow-x-auto\"\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<\"thead\">) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\"[&_tr]:border-b\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"bg-muted/50 border-t font-medium [&>tr]:last:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<\"th\">) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<\"td\">) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"text-muted-foreground mt-4 text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n}\n"],"names":["Table","className","props","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;AAIA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAwC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAU;AAAA,MAEV,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,UACvD,GAAGC;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAEA,SAASG,EAAY,EAAE,WAAAJ,GAAW,GAAGC,KAAwC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,mBAAmBH,CAAS;AAAA,MACzC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU,EAAE,WAAAL,GAAW,GAAGC,KAAwC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,8BAA8BH,CAAS;AAAA,MACpD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY,EAAE,WAAAN,GAAW,GAAGC,KAAwC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAS,EAAE,WAAAP,GAAW,GAAGC,KAAqC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAU,EAAE,WAAAR,GAAW,GAAGC,KAAqC;AACtE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAU,EAAE,WAAAT,GAAW,GAAGC,KAAqC;AACtE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAa;AAAA,EACpB,WAAAV;AAAA,EACA,GAAGC;AACL,GAAoC;AAClC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCH,CAAS;AAAA,MAC5D,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/tabs.js

@@ -0,0 +1,218 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as f from "react";
+import { u as M, c as T } from "./index-C0UREtMP.js";
+import { c as k } from "./index-DFZozV_h.js";
+import { c as h, R as E, I as F } from "./index-DFi6WydO.js";
+import { P as $ } from "./index-BCjJQGh8.js";
+import { P as m } from "./index-BVRIAMfe.js";
+import { u as D } from "./index-1QHKgw6D.js";
+import { u as V } from "./index-xqkGMOJ8.js";
+import { c as p } from "./utils-CwJPJKOE.js";
+var g = "Tabs", [G, Z] = k(g, [
+  h
+]), C = h(), [L, x] = G(g), I = f.forwardRef(
+  (e, t) => {
+    const {
+      __scopeTabs: c,
+      value: a,
+      onValueChange: i,
+      defaultValue: d,
+      orientation: o = "horizontal",
+      dir: u,
+      activationMode: b = "automatic",
+      ...v
+    } = e, s = D(u), [n, l] = M({
+      prop: a,
+      onChange: i,
+      defaultProp: d ?? "",
+      caller: g
+    });
+    return /* @__PURE__ */ r(
+      L,
+      {
+        scope: c,
+        baseId: V(),
+        value: n,
+        onValueChange: l,
+        orientation: o,
+        dir: s,
+        activationMode: b,
+        children: /* @__PURE__ */ r(
+          m.div,
+          {
+            dir: s,
+            "data-orientation": o,
+            ...v,
+            ref: t
+          }
+        )
+      }
+    );
+  }
+);
+I.displayName = g;
+var y = "TabsList", _ = f.forwardRef(
+  (e, t) => {
+    const { __scopeTabs: c, loop: a = !0, ...i } = e, d = x(y, c), o = C(c);
+    return /* @__PURE__ */ r(
+      E,
+      {
+        asChild: !0,
+        ...o,
+        orientation: d.orientation,
+        dir: d.dir,
+        loop: a,
+        children: /* @__PURE__ */ r(
+          m.div,
+          {
+            role: "tablist",
+            "aria-orientation": d.orientation,
+            ...i,
+            ref: t
+          }
+        )
+      }
+    );
+  }
+);
+_.displayName = y;
+var N = "TabsTrigger", R = f.forwardRef(
+  (e, t) => {
+    const { __scopeTabs: c, value: a, disabled: i = !1, ...d } = e, o = x(N, c), u = C(c), b = P(o.baseId, a), v = S(o.baseId, a), s = a === o.value;
+    return /* @__PURE__ */ r(
+      F,
+      {
+        asChild: !0,
+        ...u,
+        focusable: !i,
+        active: s,
+        children: /* @__PURE__ */ r(
+          m.button,
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": s,
+            "aria-controls": v,
+            "data-state": s ? "active" : "inactive",
+            "data-disabled": i ? "" : void 0,
+            disabled: i,
+            id: b,
+            ...d,
+            ref: t,
+            onMouseDown: T(e.onMouseDown, (n) => {
+              !i && n.button === 0 && n.ctrlKey === !1 ? o.onValueChange(a) : n.preventDefault();
+            }),
+            onKeyDown: T(e.onKeyDown, (n) => {
+              [" ", "Enter"].includes(n.key) && o.onValueChange(a);
+            }),
+            onFocus: T(e.onFocus, () => {
+              const n = o.activationMode !== "manual";
+              !s && !i && n && o.onValueChange(a);
+            })
+          }
+        )
+      }
+    );
+  }
+);
+R.displayName = N;
+var w = "TabsContent", A = f.forwardRef(
+  (e, t) => {
+    const { __scopeTabs: c, value: a, forceMount: i, children: d, ...o } = e, u = x(w, c), b = P(u.baseId, a), v = S(u.baseId, a), s = a === u.value, n = f.useRef(s);
+    return f.useEffect(() => {
+      const l = requestAnimationFrame(() => n.current = !1);
+      return () => cancelAnimationFrame(l);
+    }, []), /* @__PURE__ */ r($, { present: i || s, children: ({ present: l }) => /* @__PURE__ */ r(
+      m.div,
+      {
+        "data-state": s ? "active" : "inactive",
+        "data-orientation": u.orientation,
+        role: "tabpanel",
+        "aria-labelledby": b,
+        hidden: !l,
+        id: v,
+        tabIndex: 0,
+        ...o,
+        ref: t,
+        style: {
+          ...e.style,
+          animationDuration: n.current ? "0s" : void 0
+        },
+        children: l && d
+      }
+    ) });
+  }
+);
+A.displayName = w;
+function P(e, t) {
+  return `${e}-trigger-${t}`;
+}
+function S(e, t) {
+  return `${e}-content-${t}`;
+}
+var j = I, z = _, K = R, B = A;
+function ee({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    j,
+    {
+      "data-slot": "tabs",
+      className: p("flex flex-col gap-2", e),
+      ...t
+    }
+  );
+}
+function te({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    z,
+    {
+      "data-slot": "tabs-list",
+      className: p(
+        "bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function ae({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    K,
+    {
+      "data-slot": "tabs-trigger",
+      className: p(
+        "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function oe({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ r(
+    B,
+    {
+      "data-slot": "tabs-content",
+      className: p("flex-1 outline-none", e),
+      ...t
+    }
+  );
+}
+export {
+  ee as Tabs,
+  oe as TabsContent,
+  te as TabsList,
+  ae as TabsTrigger
+};
+//# sourceMappingURL=tabs.js.map