@oneb/ui-vue 0.3.32 → 0.4.1

package/dist/popover/OnePopover.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/popover/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),c=require("@floating-ui/dom"),k={placement:{type:String,default:"bottom"},trigger:{type:String,default:"click"},offset:{type:Number,default:8},disabled:{type:Boolean,default:!1},closeDelayMs:{type:Number,default:150},contentClass:{type:String,default:""}},S=e.defineComponent({__name:"OnePopover",props:k,emits:["open","close"],setup(y,{expose:b,emit:h}){const r=y,f=h,l=e.ref(!1),s=e.ref(null),n=e.ref(null);let o=null,i;const d=()=>{!s.value||!n.value||c.computePosition(s.value,n.value,{placement:r.placement,strategy:"fixed",middleware:[c.offset(r.offset),c.flip(),c.shift({padding:8})]}).then(({x:t,y:g})=>{n.value&&Object.assign(n.value.style,{left:`${t}px`,top:`${g}px`})})};e.watch(l,t=>{t&&s.value&&n.value?(d(),o=c.autoUpdate(s.value,n.value,d),f("open")):(o==null||o(),o=null,t||f("close"))});const u=()=>{r.disabled||(l.value=!0)},a=()=>{l.value=!1},p=()=>l.value?a():u(),m=()=>{clearTimeout(i),i=setTimeout(a,r.closeDelayMs)},v=()=>clearTimeout(i),C=e.computed(()=>r.trigger==="hover"?{mouseenter:()=>{v(),u()},mouseleave:m}:{}),B=()=>{r.trigger==="click"&&p()},P=e.computed(()=>r.trigger==="hover"?{mouseenter:v,mouseleave:m}:{});return e.onBeforeUnmount(()=>{clearTimeout(i),o==null||o()}),b({open:u,close:a,toggle:p}),(t,g)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",e.mergeProps({ref_key:"triggerRef",ref:s,class:"inline-block"},e.toHandlers(C.value,!0),{onClickCapture:B}),[e.renderSlot(t.$slots,"trigger",{isOpen:l.value,toggle:p})],16),(e.openBlock(),e.createBlock(e.Teleport,{to:"body"},[t.trigger==="click"&&l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"fixed inset-0 z-[9998]","data-test":"popover-backdrop",onClick:a})):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("div",e.mergeProps({ref_key:"contentRef",ref:n,class:["fixed z-[9999] top-0 left-0 bg-white border border-primary-stroke rounded-10 shadow-lg",t.contentClass],role:"tooltip","data-test":"popover-content"},e.toHandlers(P.value,!0)),[e.renderSlot(t.$slots,"default",{close:a})],16),[[e.vShow,l.value]])]))],64))}});exports.OnePopover=S;exports.popoverProps=k;

package/dist/popover/index.d.ts

@@ -0,0 +1,3 @@
+export { default as OnePopover } from './OnePopover.vue';
+export { popoverProps } from './popover';
+export type { PopoverProps, PopoverPlacement, PopoverTrigger } from './popover';

package/dist/popover/index.js

@@ -0,0 +1,104 @@
+import { defineComponent as N, ref as u, watch as R, computed as k, onBeforeUnmount as _, openBlock as f, createElementBlock as y, Fragment as $, createElementVNode as h, mergeProps as b, toHandlers as C, renderSlot as T, createBlock as D, Teleport as z, createCommentVNode as E, withDirectives as L, vShow as M } from "vue";
+import { autoUpdate as V, computePosition as j, offset as F, flip as H, shift as q } from "@floating-ui/dom";
+const G = {
+  placement: {
+    type: String,
+    default: "bottom"
+  },
+  trigger: {
+    type: String,
+    default: "click"
+  },
+  offset: {
+    type: Number,
+    default: 8
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  /** Hover-mode close delay, ms. */
+  closeDelayMs: {
+    type: Number,
+    default: 150
+  },
+  contentClass: {
+    type: String,
+    default: ""
+  }
+}, K = /* @__PURE__ */ N({
+  __name: "OnePopover",
+  props: G,
+  emits: ["open", "close"],
+  setup(w, { expose: B, emit: O }) {
+    const o = w, p = O, l = u(!1), s = u(null), r = u(null);
+    let t = null, a;
+    const m = () => {
+      !s.value || !r.value || j(s.value, r.value, {
+        placement: o.placement,
+        strategy: "fixed",
+        middleware: [F(o.offset), H(), q({ padding: 8 })]
+      }).then(({ x: e, y: g }) => {
+        r.value && Object.assign(r.value.style, { left: `${e}px`, top: `${g}px` });
+      });
+    };
+    R(l, (e) => {
+      e && s.value && r.value ? (m(), t = V(s.value, r.value, m), p("open")) : (t == null || t(), t = null, e || p("close"));
+    });
+    const i = () => {
+      o.disabled || (l.value = !0);
+    }, n = () => {
+      l.value = !1;
+    }, c = () => l.value ? n() : i(), d = () => {
+      clearTimeout(a), a = setTimeout(n, o.closeDelayMs);
+    }, v = () => clearTimeout(a), P = k(
+      () => o.trigger === "hover" ? {
+        mouseenter: () => {
+          v(), i();
+        },
+        mouseleave: d
+      } : {}
+    ), S = () => {
+      o.trigger === "click" && c();
+    }, x = k(
+      () => o.trigger === "hover" ? { mouseenter: v, mouseleave: d } : {}
+    );
+    return _(() => {
+      clearTimeout(a), t == null || t();
+    }), B({ open: i, close: n, toggle: c }), (e, g) => (f(), y($, null, [
+      h("div", b({
+        ref_key: "triggerRef",
+        ref: s,
+        class: "inline-block"
+      }, C(P.value, !0), { onClickCapture: S }), [
+        T(e.$slots, "trigger", {
+          isOpen: l.value,
+          toggle: c
+        })
+      ], 16),
+      (f(), D(z, { to: "body" }, [
+        e.trigger === "click" && l.value ? (f(), y("div", {
+          key: 0,
+          class: "fixed inset-0 z-[9998]",
+          "data-test": "popover-backdrop",
+          onClick: n
+        })) : E("", !0),
+        L(h("div", b({
+          ref_key: "contentRef",
+          ref: r,
+          class: ["fixed z-[9999] top-0 left-0 bg-white border border-primary-stroke rounded-10 shadow-lg", e.contentClass],
+          role: "tooltip",
+          "data-test": "popover-content"
+        }, C(x.value, !0)), [
+          T(e.$slots, "default", { close: n })
+        ], 16), [
+          [M, l.value]
+        ])
+      ]))
+    ], 64));
+  }
+});
+export {
+  K as OnePopover,
+  G as popoverProps
+};

package/dist/popover/popover.d.ts

@@ -0,0 +1,31 @@
+import type { ExtractPropTypes } from 'vue';
+export type PopoverPlacement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'right';
+export type PopoverTrigger = 'click' | 'hover';
+export declare const popoverProps: {
+    placement: {
+        type: PropType<PopoverPlacement>;
+        default: string;
+    };
+    trigger: {
+        type: PropType<PopoverTrigger>;
+        default: string;
+    };
+    offset: {
+        type: NumberConstructor;
+        default: number;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Hover-mode close delay, ms. */
+    closeDelayMs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    contentClass: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export type PopoverProps = ExtractPropTypes<typeof popoverProps>;

package/dist/progress/OneProgress.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/progress/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),r=require("../tailwind.config.cjs"),u=require("../_plugin-vue_export-helper-f246444f.cjs"),c={primary:r.colors.primary.base,secondary:r.colors.secondary.base,success:r.colors.success.base,info:r.colors.info.base,warning:r.colors.warning.base,danger:r.colors.danger.base},t=o=>c[o]??o,i={value:{type:Number,required:!0},variant:{type:String,default:"linear"},color:{type:String,default:"primary"},size:{type:Number,default:20},strokeWidth:{type:Number,default:3}},p=["aria-valuenow"],d=["aria-valuenow"],v=e.defineComponent({__name:"OneProgress",props:i,setup(o){const l=o,s=e.computed(()=>Math.min(100,Math.max(0,l.value))),n=e.computed(()=>t(l.color));return(a,g)=>a.variant==="linear"?(e.openBlock(),e.createElementBlock("div",{key:0,class:"h-2 w-full bg-primary-stroke rounded-full overflow-hidden",role:"progressbar","aria-valuenow":s.value,"aria-valuemin":"0","aria-valuemax":"100"},[e.createElementVNode("div",{class:"h-full rounded-full transition-all duration-300",style:e.normalizeStyle({width:`${s.value}%`,backgroundColor:n.value})},null,4)],8,p)):(e.openBlock(),e.createElementBlock("div",{key:1,class:"one-progress-pie",role:"progressbar","aria-valuenow":s.value,"aria-valuemin":"0","aria-valuemax":"100",style:e.normalizeStyle({"--p":s.value,"--b":`${a.strokeWidth}px`,"--w":`${a.size}px`,"--c":n.value})},null,12,d))}});const m=u._export_sfc(v,[["__scopeId","data-v-80317016"]]);exports.OneProgress=m;exports.progressProps=i;exports.resolveProgressColor=t;

package/dist/progress/index.d.ts

@@ -0,0 +1,3 @@
+export { default as OneProgress } from './OneProgress.vue';
+export { progressProps, resolveProgressColor } from './progress';
+export type { ProgressProps, ProgressVariantType, ProgressColorType } from './progress';

package/dist/progress/index.js

@@ -0,0 +1,74 @@
+import { defineComponent as c, computed as n, openBlock as t, createElementBlock as i, createElementVNode as p, normalizeStyle as u } from "vue";
+import { colors as e } from "../tailwind.config.js";
+import { _ as d } from "../_plugin-vue_export-helper-dad06003.js";
+const m = {
+  primary: e.primary.base,
+  secondary: e.secondary.base,
+  success: e.success.base,
+  info: e.info.base,
+  warning: e.warning.base,
+  danger: e.danger.base
+}, v = (r) => m[r] ?? r, _ = {
+  /** Progress in percent, clamped to 0-100. */
+  value: {
+    type: Number,
+    required: !0
+  },
+  variant: {
+    type: String,
+    default: "linear"
+  },
+  /** Semantic theme color name or any CSS color. */
+  color: {
+    type: String,
+    default: "primary"
+  },
+  /** Circle diameter in px (circle variant only). */
+  size: {
+    type: Number,
+    default: 20
+  },
+  /** Circle stroke width in px (circle variant only). */
+  strokeWidth: {
+    type: Number,
+    default: 3
+  }
+}, y = ["aria-valuenow"], f = ["aria-valuenow"], g = /* @__PURE__ */ c({
+  __name: "OneProgress",
+  props: _,
+  setup(r) {
+    const s = r, a = n(() => Math.min(100, Math.max(0, s.value))), l = n(() => v(s.color));
+    return (o, b) => o.variant === "linear" ? (t(), i("div", {
+      key: 0,
+      class: "h-2 w-full bg-primary-stroke rounded-full overflow-hidden",
+      role: "progressbar",
+      "aria-valuenow": a.value,
+      "aria-valuemin": "0",
+      "aria-valuemax": "100"
+    }, [
+      p("div", {
+        class: "h-full rounded-full transition-all duration-300",
+        style: u({ width: `${a.value}%`, backgroundColor: l.value })
+      }, null, 4)
+    ], 8, y)) : (t(), i("div", {
+      key: 1,
+      class: "one-progress-pie",
+      role: "progressbar",
+      "aria-valuenow": a.value,
+      "aria-valuemin": "0",
+      "aria-valuemax": "100",
+      style: u({
+        "--p": a.value,
+        "--b": `${o.strokeWidth}px`,
+        "--w": `${o.size}px`,
+        "--c": l.value
+      })
+    }, null, 12, f));
+  }
+});
+const x = /* @__PURE__ */ d(g, [["__scopeId", "data-v-80317016"]]);
+export {
+  x as OneProgress,
+  _ as progressProps,
+  v as resolveProgressColor
+};

package/dist/progress/progress.d.ts

@@ -0,0 +1,32 @@
+import type { ExtractPropTypes } from 'vue';
+export type ProgressVariantType = 'linear' | 'circle';
+export type ProgressColorType = 'primary' | 'secondary' | 'success' | 'info' | 'warning' | 'danger';
+/** Resolves a semantic color name to its theme hex; passes CSS colors through. */
+export declare const resolveProgressColor: (color: string) => string;
+export declare const progressProps: {
+    /** Progress in percent, clamped to 0-100. */
+    value: {
+        type: NumberConstructor;
+        required: true;
+    };
+    variant: {
+        type: PropType<ProgressVariantType>;
+        default: string;
+    };
+    /** Semantic theme color name or any CSS color. */
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** Circle diameter in px (circle variant only). */
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /** Circle stroke width in px (circle variant only). */
+    strokeWidth: {
+        type: NumberConstructor;
+        default: number;
+    };
+};
+export type ProgressProps = ExtractPropTypes<typeof progressProps>;

package/dist/searchInput/OneSearchInput.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/searchInput/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),h=require("../MagnifyingGlassIcon-adf871ba.cjs"),v=require("../XMarkIcon-f94baa4c.cjs"),_=require("../spinner/index.cjs"),g=require("../i18n/index.cjs");require("../SpinnerIcon-01be39fe.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");const i={modelValue:{type:String,default:""},loading:{type:Boolean,default:!1},autofocus:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},debounceMs:{type:Number,default:600},clearable:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},t:{type:Function,default:void 0}},k={class:"relative"},V={class:"pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2"},B=["value","disabled","placeholder"],I={class:"absolute inset-y-0 right-0 pr-2 flex items-center"},S=["aria-label"],q=e.defineComponent({__name:"OneSearchInput",props:i,emits:["update:modelValue","clear"],setup(d,{expose:p,emit:m}){const o=d,n=m,f=g.useOnebI18n(),l=e.computed(()=>o.t??f),y=e.computed(()=>o.placeholder??`${l.value("ui.search_input.Search")}...`);let a;const b=t=>{const r=t.target.value;clearTimeout(a),o.debounceMs>0&&r!==""?a=setTimeout(()=>n("update:modelValue",r),o.debounceMs):n("update:modelValue",r)},c=()=>{clearTimeout(a),n("update:modelValue",""),n("clear")},s=e.ref(null);return e.onMounted(()=>{var t;o.autofocus&&((t=s.value)==null||t.focus())}),e.onBeforeUnmount(()=>clearTimeout(a)),p({focus:()=>{var t;return(t=s.value)==null?void 0:t.focus()}}),(t,r)=>{var u;return e.openBlock(),e.createElementBlock("div",k,[e.createElementVNode("div",V,[e.createVNode(e.unref(h.render),{class:"w-4 h-4 text-secondary-content"})]),e.createElementVNode("input",{ref_key:"inputElement",ref:s,value:t.modelValue,type:"text",disabled:t.disabled,class:"pl-8 pr-8 h-10 w-full rounded-10 block border border-primary-stroke focus:border-primary-base focus:ring-primary-base focus:outline-none text-sm duration-200 transition-colors disabled:opacity-50",placeholder:y.value,onInput:b,onKeydown:e.withKeys(c,["esc"])},null,40,B),e.createElementVNode("div",I,[t.loading?(e.openBlock(),e.createBlock(e.unref(_.OneSpinner),{key:0,size:"sm",class:"text-secondary-content"})):t.clearable&&t.modelValue.length>0?(e.openBlock(),e.createElementBlock("button",{key:1,type:"button",class:"p-1 rounded hover:bg-secondary-10 text-secondary-content hover:text-primary-base transition-colors","aria-label":((u=l.value)==null?void 0:u.call(l,"ui.search_input.Clear"))??"Clear",onClick:c},[e.createVNode(e.unref(v.render),{class:"w-4 h-4"})],8,S)):e.createCommentVNode("",!0)])])}}});exports.OneSearchInput=q;exports.searchInputProps=i;

package/dist/searchInput/index.d.ts

@@ -0,0 +1,3 @@
+export { default as OneSearchInput } from './OneSearchInput.vue';
+export { searchInputProps } from './searchInput';
+export type { SearchInputProps } from './searchInput';

package/dist/searchInput/index.js

@@ -0,0 +1,103 @@
+import { defineComponent as g, computed as p, ref as k, onMounted as B, onBeforeUnmount as x, openBlock as s, createElementBlock as m, createElementVNode as c, createVNode as f, unref as u, withKeys as C, createBlock as S, createCommentVNode as w } from "vue";
+import { r as I } from "../MagnifyingGlassIcon-ca213d3d.js";
+import { r as T } from "../XMarkIcon-51ef0691.js";
+import { OneSpinner as E } from "../spinner/index.js";
+import { useOnebI18n as M } from "../i18n/index.js";
+import "../SpinnerIcon-516264ba.js";
+import "../_plugin-vue_export-helper-dad06003.js";
+const N = {
+  modelValue: {
+    type: String,
+    default: ""
+  },
+  loading: {
+    type: Boolean,
+    default: !1
+  },
+  autofocus: {
+    type: Boolean,
+    default: !1
+  },
+  placeholder: {
+    type: String,
+    default: void 0
+  },
+  /** Debounce for update:modelValue in ms; 0 emits immediately. */
+  debounceMs: {
+    type: Number,
+    default: 600
+  },
+  clearable: {
+    type: Boolean,
+    default: !0
+  },
+  disabled: {
+    type: Boolean,
+    default: !1
+  },
+  /** Override the injected translate function. */
+  t: {
+    type: Function,
+    default: void 0
+  }
+}, O = { class: "relative" }, $ = { class: "pointer-events-none absolute inset-y-0 left-0 flex items-center pl-2" }, K = ["value", "disabled", "placeholder"], P = { class: "absolute inset-y-0 right-0 pr-2 flex items-center" }, j = ["aria-label"], H = /* @__PURE__ */ g({
+  __name: "OneSearchInput",
+  props: N,
+  emits: ["update:modelValue", "clear"],
+  setup(b, { expose: y, emit: h }) {
+    const t = b, o = h, v = M(), a = p(() => t.t ?? v), _ = p(
+      () => t.placeholder ?? `${a.value("ui.search_input.Search")}...`
+    );
+    let l;
+    const V = (e) => {
+      const n = e.target.value;
+      clearTimeout(l), t.debounceMs > 0 && n !== "" ? l = setTimeout(() => o("update:modelValue", n), t.debounceMs) : o("update:modelValue", n);
+    }, i = () => {
+      clearTimeout(l), o("update:modelValue", ""), o("clear");
+    }, r = k(null);
+    return B(() => {
+      var e;
+      t.autofocus && ((e = r.value) == null || e.focus());
+    }), x(() => clearTimeout(l)), y({ focus: () => {
+      var e;
+      return (e = r.value) == null ? void 0 : e.focus();
+    } }), (e, n) => {
+      var d;
+      return s(), m("div", O, [
+        c("div", $, [
+          f(u(I), { class: "w-4 h-4 text-secondary-content" })
+        ]),
+        c("input", {
+          ref_key: "inputElement",
+          ref: r,
+          value: e.modelValue,
+          type: "text",
+          disabled: e.disabled,
+          class: "pl-8 pr-8 h-10 w-full rounded-10 block border border-primary-stroke focus:border-primary-base focus:ring-primary-base focus:outline-none text-sm duration-200 transition-colors disabled:opacity-50",
+          placeholder: _.value,
+          onInput: V,
+          onKeydown: C(i, ["esc"])
+        }, null, 40, K),
+        c("div", P, [
+          e.loading ? (s(), S(u(E), {
+            key: 0,
+            size: "sm",
+            class: "text-secondary-content"
+          })) : e.clearable && e.modelValue.length > 0 ? (s(), m("button", {
+            key: 1,
+            type: "button",
+            class: "p-1 rounded hover:bg-secondary-10 text-secondary-content hover:text-primary-base transition-colors",
+            "aria-label": ((d = a.value) == null ? void 0 : d.call(a, "ui.search_input.Clear")) ?? "Clear",
+            onClick: i
+          }, [
+            f(u(T), { class: "w-4 h-4" })
+          ], 8, j)) : w("", !0)
+        ])
+      ]);
+    };
+  }
+});
+export {
+  H as OneSearchInput,
+  N as searchInputProps
+};

package/dist/searchInput/searchInput.d.ts

@@ -0,0 +1,39 @@
+import type { ExtractPropTypes } from 'vue';
+import type { TranslateFunction } from '../i18n/plugin';
+export declare const searchInputProps: {
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    autofocus: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: any;
+    };
+    /** Debounce for update:modelValue in ms; 0 emits immediately. */
+    debounceMs: {
+        type: NumberConstructor;
+        default: number;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Override the injected translate function. */
+    t: {
+        type: PropType<TranslateFunction>;
+        default: any;
+    };
+};
+export type SearchInputProps = ExtractPropTypes<typeof searchInputProps>;

package/dist/settings/OneSettingsLayout.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/settings/OneSettingsRow.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/settings/OneSettingsSection.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/settings/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),i={class:"flex h-full flex-col overflow-hidden sm:flex-row"},a={"aria-label":"Settings navigation",class:"flex shrink-0 gap-1 overflow-x-auto border-b border-primary-stroke bg-secondary-body p-2 sm:w-64 sm:flex-col sm:gap-0.5 sm:overflow-visible sm:border-b-0 sm:border-r sm:py-4 sm:px-0"},d={class:"flex-1"},m={key:1,class:"ml-2 rounded-full bg-primary-10 px-2 py-0.5 text-xs font-semibold text-primary-base"},p={class:"min-w-0 flex-1 overflow-auto p-5"},u=e.defineComponent({__name:"OneSettingsLayout",props:{items:{type:Array,required:!0}},setup(t){const o=t,l=e.computed(()=>o.items.filter(n=>n.show!==!1)),r=n=>typeof n.to=="string"?n.to:JSON.stringify(n.to);return(n,$)=>{const c=e.resolveComponent("router-link");return e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("nav",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,s=>(e.openBlock(),e.createBlock(c,{key:r(s),to:s.to,class:"flex items-center whitespace-nowrap rounded px-4 py-2.5 text-sm font-medium text-gray-700 hover:bg-primary-body-hover sm:rounded-none","active-class":"bg-primary-body-active font-semibold"},{default:e.withCtx(()=>[s.icon?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.icon),{key:0,class:"mr-2.5 h-5 w-5 flex-shrink-0"})):e.createCommentVNode("",!0),e.createElementVNode("span",d,e.toDisplayString(s.label),1),s.badge!=null?(e.openBlock(),e.createElementBlock("span",m,e.toDisplayString(s.badge),1)):e.createCommentVNode("",!0)]),_:2},1032,["to"]))),128))]),e.createElementVNode("div",p,[e.renderSlot(n.$slots,"default")])])}}}),y={class:"bg-[#FAFAFA] rounded-lg p-5 max-w-3xl"},f={key:0,class:"flex items-start justify-between gap-4 mb-2"},k={class:"min-w-0"},b={key:0,class:"text-base font-semibold"},g={key:1,class:"text-sm text-[#979CA9] mt-0.5"},h={key:0,class:"shrink-0"},_=e.defineComponent({__name:"OneSettingsSection",props:{title:{type:String,default:""},hint:{type:String,default:""}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("section",y,[t.title||t.hint||o.$slots.action?(e.openBlock(),e.createElementBlock("div",f,[e.createElementVNode("div",k,[t.title?(e.openBlock(),e.createElementBlock("h2",b,e.toDisplayString(t.title),1)):e.createCommentVNode("",!0),t.hint?(e.openBlock(),e.createElementBlock("p",g,e.toDisplayString(t.hint),1)):e.createCommentVNode("",!0)]),o.$slots.action?(e.openBlock(),e.createElementBlock("div",h,[e.renderSlot(o.$slots,"action")])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default")]))}}),S={class:"flex items-center justify-between gap-4 py-3 border-b border-[#E3ECF2] last:border-b-0"},v={class:"pr-4 min-w-0"},x={class:"font-medium"},B={key:0,class:"text-sm text-[#979CA9]"},w={class:"shrink-0"},E=e.defineComponent({__name:"OneSettingsRow",props:{label:{type:String,default:""},description:{type:String,default:""}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("div",S,[e.createElementVNode("div",v,[e.renderSlot(o.$slots,"label",{},()=>[e.createElementVNode("p",x,e.toDisplayString(t.label),1)]),t.description?(e.openBlock(),e.createElementBlock("p",B,e.toDisplayString(t.description),1)):e.createCommentVNode("",!0)]),e.createElementVNode("div",w,[e.renderSlot(o.$slots,"default")])]))}});exports.OneSettingsLayout=u;exports.OneSettingsRow=E;exports.OneSettingsSection=_;

package/dist/settings/index.d.ts

@@ -0,0 +1,4 @@
+export { default as OneSettingsLayout } from './OneSettingsLayout.vue';
+export { default as OneSettingsSection } from './OneSettingsSection.vue';
+export { default as OneSettingsRow } from './OneSettingsRow.vue';
+export type { SettingsNavItem } from './settings';

package/dist/settings/index.js

@@ -0,0 +1,116 @@
+import { defineComponent as m, computed as y, resolveComponent as b, openBlock as t, createElementBlock as s, createElementVNode as l, Fragment as h, renderList as _, createBlock as u, withCtx as g, resolveDynamicComponent as x, createCommentVNode as i, toDisplayString as a, renderSlot as c } from "vue";
+const v = { class: "flex h-full flex-col overflow-hidden sm:flex-row" }, k = {
+  "aria-label": "Settings navigation",
+  class: "flex shrink-0 gap-1 overflow-x-auto border-b border-primary-stroke bg-secondary-body p-2 sm:w-64 sm:flex-col sm:gap-0.5 sm:overflow-visible sm:border-b-0 sm:border-r sm:py-4 sm:px-0"
+}, w = { class: "flex-1" }, $ = {
+  key: 1,
+  class: "ml-2 rounded-full bg-primary-10 px-2 py-0.5 text-xs font-semibold text-primary-base"
+}, S = { class: "min-w-0 flex-1 overflow-auto p-5" }, I = /* @__PURE__ */ m({
+  __name: "OneSettingsLayout",
+  props: {
+    items: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(e) {
+    const o = e, d = y(() => o.items.filter((n) => n.show !== !1)), p = (n) => typeof n.to == "string" ? n.to : JSON.stringify(n.to);
+    return (n, V) => {
+      const f = b("router-link");
+      return t(), s("div", v, [
+        l("nav", k, [
+          (t(!0), s(h, null, _(d.value, (r) => (t(), u(f, {
+            key: p(r),
+            to: r.to,
+            class: "flex items-center whitespace-nowrap rounded px-4 py-2.5 text-sm font-medium text-gray-700 hover:bg-primary-body-hover sm:rounded-none",
+            "active-class": "bg-primary-body-active font-semibold"
+          }, {
+            default: g(() => [
+              r.icon ? (t(), u(x(r.icon), {
+                key: 0,
+                class: "mr-2.5 h-5 w-5 flex-shrink-0"
+              })) : i("", !0),
+              l("span", w, a(r.label), 1),
+              r.badge != null ? (t(), s("span", $, a(r.badge), 1)) : i("", !0)
+            ]),
+            _: 2
+          }, 1032, ["to"]))), 128))
+        ]),
+        l("div", S, [
+          c(n.$slots, "default")
+        ])
+      ]);
+    };
+  }
+}), C = { class: "bg-[#FAFAFA] rounded-lg p-5 max-w-3xl" }, O = {
+  key: 0,
+  class: "flex items-start justify-between gap-4 mb-2"
+}, A = { class: "min-w-0" }, F = {
+  key: 0,
+  class: "text-base font-semibold"
+}, E = {
+  key: 1,
+  class: "text-sm text-[#979CA9] mt-0.5"
+}, B = {
+  key: 0,
+  class: "shrink-0"
+}, J = /* @__PURE__ */ m({
+  __name: "OneSettingsSection",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    hint: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    return (o, d) => (t(), s("section", C, [
+      e.title || e.hint || o.$slots.action ? (t(), s("div", O, [
+        l("div", A, [
+          e.title ? (t(), s("h2", F, a(e.title), 1)) : i("", !0),
+          e.hint ? (t(), s("p", E, a(e.hint), 1)) : i("", !0)
+        ]),
+        o.$slots.action ? (t(), s("div", B, [
+          c(o.$slots, "action")
+        ])) : i("", !0)
+      ])) : i("", !0),
+      c(o.$slots, "default")
+    ]));
+  }
+}), L = { class: "flex items-center justify-between gap-4 py-3 border-b border-[#E3ECF2] last:border-b-0" }, N = { class: "pr-4 min-w-0" }, j = { class: "font-medium" }, D = {
+  key: 0,
+  class: "text-sm text-[#979CA9]"
+}, R = { class: "shrink-0" }, K = /* @__PURE__ */ m({
+  __name: "OneSettingsRow",
+  props: {
+    label: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(e) {
+    return (o, d) => (t(), s("div", L, [
+      l("div", N, [
+        c(o.$slots, "label", {}, () => [
+          l("p", j, a(e.label), 1)
+        ]),
+        e.description ? (t(), s("p", D, a(e.description), 1)) : i("", !0)
+      ]),
+      l("div", R, [
+        c(o.$slots, "default")
+      ])
+    ]));
+  }
+});
+export {
+  I as OneSettingsLayout,
+  K as OneSettingsRow,
+  J as OneSettingsSection
+};

package/dist/spinner/OneSpinner.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;

package/dist/spinner/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("../SpinnerIcon-01be39fe.cjs");require("../_plugin-vue_export-helper-f246444f.cjs");const n={xs:"w-3 h-3",sm:"w-4 h-4",md:"w-6 h-6",lg:"w-8 h-8"},s={size:{type:String,default:"md"}},t=e.defineComponent({__name:"OneSpinner",props:s,setup(r){const i=r;return(c,l)=>(e.openBlock(),e.createBlock(o.SpinnerIcon,{class:e.normalizeClass(e.unref(n)[i.size]),role:"status","aria-label":"loading"},null,8,["class"]))}});exports.OneSpinner=t;exports.spinnerProps=s;exports.spinnerSizeClasses=n;

package/dist/spinner/index.d.ts

@@ -0,0 +1,3 @@
+export { default as OneSpinner } from './OneSpinner.vue';
+export { spinnerProps, spinnerSizeClasses } from './spinner';
+export type { SpinnerSizeType, SpinnerProps } from './spinner';

package/dist/spinner/index.js

@@ -0,0 +1,30 @@
+import { defineComponent as s, openBlock as r, createBlock as o, normalizeClass as t, unref as p } from "vue";
+import { S as a } from "../SpinnerIcon-516264ba.js";
+import "../_plugin-vue_export-helper-dad06003.js";
+const i = {
+  xs: "w-3 h-3",
+  sm: "w-4 h-4",
+  md: "w-6 h-6",
+  lg: "w-8 h-8"
+}, l = {
+  size: {
+    type: String,
+    default: "md"
+  }
+}, _ = /* @__PURE__ */ s({
+  __name: "OneSpinner",
+  props: l,
+  setup(n) {
+    const e = n;
+    return (c, m) => (r(), o(a, {
+      class: t(p(i)[e.size]),
+      role: "status",
+      "aria-label": "loading"
+    }, null, 8, ["class"]));
+  }
+});
+export {
+  _ as OneSpinner,
+  l as spinnerProps,
+  i as spinnerSizeClasses
+};

package/dist/spinner/spinner.d.ts

@@ -0,0 +1,10 @@
+import type { ExtractPropTypes } from 'vue';
+export type SpinnerSizeType = 'xs' | 'sm' | 'md' | 'lg';
+export declare const spinnerSizeClasses: Record<SpinnerSizeType, string>;
+export declare const spinnerProps: {
+    size: {
+        type: PropType<SpinnerSizeType>;
+        default: string;
+    };
+};
+export type SpinnerProps = ExtractPropTypes<typeof spinnerProps>;