@koide-labs/ui 0.0.15 → 0.1.1

package/dist/components/switch/index.js

@@ -1,197 +1,5 @@
 "use client";
-import { jsxs as ae, jsx as d } from "react/jsx-runtime";
-import { View as se } from "../view/index.js";
-import * as s from "react";
-import { f as ie } from "../../formatErrorMessage-BqPuTBN-.js";
-import { c as re, m as ce, u as M } from "../../useRenderElement-DwToLA61.js";
-import { f as de, c as le, a as O, u as ue, b as fe } from "../../LabelableContext-BMvjVwor.js";
-import { u as me } from "../../useControlled-Du4sJyMj.js";
-import { u as pe } from "../../useStableCallback-CkTrVkNX.js";
-import { u as he } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
-import { v as ke } from "../../visuallyHidden-CpJ-mhai.js";
-import { u as ve } from "../../useBaseUiId-B7WyxtIE.js";
-import { u as Ce } from "../../useLabelableId-Ci_jDvmv.js";
-import { c as be, n as ye } from "../../createBaseUIEventDetails-D8M2Yl-a.js";
-import { u as we } from "../../useValueChanged-DL757-yD.js";
-import { u as ge } from "../../useButton-DfIwsdb8.js";
-import '../../index23.css';const b = /* @__PURE__ */ s.createContext(void 0);
-process.env.NODE_ENV !== "production" && (b.displayName = "SwitchRootContext");
-function xe() {
-  const e = s.useContext(b);
-  if (e === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SwitchRootContext is missing. Switch parts must be placed within <Switch.Root>." : ie(63));
-  return e;
-}
-let B = /* @__PURE__ */ (function(e) {
-  return e.checked = "data-checked", e.unchecked = "data-unchecked", e.disabled = "data-disabled", e.readonly = "data-readonly", e.required = "data-required", e.valid = "data-valid", e.invalid = "data-invalid", e.touched = "data-touched", e.dirty = "data-dirty", e.filled = "data-filled", e.focused = "data-focused", e;
-})({});
-const T = {
-  ...de,
-  checked(e) {
-    return e ? {
-      [B.checked]: ""
-    } : {
-      [B.unchecked]: ""
-    };
-  }
-}, q = /* @__PURE__ */ s.forwardRef(function(i, m) {
-  const {
-    checked: y,
-    className: j,
-    defaultChecked: p,
-    id: h,
-    inputRef: k,
-    name: v,
-    nativeButton: U = !1,
-    onCheckedChange: H,
-    readOnly: l = !1,
-    required: u = !1,
-    disabled: z = !1,
-    render: Ee,
-    uncheckedValue: w,
-    ...D
-  } = i, {
-    clearErrors: G
-  } = le(), {
-    state: g,
-    setTouched: J,
-    setDirty: K,
-    validityData: Q,
-    setFilled: C,
-    setFocused: x,
-    shouldValidateOnChange: W,
-    validationMode: X,
-    disabled: Y,
-    name: Z,
-    validation: n
-  } = O(), {
-    labelId: $
-  } = ue(), o = Y || z, r = Z ?? v, _ = pe(H), c = s.useRef(null), E = re(c, k, n.inputRef), f = s.useRef(null), N = ve(), R = Ce({
-    id: h,
-    implicit: !1,
-    controlRef: f
-  }), [t, P] = me({
-    controlled: y,
-    default: !!p,
-    name: "Switch",
-    state: "checked"
-  });
-  fe({
-    id: N,
-    commit: n.commit,
-    value: t,
-    controlRef: f,
-    name: r,
-    getValue: () => t
-  }), he(() => {
-    c.current && C(c.current.checked);
-  }, [c, C]), we(t, () => {
-    G(r), K(t !== Q.initialValue), C(t), W() ? n.commit(t) : n.commit(t, !0);
-  });
-  const {
-    getButtonProps: A,
-    buttonRef: ee
-  } = ge({
-    disabled: o,
-    native: U
-  }), te = {
-    id: N,
-    role: "switch",
-    "aria-checked": t,
-    "aria-readonly": l || void 0,
-    "aria-labelledby": $,
-    onFocus() {
-      o || x(!0);
-    },
-    onBlur() {
-      const a = c.current;
-      !a || o || (J(!0), x(!1), X === "onBlur" && n.commit(a.checked));
-    },
-    onClick(a) {
-      l || o || (a.preventDefault(), c?.current?.click());
-    }
-  }, ne = s.useMemo(() => ce({
-    checked: t,
-    disabled: o,
-    id: R,
-    name: r,
-    required: u,
-    style: ke,
-    tabIndex: -1,
-    type: "checkbox",
-    "aria-hidden": !0,
-    ref: E,
-    onChange(a) {
-      if (a.nativeEvent.defaultPrevented)
-        return;
-      const I = a.target.checked, S = be(ye, a.nativeEvent);
-      _?.(I, S), !S.isCanceled && P(I);
-    },
-    onFocus() {
-      f.current?.focus();
-    }
-  }, n.getInputValidationProps), [t, o, E, R, r, _, u, P, n]), V = s.useMemo(() => ({
-    ...g,
-    checked: t,
-    disabled: o,
-    readOnly: l,
-    required: u
-  }), [g, t, o, l, u]), oe = M("span", i, {
-    state: V,
-    ref: [m, f, ee],
-    props: [te, n.getValidationProps, D, A],
-    stateAttributesMapping: T
-  });
-  return /* @__PURE__ */ ae(b.Provider, {
-    value: V,
-    children: [oe, !t && r && w !== void 0 && /* @__PURE__ */ d("input", {
-      type: "hidden",
-      name: r,
-      value: w
-    }), /* @__PURE__ */ d("input", {
-      ...ne
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (q.displayName = "SwitchRoot");
-const L = /* @__PURE__ */ s.forwardRef(function(i, m) {
-  const {
-    render: y,
-    className: j,
-    ...p
-  } = i, {
-    state: h
-  } = O(), k = xe(), v = {
-    ...h,
-    ...k
-  };
-  return M("span", i, {
-    state: v,
-    ref: m,
-    stateAttributesMapping: T,
-    props: p
-  });
-});
-process.env.NODE_ENV !== "production" && (L.displayName = "SwitchThumb");
-const _e = "_switch__thumb_not9b_24", F = {
-  switch: "_switch_not9b_1",
-  switch__thumb: _e
-};
-function Ue({
-  color: e = "primary",
-  ...i
-}) {
-  return /* @__PURE__ */ d(
-    se,
-    {
-      render: /* @__PURE__ */ d(q, { ...i }),
-      className: F.switch,
-      interactive: "fill-outline",
-      color: e,
-      children: /* @__PURE__ */ d(L, { className: F.switch__thumb })
-    }
-  );
-}
+import { Switch as c } from "./switch.js";
 export {
-  Ue as Switch
+  c as Switch
 };

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,10 @@
+import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
+import { Color } from '../view';
+export interface SwitchProps extends SwitchPrimitive.Root.Props {
+    color?: Color;
+}
+declare function Switch({ color, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export { Switch };
+export declare namespace Switch {
+    type Props = SwitchProps;
+}

package/dist/components/switch/switch.js

@@ -0,0 +1,193 @@
+import { jsxs as ae, jsx as d } from "react/jsx-runtime";
+import { View as se } from "../view/view.js";
+import * as s from "react";
+import { f as ie } from "../../formatErrorMessage-BqPuTBN-.js";
+import { d as re, m as ce, u as M } from "../../useRenderElement-DngNDu_P.js";
+import { f as de, c as le, a as O, u as ue, b as fe } from "../../LabelableContext-Be1u-eFg.js";
+import { u as me } from "../../useControlled-Du4sJyMj.js";
+import { u as pe } from "../../useStableCallback-DKZHlUAT.js";
+import { u as he } from "../../useIsoLayoutEffect-CIDbvm3Q.js";
+import { v as ke } from "../../visuallyHidden-CpJ-mhai.js";
+import { u as ve } from "../../useBaseUiId-B7WyxtIE.js";
+import { u as Ce } from "../../useLabelableId-CX4tcfzK.js";
+import { c as ye, n as be } from "../../createBaseUIEventDetails-CCSfZ2vM.js";
+import { u as we } from "../../useValueChanged-MJRmEWz1.js";
+import { u as ge } from "../../useButton-d3_JgBNr.js";
+import '../../switch.css';const y = /* @__PURE__ */ s.createContext(void 0);
+process.env.NODE_ENV !== "production" && (y.displayName = "SwitchRootContext");
+function xe() {
+  const e = s.useContext(y);
+  if (e === void 0)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SwitchRootContext is missing. Switch parts must be placed within <Switch.Root>." : ie(63));
+  return e;
+}
+let B = /* @__PURE__ */ (function(e) {
+  return e.checked = "data-checked", e.unchecked = "data-unchecked", e.disabled = "data-disabled", e.readonly = "data-readonly", e.required = "data-required", e.valid = "data-valid", e.invalid = "data-invalid", e.touched = "data-touched", e.dirty = "data-dirty", e.filled = "data-filled", e.focused = "data-focused", e;
+})({});
+const T = {
+  ...de,
+  checked(e) {
+    return e ? {
+      [B.checked]: ""
+    } : {
+      [B.unchecked]: ""
+    };
+  }
+}, q = /* @__PURE__ */ s.forwardRef(function(i, m) {
+  const {
+    checked: b,
+    className: j,
+    defaultChecked: p,
+    id: h,
+    inputRef: k,
+    name: v,
+    nativeButton: U = !1,
+    onCheckedChange: H,
+    readOnly: l = !1,
+    required: u = !1,
+    disabled: z = !1,
+    render: Ee,
+    uncheckedValue: w,
+    ...D
+  } = i, {
+    clearErrors: G
+  } = le(), {
+    state: g,
+    setTouched: J,
+    setDirty: K,
+    validityData: Q,
+    setFilled: C,
+    setFocused: x,
+    shouldValidateOnChange: W,
+    validationMode: X,
+    disabled: Y,
+    name: Z,
+    validation: n
+  } = O(), {
+    labelId: $
+  } = ue(), o = Y || z, r = Z ?? v, _ = pe(H), c = s.useRef(null), E = re(c, k, n.inputRef), f = s.useRef(null), N = ve(), R = Ce({
+    id: h,
+    implicit: !1,
+    controlRef: f
+  }), [t, P] = me({
+    controlled: b,
+    default: !!p,
+    name: "Switch",
+    state: "checked"
+  });
+  fe({
+    id: N,
+    commit: n.commit,
+    value: t,
+    controlRef: f,
+    name: r,
+    getValue: () => t
+  }), he(() => {
+    c.current && C(c.current.checked);
+  }, [c, C]), we(t, () => {
+    G(r), K(t !== Q.initialValue), C(t), W() ? n.commit(t) : n.commit(t, !0);
+  });
+  const {
+    getButtonProps: A,
+    buttonRef: ee
+  } = ge({
+    disabled: o,
+    native: U
+  }), te = {
+    id: N,
+    role: "switch",
+    "aria-checked": t,
+    "aria-readonly": l || void 0,
+    "aria-labelledby": $,
+    onFocus() {
+      o || x(!0);
+    },
+    onBlur() {
+      const a = c.current;
+      !a || o || (J(!0), x(!1), X === "onBlur" && n.commit(a.checked));
+    },
+    onClick(a) {
+      l || o || (a.preventDefault(), c?.current?.click());
+    }
+  }, ne = s.useMemo(() => ce({
+    checked: t,
+    disabled: o,
+    id: R,
+    name: r,
+    required: u,
+    style: ke,
+    tabIndex: -1,
+    type: "checkbox",
+    "aria-hidden": !0,
+    ref: E,
+    onChange(a) {
+      if (a.nativeEvent.defaultPrevented)
+        return;
+      const I = a.target.checked, S = ye(be, a.nativeEvent);
+      _?.(I, S), !S.isCanceled && P(I);
+    },
+    onFocus() {
+      f.current?.focus();
+    }
+  }, n.getInputValidationProps), [t, o, E, R, r, _, u, P, n]), V = s.useMemo(() => ({
+    ...g,
+    checked: t,
+    disabled: o,
+    readOnly: l,
+    required: u
+  }), [g, t, o, l, u]), oe = M("span", i, {
+    state: V,
+    ref: [m, f, ee],
+    props: [te, n.getValidationProps, D, A],
+    stateAttributesMapping: T
+  });
+  return /* @__PURE__ */ ae(y.Provider, {
+    value: V,
+    children: [oe, !t && r && w !== void 0 && /* @__PURE__ */ d("input", {
+      type: "hidden",
+      name: r,
+      value: w
+    }), /* @__PURE__ */ d("input", {
+      ...ne
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (q.displayName = "SwitchRoot");
+const L = /* @__PURE__ */ s.forwardRef(function(i, m) {
+  const {
+    render: b,
+    className: j,
+    ...p
+  } = i, {
+    state: h
+  } = O(), k = xe(), v = {
+    ...h,
+    ...k
+  };
+  return M("span", i, {
+    state: v,
+    ref: m,
+    stateAttributesMapping: T,
+    props: p
+  });
+});
+process.env.NODE_ENV !== "production" && (L.displayName = "SwitchThumb");
+const _e = "_switch__thumb_m68cc_25", F = {
+  switch: "_switch_m68cc_2",
+  switch__thumb: _e
+};
+function Ue({ color: e = "primary", ...i }) {
+  return /* @__PURE__ */ d(
+    se,
+    {
+      render: /* @__PURE__ */ d(q, { ...i }),
+      className: F.switch,
+      interactive: "fill-outline",
+      color: e,
+      children: /* @__PURE__ */ d(L, { className: F.switch__thumb })
+    }
+  );
+}
+export {
+  Ue as Switch
+};

package/dist/components/tabs/index.d.ts

@@ -1,18 +1 @@
-import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
-import { ButtonProps } from '../button';
-type TabsTriggerProps = {
-    value: TabsPrimitive.Tab.Props["value"];
-    /** Show indicator that tab is complete.  */
-    complete?: boolean;
-} & ButtonProps;
-type TabsVariant = "default" | "progress" | "button-group";
-export interface TabsProps extends TabsPrimitive.Root.Props {
-    /** Tabs styling that we should use. Defaults to "default". */
-    variant?: TabsVariant;
-    /** Disable all triggers */
-    disabled?: boolean;
-    tabs: Array<TabsTriggerProps>;
-}
-export declare function Tabs({ variant, disabled, tabs, className, children, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
-export declare function TabsPanel({ children, ...props }: TabsPrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
-export {};
+export { Tabs } from './tabs';