@routa/ui-vue 0.1.0

package/dist/space/Space.vue.d.ts

@@ -0,0 +1,75 @@
+import { SpaceAlign, SpaceJustify, SpaceSize } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        separator?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly direction: {
+        readonly type: import('vue').PropType<import('./types').SpaceDirection>;
+        readonly default: "horizontal";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<SpaceSize>;
+        readonly default: "md";
+    };
+    readonly align: {
+        readonly type: import('vue').PropType<SpaceAlign>;
+        readonly default: "stretch";
+    };
+    readonly justify: {
+        readonly type: import('vue').PropType<SpaceJustify>;
+        readonly default: "start";
+    };
+    readonly wrap: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly inline: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly direction: {
+        readonly type: import('vue').PropType<import('./types').SpaceDirection>;
+        readonly default: "horizontal";
+    };
+    readonly size: {
+        readonly type: import('vue').PropType<SpaceSize>;
+        readonly default: "md";
+    };
+    readonly align: {
+        readonly type: import('vue').PropType<SpaceAlign>;
+        readonly default: "stretch";
+    };
+    readonly justify: {
+        readonly type: import('vue').PropType<SpaceJustify>;
+        readonly default: "start";
+    };
+    readonly wrap: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly inline: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+}>> & Readonly<{}>, {
+    readonly inline: boolean;
+    readonly size: SpaceSize;
+    readonly direction: import('./types').SpaceDirection;
+    readonly wrap: boolean;
+    readonly justify: SpaceJustify;
+    readonly align: SpaceAlign;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/space/index.d.ts

@@ -0,0 +1,5 @@
+import { Plugin } from 'vue';
+import { default as Space } from './Space.vue';
+export declare const LSpace: typeof Space & Plugin;
+export * from './types';
+export default LSpace;

package/dist/space/index.js

@@ -0,0 +1,2 @@
+require('../style/space.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),y={direction:{type:String,default:"horizontal"},size:{type:[String,Number,Array],default:"md"},align:{type:String,default:"stretch"},justify:{type:String,default:"start"},wrap:{type:Boolean,default:!1},inline:{type:Boolean,default:!1}},k={class:"l-space__item"},B={key:0,class:"l-space__separator","aria-hidden":"true"},x=e.defineComponent({name:"LSpace",__name:"Space",props:y,setup(c){const s=c,p=e.useSlots(),i={sm:"var(--l-spacing-2)",md:"var(--l-spacing-4)",lg:"var(--l-spacing-6)"},u=t=>t==="start"?"flex-start":t==="end"?"flex-end":t,o=t=>typeof t=="number"?`${t}px`:/^\d+(\.\d+)?$/.test(t)?`${t}px`:t,d=t=>{const n=[];return t.forEach(r=>{if(r.type===e.Fragment&&Array.isArray(r.children)){n.push(...d(r.children));return}n.push(r)}),n},g=t=>typeof t=="string"&&t in i,h=t=>{if(Array.isArray(t)){const[r,a]=t;return{x:o(r),y:o(a)}}if(g(t)){const r=i[t];return{x:r,y:r}}const n=o(t);return{x:n,y:n}},m=e.computed(()=>(p.default?d(p.default()):[]).filter(n=>n.type===e.Comment?!1:n.type===e.Text?String(n.children??"").trim().length>0:!0)),f=e.computed(()=>h(s.size)),S=e.computed(()=>["l-space",`l-space--${s.direction}`,{"l-space--inline":s.inline,"l-space--wrap":s.wrap}]),_=e.computed(()=>({"--l-space-gap-x":f.value.x,"--l-space-gap-y":f.value.y,"--l-space-align":u(s.align),"--l-space-justify":u(s.justify)}));return(t,n)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(S.value),style:e.normalizeStyle(_.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(r,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.key??a},[e.createElementVNode("div",k,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r)))]),t.$slots.separator&&a<m.value.length-1?(e.openBlock(),e.createElementBlock("div",B,[e.renderSlot(t.$slots,"separator")])):e.createCommentVNode("",!0)],64))),128))],6))}}),l=x;l.install=c=>{c.component("LSpace",l)};exports.LSpace=l;exports.default=l;exports.spaceProps=y;

package/dist/space/index.mjs

@@ -0,0 +1,104 @@
+import '../style/space.css';
+import { defineComponent as k, useSlots as $, computed as l, Comment as A, Text as B, openBlock as n, createElementBlock as c, normalizeStyle as C, normalizeClass as L, Fragment as p, renderList as N, createElementVNode as j, createBlock as w, resolveDynamicComponent as E, renderSlot as G, createCommentVNode as V } from "vue";
+const b = {
+  direction: {
+    type: String,
+    default: "horizontal"
+  },
+  size: {
+    type: [String, Number, Array],
+    default: "md"
+  },
+  align: {
+    type: String,
+    default: "stretch"
+  },
+  justify: {
+    type: String,
+    default: "start"
+  },
+  wrap: {
+    type: Boolean,
+    default: !1
+  },
+  inline: {
+    type: Boolean,
+    default: !1
+  }
+}, v = { class: "l-space__item" }, F = {
+  key: 0,
+  class: "l-space__separator",
+  "aria-hidden": "true"
+}, P = /* @__PURE__ */ k({
+  name: "LSpace",
+  __name: "Space",
+  props: b,
+  setup(i) {
+    const s = i, u = $(), f = {
+      sm: "var(--l-spacing-2)",
+      md: "var(--l-spacing-4)",
+      lg: "var(--l-spacing-6)"
+    }, d = (e) => e === "start" ? "flex-start" : e === "end" ? "flex-end" : e, o = (e) => typeof e == "number" ? `${e}px` : /^\d+(\.\d+)?$/.test(e) ? `${e}px` : e, y = (e) => {
+      const r = [];
+      return e.forEach((t) => {
+        if (t.type === p && Array.isArray(t.children)) {
+          r.push(...y(t.children));
+          return;
+        }
+        r.push(t);
+      }), r;
+    }, S = (e) => typeof e == "string" && e in f, _ = (e) => {
+      if (Array.isArray(e)) {
+        const [t, a] = e;
+        return {
+          x: o(t),
+          y: o(a)
+        };
+      }
+      if (S(e)) {
+        const t = f[e];
+        return { x: t, y: t };
+      }
+      const r = o(e);
+      return {
+        x: r,
+        y: r
+      };
+    }, m = l(() => (u.default ? y(u.default()) : []).filter((r) => r.type === A ? !1 : r.type === B ? String(r.children ?? "").trim().length > 0 : !0)), g = l(() => _(s.size)), x = l(() => [
+      "l-space",
+      `l-space--${s.direction}`,
+      {
+        "l-space--inline": s.inline,
+        "l-space--wrap": s.wrap
+      }
+    ]), z = l(() => ({
+      "--l-space-gap-x": g.value.x,
+      "--l-space-gap-y": g.value.y,
+      "--l-space-align": d(s.align),
+      "--l-space-justify": d(s.justify)
+    }));
+    return (e, r) => (n(), c("div", {
+      class: L(x.value),
+      style: C(z.value)
+    }, [
+      (n(!0), c(p, null, N(m.value, (t, a) => (n(), c(p, {
+        key: t.key ?? a
+      }, [
+        j("div", v, [
+          (n(), w(E(t)))
+        ]),
+        e.$slots.separator && a < m.value.length - 1 ? (n(), c("div", F, [
+          G(e.$slots, "separator")
+        ])) : V("", !0)
+      ], 64))), 128))
+    ], 6));
+  }
+}), h = P;
+h.install = (i) => {
+  i.component("LSpace", h);
+};
+export {
+  h as LSpace,
+  h as default,
+  b as spaceProps
+};

package/dist/space/types.d.ts

@@ -0,0 +1,34 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export type SpaceDirection = 'horizontal' | 'vertical';
+export type SpaceAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+export type SpaceJustify = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+export type SpaceGapValue = number | string;
+export type SpaceGapTuple = [SpaceGapValue, SpaceGapValue];
+export type SpaceSize = 'sm' | 'md' | 'lg' | SpaceGapValue | SpaceGapTuple;
+export declare const spaceProps: {
+    readonly direction: {
+        readonly type: PropType<SpaceDirection>;
+        readonly default: "horizontal";
+    };
+    readonly size: {
+        readonly type: PropType<SpaceSize>;
+        readonly default: "md";
+    };
+    readonly align: {
+        readonly type: PropType<SpaceAlign>;
+        readonly default: "stretch";
+    };
+    readonly justify: {
+        readonly type: PropType<SpaceJustify>;
+        readonly default: "start";
+    };
+    readonly wrap: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly inline: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+export type SpaceProps = ExtractPropTypes<typeof spaceProps>;

package/dist/splitter/Splitter.vue.d.ts

@@ -0,0 +1,52 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly direction: {
+        readonly type: import('vue').PropType<import('./types').SplitterDirection>;
+        readonly default: "horizontal";
+    };
+    readonly sizes: {
+        readonly type: import('vue').PropType<number[]>;
+        readonly default: undefined;
+    };
+    readonly defaultSizes: {
+        readonly type: import('vue').PropType<number[]>;
+        readonly default: undefined;
+    };
+    readonly keyboardStep: {
+        readonly type: NumberConstructor;
+        readonly default: 10;
+    };
+    readonly disabled: BooleanConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    change: (sizes: number[]) => void;
+    "update:sizes": (sizes: number[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly direction: {
+        readonly type: import('vue').PropType<import('./types').SplitterDirection>;
+        readonly default: "horizontal";
+    };
+    readonly sizes: {
+        readonly type: import('vue').PropType<number[]>;
+        readonly default: undefined;
+    };
+    readonly defaultSizes: {
+        readonly type: import('vue').PropType<number[]>;
+        readonly default: undefined;
+    };
+    readonly keyboardStep: {
+        readonly type: NumberConstructor;
+        readonly default: 10;
+    };
+    readonly disabled: BooleanConstructor;
+}>> & Readonly<{
+    onChange?: ((sizes: number[]) => any) | undefined;
+    "onUpdate:sizes"?: ((sizes: number[]) => any) | undefined;
+}>, {
+    readonly disabled: boolean;
+    readonly direction: import('./types').SplitterDirection;
+    readonly sizes: number[];
+    readonly defaultSizes: number[];
+    readonly keyboardStep: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    rootRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/splitter/SplitterPane.vue.d.ts

@@ -0,0 +1,38 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+}>> & Readonly<{}>, {
+    readonly min: number;
+    readonly max: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/splitter/index.d.ts

@@ -0,0 +1,7 @@
+import { Plugin } from 'vue';
+import { default as Splitter } from './Splitter.vue';
+import { default as SplitterPane } from './SplitterPane.vue';
+export declare const LSplitter: typeof Splitter & Plugin;
+export declare const LSplitterPane: typeof SplitterPane & Plugin;
+export * from './types';
+export default LSplitter;

package/dist/splitter/index.js

@@ -0,0 +1,2 @@
+require('../style/splitter.css');
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("vue"),ee=require("../chunks/use-id-BycaM3-h.js"),F={direction:{type:String,default:"horizontal"},sizes:{type:Array,default:void 0},defaultSizes:{type:Array,default:void 0},keyboardStep:{type:Number,default:10},disabled:Boolean},x={"update:sizes":n=>Array.isArray(n),change:n=>Array.isArray(n)},V={min:{type:Number,default:0},max:{type:Number,default:100}};function g(n){return Math.abs(n)<1e-8?0:Number(n.toFixed(10))}function O(n,s,t){return Math.min(Math.max(n,s),t)}function T(n,s){return Number.isFinite(n)?O(n,0,100):s}function D(n){if(n<=0)return[];const s=g(100/n),t=Array.from({length:n},()=>s),c=t.reduce((l,h)=>l+h,0);return t[n-1]=g(t[n-1]+(100-c)),t}function H(n,s){if(!Array.isArray(n)||n.length!==s)return D(s);const t=n.map(u=>Number.isFinite(u)&&u>0?u:0),c=t.reduce((u,d)=>u+d,0);if(c<=0)return D(s);const l=t.map(u=>g(u/c*100)),h=g(100-l.reduce((u,d)=>u+d,0));return l[s-1]=g(l[s-1]+h),l}function $(n){return`${g(n).toFixed(10).replace(/\.?0+$/,"")}%`}function k(n,s){const t=T(n,0),c=T(s,100);return{min:Math.min(t,c),max:Math.max(t,c)}}function te(n,s,t,c){if(t<0||t>=n.length-1)return n;const l=[...n],h=s[t]??k(0,100),u=s[t+1]??k(0,100),d=n[t]+n[t+1],y=Math.max(h.min,d-u.max),v=Math.min(h.max,d-u.min),b=O(n[t]+c,y,v),f=d-b;l[t]=g(b),l[t+1]=g(f);const z=l.reduce((E,_)=>E+_,0);return l[l.length-1]=g(l[l.length-1]+(100-z)),l}const re=["id"],ne=["tabindex","aria-orientation","aria-valuenow","aria-valuemin","aria-valuemax","aria-valuetext","aria-controls","aria-label","aria-disabled","onMousedown","onPointerdown","onTouchstart","onKeydown"],ae=a.defineComponent({name:"LSplitter",__name:"Splitter",props:F,emits:x,setup(n,{emit:s}){const t=n,c=s,l=a.useSlots(),h=ee.useId("splitter"),u=a.ref(null),d=a.ref([]),y=a.ref(null),v=a.ref(null),b=e=>{const r=[];return e.forEach(i=>{if(i.type===a.Fragment&&Array.isArray(i.children)){r.push(...b(i.children));return}r.push(i)}),r},f=a.computed(()=>(l.default?b(l.default()):[]).filter(r=>r.type===a.Comment?!1:r.type===a.Text?String(r.children??"").trim().length>0:!0)),z=a.computed(()=>f.value.map(e=>{const r=e.props??{},i=Number(r.min??0),o=Number(r.max??100);return k(i,o)})),E=new Set(["min","max","class","style","id"]),_=a.computed(()=>["l-splitter",`l-splitter--${t.direction}`,{"is-disabled":t.disabled}]),j=a.computed(()=>Array.isArray(t.sizes)?H(t.sizes,f.value.length):d.value.length===f.value.length?d.value:H(t.defaultSizes,f.value.length)),m=a.computed(()=>y.value&&y.value.length===f.value.length?y.value:j.value);a.watch(()=>t.sizes,()=>{y.value=null},{deep:!0});const q=(e,r=!1)=>{Array.isArray(t.sizes)?y.value=e:d.value=e,c("update:sizes",e),r&&c("change",e)},K=e=>t.direction==="vertical"?e.height:e.width,R=e=>{if("touches"in e&&e.touches.length>0)return t.direction==="vertical"?e.touches[0].clientY:e.touches[0].clientX;if("changedTouches"in e&&e.changedTouches.length>0)return t.direction==="vertical"?e.changedTouches[0].clientY:e.changedTouches[0].clientX;const r=e;return t.direction==="vertical"?r.clientY:r.clientX},A=(e,r,i,o=!1)=>{const p=te(e,z.value,r,i);q(p,o)},M=(e,r)=>{t.disabled||!u.value||(v.value={handleIndex:r,origin:R(e),sizes:[...m.value]},e.preventDefault())},w=()=>{v.value&&(v.value=null,c("change",[...m.value]))},S=e=>{if(!v.value||!u.value)return;"touches"in e&&e.preventDefault();const r=u.value.getBoundingClientRect(),i=K(r);if(i<=0)return;const o=(R(e)-v.value.origin)/i*100;A(v.value.sizes,v.value.handleIndex,o)},X=(e,r)=>{if(t.disabled)return;let i=0;if(t.direction==="vertical"?(e.key==="ArrowDown"&&(i=t.keyboardStep),e.key==="ArrowUp"&&(i=-t.keyboardStep)):(e.key==="ArrowRight"&&(i=t.keyboardStep),e.key==="ArrowLeft"&&(i=-t.keyboardStep)),e.key==="Home"||e.key==="End"){e.preventDefault();const o=B(r),p=e.key==="Home"?o.min:o.max;A(m.value,r,p-(m.value[r]??0),!0);return}i!==0&&(e.preventDefault(),A(m.value,r,i,!0))},C=e=>`${h}-pane-${e}`,Y=e=>`${C(e)} ${C(e+1)}`,U=e=>`${$(m.value[e]??0)} / ${$(m.value[e+1]??0)}`,G=e=>({flexGrow:m.value[e]??0,flexShrink:0,flexBasis:"0px"}),N=e=>{var r;return((r=f.value[e])==null?void 0:r.props)??{}},J=e=>N(e).class,Q=e=>[G(e),N(e).style],W=e=>{const r=N(e);return Object.fromEntries(Object.entries(r).filter(([i])=>!E.has(i)))},Z=e=>m.value.slice(0,e+1).reduce((r,i)=>r+i,0),I=e=>{const r=Z(e);return{"--l-splitter-handle-offset":$(Math.min(Math.max(r,0),100))}},B=e=>{const r=z.value[e]??k(0,100),i=z.value[e+1]??k(0,100),o=(m.value[e]??0)+(m.value[e+1]??0);return{min:Math.max(r.min,o-i.max),max:Math.min(r.max,o-i.min)}};return a.onMounted(()=>{window.addEventListener("mousemove",S),window.addEventListener("mouseup",w),window.addEventListener("pointermove",S),window.addEventListener("pointerup",w),window.addEventListener("touchmove",S,{passive:!1}),window.addEventListener("touchend",w)}),a.onUnmounted(()=>{window.removeEventListener("mousemove",S),window.removeEventListener("mouseup",w),window.removeEventListener("pointermove",S),window.removeEventListener("pointerup",w),window.removeEventListener("touchmove",S),window.removeEventListener("touchend",w)}),(e,r)=>(a.openBlock(),a.createElementBlock("div",{ref_key:"rootRef",ref:u,class:a.normalizeClass(_.value)},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(f.value,(i,o)=>(a.openBlock(),a.createElementBlock(a.Fragment,{key:i.key??o},[a.createElementVNode("div",a.mergeProps({id:C(o),class:["l-splitter__pane",J(o)],style:Q(o)},{ref_for:!0},W(o)),[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(i)))],16,re),o<f.value.length-1?(a.openBlock(),a.createElementBlock("button",{key:0,type:"button",class:"l-splitter__handle",style:a.normalizeStyle(I(o)),role:"separator",tabindex:t.disabled?-1:0,"aria-orientation":t.direction,"aria-valuenow":m.value[o]??0,"aria-valuemin":B(o).min,"aria-valuemax":B(o).max,"aria-valuetext":U(o),"aria-controls":Y(o),"aria-label":`Resize panes ${o+1} and ${o+2}`,"aria-disabled":t.disabled?"true":"false",onMousedown:p=>M(p,o),onPointerdown:p=>M(p,o),onTouchstart:p=>M(p,o),onKeydown:p=>X(p,o)},[...r[0]||(r[0]=[a.createElementVNode("span",{class:"l-splitter__handle-line","aria-hidden":"true"},null,-1)])],44,ne)):a.createCommentVNode("",!0)],64))),128))],2))}}),oe=a.defineComponent({name:"LSplitterPane",inheritAttrs:!1,__name:"SplitterPane",props:V,setup(n){return(s,t)=>a.renderSlot(s.$slots,"default")}}),L=ae,P=oe;L.install=n=>{n.component("LSplitter",L),n.component("LSplitterPane",P)};P.install=n=>{n.component("LSplitterPane",P)};exports.LSplitter=L;exports.LSplitterPane=P;exports.default=L;exports.splitterEmits=x;exports.splitterPaneProps=V;exports.splitterProps=F;

package/dist/splitter/index.mjs

@@ -0,0 +1,252 @@
+import '../style/splitter.css';
+import { defineComponent as X, useSlots as ne, ref as _, computed as z, Comment as ae, Text as oe, watch as ie, onMounted as se, onUnmounted as le, openBlock as L, createElementBlock as k, normalizeClass as ue, Fragment as D, renderList as ce, createElementVNode as B, mergeProps as me, createBlock as de, resolveDynamicComponent as pe, normalizeStyle as fe, createCommentVNode as ve, renderSlot as ge } from "vue";
+import { u as he } from "../chunks/use-id-D3casveg.mjs";
+const ye = {
+  direction: {
+    type: String,
+    default: "horizontal"
+  },
+  sizes: {
+    type: Array,
+    default: void 0
+  },
+  defaultSizes: {
+    type: Array,
+    default: void 0
+  },
+  keyboardStep: {
+    type: Number,
+    default: 10
+  },
+  disabled: Boolean
+}, we = {
+  "update:sizes": (n) => Array.isArray(n),
+  change: (n) => Array.isArray(n)
+}, Se = {
+  min: {
+    type: Number,
+    default: 0
+  },
+  max: {
+    type: Number,
+    default: 100
+  }
+};
+function v(n) {
+  return Math.abs(n) < 1e-8 ? 0 : Number(n.toFixed(10));
+}
+function Y(n, i, t) {
+  return Math.min(Math.max(n, i), t);
+}
+function F(n, i) {
+  return Number.isFinite(n) ? Y(n, 0, 100) : i;
+}
+function V(n) {
+  if (n <= 0)
+    return [];
+  const i = v(100 / n), t = Array.from({ length: n }, () => i), u = t.reduce((s, g) => s + g, 0);
+  return t[n - 1] = v(t[n - 1] + (100 - u)), t;
+}
+function K(n, i) {
+  if (!Array.isArray(n) || n.length !== i)
+    return V(i);
+  const t = n.map((l) => Number.isFinite(l) && l > 0 ? l : 0), u = t.reduce((l, m) => l + m, 0);
+  if (u <= 0)
+    return V(i);
+  const s = t.map((l) => v(l / u * 100)), g = v(100 - s.reduce((l, m) => l + m, 0));
+  return s[i - 1] = v(s[i - 1] + g), s;
+}
+function T(n) {
+  return `${v(n).toFixed(10).replace(/\.?0+$/, "")}%`;
+}
+function A(n, i) {
+  const t = F(n, 0), u = F(i, 100);
+  return {
+    min: Math.min(t, u),
+    max: Math.max(t, u)
+  };
+}
+function be(n, i, t, u) {
+  if (t < 0 || t >= n.length - 1)
+    return n;
+  const s = [...n], g = i[t] ?? A(0, 100), l = i[t + 1] ?? A(0, 100), m = n[t] + n[t + 1], h = Math.max(g.min, m - l.max), f = Math.min(g.max, m - l.min), S = Y(n[t] + u, h, f), p = m - S;
+  s[t] = v(S), s[t + 1] = v(p);
+  const b = s.reduce((P, E) => P + E, 0);
+  return s[s.length - 1] = v(s[s.length - 1] + (100 - b)), s;
+}
+const ze = ["id"], Le = ["tabindex", "aria-orientation", "aria-valuenow", "aria-valuemin", "aria-valuemax", "aria-valuetext", "aria-controls", "aria-label", "aria-disabled", "onMousedown", "onPointerdown", "onTouchstart", "onKeydown"], Ae = /* @__PURE__ */ X({
+  name: "LSplitter",
+  __name: "Splitter",
+  props: ye,
+  emits: we,
+  setup(n, { emit: i }) {
+    const t = n, u = i, s = ne(), g = he("splitter"), l = _(null), m = _([]), h = _(null), f = _(null), S = (e) => {
+      const r = [];
+      return e.forEach((o) => {
+        if (o.type === D && Array.isArray(o.children)) {
+          r.push(...S(o.children));
+          return;
+        }
+        r.push(o);
+      }), r;
+    }, p = z(() => (s.default ? S(s.default()) : []).filter((r) => r.type === ae ? !1 : r.type === oe ? String(r.children ?? "").trim().length > 0 : !0)), b = z(() => p.value.map((e) => {
+      const r = e.props ?? {}, o = Number(r.min ?? 0), a = Number(r.max ?? 100);
+      return A(o, a);
+    })), P = /* @__PURE__ */ new Set(["min", "max", "class", "style", "id"]), E = z(() => [
+      "l-splitter",
+      `l-splitter--${t.direction}`,
+      {
+        "is-disabled": t.disabled
+      }
+    ]), j = z(() => Array.isArray(t.sizes) ? K(t.sizes, p.value.length) : m.value.length === p.value.length ? m.value : K(t.defaultSizes, p.value.length)), c = z(() => h.value && h.value.length === p.value.length ? h.value : j.value);
+    ie(
+      () => t.sizes,
+      () => {
+        h.value = null;
+      },
+      {
+        deep: !0
+      }
+    );
+    const U = (e, r = !1) => {
+      Array.isArray(t.sizes) ? h.value = e : m.value = e, u("update:sizes", e), r && u("change", e);
+    }, q = (e) => t.direction === "vertical" ? e.height : e.width, x = (e) => {
+      if ("touches" in e && e.touches.length > 0)
+        return t.direction === "vertical" ? e.touches[0].clientY : e.touches[0].clientX;
+      if ("changedTouches" in e && e.changedTouches.length > 0)
+        return t.direction === "vertical" ? e.changedTouches[0].clientY : e.changedTouches[0].clientX;
+      const r = e;
+      return t.direction === "vertical" ? r.clientY : r.clientX;
+    }, M = (e, r, o, a = !1) => {
+      const d = be(e, b.value, r, o);
+      U(d, a);
+    }, C = (e, r) => {
+      t.disabled || !l.value || (f.value = {
+        handleIndex: r,
+        origin: x(e),
+        sizes: [...c.value]
+      }, e.preventDefault());
+    }, y = () => {
+      f.value && (f.value = null, u("change", [...c.value]));
+    }, w = (e) => {
+      if (!f.value || !l.value)
+        return;
+      "touches" in e && e.preventDefault();
+      const r = l.value.getBoundingClientRect(), o = q(r);
+      if (o <= 0)
+        return;
+      const a = (x(e) - f.value.origin) / o * 100;
+      M(f.value.sizes, f.value.handleIndex, a);
+    }, G = (e, r) => {
+      if (t.disabled)
+        return;
+      let o = 0;
+      if (t.direction === "vertical" ? (e.key === "ArrowDown" && (o = t.keyboardStep), e.key === "ArrowUp" && (o = -t.keyboardStep)) : (e.key === "ArrowRight" && (o = t.keyboardStep), e.key === "ArrowLeft" && (o = -t.keyboardStep)), e.key === "Home" || e.key === "End") {
+        e.preventDefault();
+        const a = R(r), d = e.key === "Home" ? a.min : a.max;
+        M(
+          c.value,
+          r,
+          d - (c.value[r] ?? 0),
+          !0
+        );
+        return;
+      }
+      o !== 0 && (e.preventDefault(), M(c.value, r, o, !0));
+    }, N = (e) => `${g}-pane-${e}`, J = (e) => `${N(e)} ${N(e + 1)}`, Q = (e) => `${T(c.value[e] ?? 0)} / ${T(c.value[e + 1] ?? 0)}`, W = (e) => ({
+      flexGrow: c.value[e] ?? 0,
+      flexShrink: 0,
+      flexBasis: "0px"
+    }), $ = (e) => {
+      var r;
+      return ((r = p.value[e]) == null ? void 0 : r.props) ?? {};
+    }, Z = (e) => $(e).class, I = (e) => [
+      W(e),
+      $(e).style
+    ], ee = (e) => {
+      const r = $(e);
+      return Object.fromEntries(
+        Object.entries(r).filter(([o]) => !P.has(o))
+      );
+    }, te = (e) => c.value.slice(0, e + 1).reduce((r, o) => r + o, 0), re = (e) => {
+      const r = te(e);
+      return {
+        "--l-splitter-handle-offset": T(Math.min(Math.max(r, 0), 100))
+      };
+    }, R = (e) => {
+      const r = b.value[e] ?? A(0, 100), o = b.value[e + 1] ?? A(0, 100), a = (c.value[e] ?? 0) + (c.value[e + 1] ?? 0);
+      return {
+        min: Math.max(r.min, a - o.max),
+        max: Math.min(r.max, a - o.min)
+      };
+    };
+    return se(() => {
+      window.addEventListener("mousemove", w), window.addEventListener("mouseup", y), window.addEventListener("pointermove", w), window.addEventListener("pointerup", y), window.addEventListener("touchmove", w, { passive: !1 }), window.addEventListener("touchend", y);
+    }), le(() => {
+      window.removeEventListener("mousemove", w), window.removeEventListener("mouseup", y), window.removeEventListener("pointermove", w), window.removeEventListener("pointerup", y), window.removeEventListener("touchmove", w), window.removeEventListener("touchend", y);
+    }), (e, r) => (L(), k("div", {
+      ref_key: "rootRef",
+      ref: l,
+      class: ue(E.value)
+    }, [
+      (L(!0), k(D, null, ce(p.value, (o, a) => (L(), k(D, {
+        key: o.key ?? a
+      }, [
+        B("div", me({
+          id: N(a),
+          class: ["l-splitter__pane", Z(a)],
+          style: I(a)
+        }, { ref_for: !0 }, ee(a)), [
+          (L(), de(pe(o)))
+        ], 16, ze),
+        a < p.value.length - 1 ? (L(), k("button", {
+          key: 0,
+          type: "button",
+          class: "l-splitter__handle",
+          style: fe(re(a)),
+          role: "separator",
+          tabindex: t.disabled ? -1 : 0,
+          "aria-orientation": t.direction,
+          "aria-valuenow": c.value[a] ?? 0,
+          "aria-valuemin": R(a).min,
+          "aria-valuemax": R(a).max,
+          "aria-valuetext": Q(a),
+          "aria-controls": J(a),
+          "aria-label": `Resize panes ${a + 1} and ${a + 2}`,
+          "aria-disabled": t.disabled ? "true" : "false",
+          onMousedown: (d) => C(d, a),
+          onPointerdown: (d) => C(d, a),
+          onTouchstart: (d) => C(d, a),
+          onKeydown: (d) => G(d, a)
+        }, [...r[0] || (r[0] = [
+          B("span", {
+            class: "l-splitter__handle-line",
+            "aria-hidden": "true"
+          }, null, -1)
+        ])], 44, Le)) : ve("", !0)
+      ], 64))), 128))
+    ], 2));
+  }
+}), _e = /* @__PURE__ */ X({
+  name: "LSplitterPane",
+  inheritAttrs: !1,
+  __name: "SplitterPane",
+  props: Se,
+  setup(n) {
+    return (i, t) => ge(i.$slots, "default");
+  }
+}), O = Ae, H = _e;
+O.install = (n) => {
+  n.component("LSplitter", O), n.component("LSplitterPane", H);
+};
+H.install = (n) => {
+  n.component("LSplitterPane", H);
+};
+export {
+  O as LSplitter,
+  H as LSplitterPane,
+  O as default,
+  we as splitterEmits,
+  Se as splitterPaneProps,
+  ye as splitterProps
+};

package/dist/splitter/types.d.ts

@@ -0,0 +1,41 @@
+import { ExtractPropTypes, PropType } from 'vue';
+export type SplitterDirection = 'horizontal' | 'vertical';
+export interface SplitterPaneConstraint {
+    min: number;
+    max: number;
+}
+export declare const splitterProps: {
+    readonly direction: {
+        readonly type: PropType<SplitterDirection>;
+        readonly default: "horizontal";
+    };
+    readonly sizes: {
+        readonly type: PropType<number[]>;
+        readonly default: undefined;
+    };
+    readonly defaultSizes: {
+        readonly type: PropType<number[]>;
+        readonly default: undefined;
+    };
+    readonly keyboardStep: {
+        readonly type: NumberConstructor;
+        readonly default: 10;
+    };
+    readonly disabled: BooleanConstructor;
+};
+export declare const splitterEmits: {
+    readonly 'update:sizes': (sizes: number[]) => boolean;
+    readonly change: (sizes: number[]) => boolean;
+};
+export declare const splitterPaneProps: {
+    readonly min: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    readonly max: {
+        readonly type: NumberConstructor;
+        readonly default: 100;
+    };
+};
+export type SplitterProps = ExtractPropTypes<typeof splitterProps>;
+export type SplitterPaneProps = ExtractPropTypes<typeof splitterPaneProps>;

package/dist/splitter/utils.d.ts

@@ -0,0 +1,6 @@
+import { SplitterPaneConstraint } from './types';
+export declare function createEqualSizes(count: number): number[];
+export declare function normalizeSizeList(value: number[] | undefined, count: number): number[];
+export declare function formatSizePercent(value: number): string;
+export declare function normalizeConstraint(min: number, max: number): SplitterPaneConstraint;
+export declare function resizePanePair(sizes: number[], constraints: SplitterPaneConstraint[], handleIndex: number, delta: number): number[];

package/dist/style/Button.css

@@ -0,0 +1 @@
+.l-button{--l-button-theme-color: var(--l-color-primary);--l-button-theme-content: var(--l-color-primary-content);--l-button-bg: transparent;--l-button-text: currentColor;--l-button-border: transparent;--l-button-hover-bg: transparent;--l-button-active-bg: transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--l-spacing-2);border-radius:var(--l-radius-control);font-family:var(--l-font-family);font-weight:var(--l-font-weight-medium);cursor:pointer;transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);border:var(--l-spacing-0-5) solid var(--l-button-border);background:var(--l-button-bg);color:var(--l-button-text);outline:none;position:relative;overflow:hidden;white-space:nowrap;flex-shrink:0;-webkit-user-select:none;user-select:none;box-sizing:border-box}.l-button--type-primary{--l-button-theme-color: var(--l-color-primary);--l-button-theme-content: var(--l-color-primary-content)}.l-button--type-default{--l-button-theme-color: var(--l-color-neutral-content);--l-button-theme-content: var(--l-color-neutral-content);--l-button-theme-bg-fallback: var(--l-color-neutral)}.l-button--type-success{--l-button-theme-color: var(--l-color-success);--l-button-theme-content: var(--l-color-success-content)}.l-button--type-warning{--l-button-theme-color: var(--l-color-warning);--l-button-theme-content: var(--l-color-warning-content)}.l-button--type-danger{--l-button-theme-color: var(--l-color-danger);--l-button-theme-content: var(--l-color-danger-content)}.l-button--variant-solid{--l-button-bg: var(--l-button-custom-color, var(--l-button-theme-color));--l-button-text: var(--l-button-theme-content);--l-button-hover-bg: color-mix(in srgb, var(--l-button-theme-color), white 15%);--l-button-active-bg: color-mix(in srgb, var(--l-button-theme-color), black 10%)}.l-button--type-default.l-button--variant-solid{--l-button-bg: var(--l-button-custom-color, var(--l-color-neutral-hover));--l-button-hover-bg: var(--l-button-custom-color, var(--l-color-neutral-hover));--l-button-active-bg: var(--l-button-custom-color, var(--l-color-neutral-border))}.l-button--variant-outline{--l-button-bg: transparent;--l-button-text: var(--l-button-theme-color);--l-button-border: var(--l-button-theme-color);--l-button-hover-bg: color-mix(in srgb, var(--l-button-theme-color), transparent 90%);--l-button-active-bg: color-mix(in srgb, var(--l-button-theme-color), transparent 80%)}.l-button--variant-ghost{--l-button-bg: transparent;--l-button-text: var(--l-button-theme-color);--l-button-border: color-mix(in srgb, var(--l-button-theme-color), transparent 75%);--l-button-hover-bg: color-mix(in srgb, var(--l-button-theme-color), transparent 92%);--l-button-active-bg: color-mix(in srgb, var(--l-button-theme-color), transparent 84%)}.l-button--variant-text{--l-button-bg: transparent;--l-button-text: var(--l-button-theme-color);--l-button-border: transparent;--l-button-hover-bg: color-mix(in srgb, var(--l-button-theme-color), transparent 92%)}.l-button--custom{height:var(--l-button-custom-size);padding:0 calc(var(--l-button-custom-size) * .4)}.l-button--custom.l-button--icon-only,.l-button--custom.l-button--shape-circle,.l-button--custom.l-button--shape-square{width:var(--l-button-custom-size);padding:0}.l-button:hover:not(.is-disabled):not(.is-loading){background-color:var(--l-button-hover-bg);transform:translateY(-1px)}.l-button:active:not(.is-disabled):not(.is-loading){background-color:var(--l-button-active-bg);transform:translateY(0)}.l-button.l-button--shape-circle{border-radius:50%;aspect-ratio:1/1;padding:0}.l-button.l-button--shape-square{aspect-ratio:1/1;padding:0}.l-button.l-button--shape-round{border-radius:var(--l-radius-full)}.l-button--sm{padding:var(--l-spacing-2) var(--l-spacing-6);font-size:var(--l-font-size-sm);height:var(--l-size-sm)}.l-button--md{padding:var(--l-spacing-4) var(--l-spacing-10);font-size:var(--l-font-size-sm);height:var(--l-size-md)}.l-button--lg{padding:var(--l-spacing-6) var(--l-spacing-16);font-size:var(--l-font-size-base);height:var(--l-size-lg)}.l-button--block{display:flex;width:100%}.l-button.l-button--icon-only{width:var(--l-size-md);padding:0}.l-button--icon-only.l-button--sm{width:var(--l-size-sm)}.l-button--icon-only.l-button--lg{width:var(--l-size-lg)}.is-disabled{cursor:not-allowed;opacity:.5;filter:grayscale(.5)}.is-loading{cursor:wait;opacity:.8;pointer-events:none}.l-button__loader{width:1.2em;height:1.2em;border:var(--l-spacing-1) solid currentColor;border-bottom-color:transparent;border-radius:50%;animation:l-spin .8s linear infinite;position:absolute}@keyframes l-spin{to{transform:rotate(360deg)}}.l-fade-enter-active,.l-fade-leave-active{transition:opacity .3s ease}.l-fade-enter-from,.l-fade-leave-to{opacity:0}.l-button__content,.l-button__icon-prefix,.l-button__icon-suffix{display:inline-flex;align-items:center;transition:opacity .2s ease,transform .2s ease}.is-loading .l-button__content,.is-loading .l-button__icon-prefix,.is-loading .l-button__icon-suffix{opacity:0;transform:scale(.9)}.l-button__icon-prefix,.l-button__icon-suffix{font-size:1.1em}

package/dist/style/Checkbox.css

@@ -0,0 +1 @@
+.l-checkbox{--l-checkbox-size: var(--l-checkbox-size-md);--l-checkbox-color: var(--l-color-primary);--l-checkbox-bg: var(--l-control-bg);--l-checkbox-border: var(--l-color-neutral-border);--l-checkbox-text: var(--l-control-text);--l-checkbox-radius: 4px;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;margin-right:var(--l-spacing-6);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--l-font-family);font-size:var(--l-font-size-base);vertical-align:middle;line-height:1}.l-checkbox--sm{--l-checkbox-size: var(--l-checkbox-size-sm);font-size:var(--l-font-size-sm)}.l-checkbox--lg{--l-checkbox-size: var(--l-checkbox-size-lg);font-size:var(--l-font-size-lg)}.l-checkbox__input-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--l-checkbox-size);height:var(--l-checkbox-size);flex-shrink:0}.l-checkbox__original{opacity:0;outline:none;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.l-checkbox__inner{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--l-checkbox-radius);border:2px solid var(--l-checkbox-border);background-color:var(--l-checkbox-bg);box-sizing:border-box;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;z-index:1}.l-checkbox__checkmark{width:70%;height:70%;color:#fff;opacity:0;transform:scale(.5);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.l-checkbox__checkmark path{stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset .4s ease-out}.l-checkbox__inner:after{content:"";position:absolute;width:10px;height:1.5px;background-color:#fff;transform:scale(0);transition:transform .2s cubic-bezier(.4,0,.2,1)}.l-checkbox:hover .l-checkbox__inner{border-color:var(--l-checkbox-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--l-checkbox-color),transparent 85%)}.is-checked .l-checkbox__inner,.is-indeterminate .l-checkbox__inner{border-color:var(--l-checkbox-color);background-color:var(--l-checkbox-color)}.is-checked .l-checkbox__checkmark{opacity:1;transform:scale(1)}.is-checked .l-checkbox__checkmark path{stroke-dashoffset:0}.is-indeterminate .l-checkbox__inner:after{transform:scale(1)}.is-focused .l-checkbox__inner{box-shadow:0 0 0 4px color-mix(in srgb,var(--l-checkbox-color),transparent 70%)}.is-disabled{cursor:not-allowed;opacity:.5}.is-disabled .l-checkbox__inner{border-color:var(--l-checkbox-border);background-color:var(--l-control-disabled-bg)}.is-bordered{padding:var(--l-spacing-4) var(--l-spacing-8);border-radius:var(--l-radius-control);border:1px solid var(--l-checkbox-border)}.is-bordered.is-checked{border-color:var(--l-checkbox-color);background:color-mix(in srgb,var(--l-checkbox-color),transparent 95%)}.l-checkbox__label{padding-left:var(--l-spacing-4);color:var(--l-checkbox-text);line-height:1}.is-checked .l-checkbox__label{color:var(--l-checkbox-color)}.l-checkbox-group{display:flex;flex-wrap:wrap;gap:var(--l-spacing-4)}