@nubisco/ui 5.5.0 → 5.7.0

package/src/utils/treeMove.helper.ts

@@ -0,0 +1,223 @@
+/**
+ * Moving a node around a tree, as data.
+ *
+ * Dragging a row and a "Move to" picker ask the same questions, and neither of
+ * them is about the DOM: where may this node go, and what does the tree look
+ * like afterwards. Every product that reorders a tree writes this again, and
+ * the one rule that is easy to miss is the one that does real damage: a node
+ * dropped into its own subtree detaches that subtree from the root, and
+ * everything under it disappears.
+ *
+ * These work on any tree of `{ id, children }` and never touch the tree they
+ * are given: a plan is a new tree of shallow copies, so every field a product
+ * carries on its nodes comes through. `NbTree` enforces the same rule for
+ * pointer drags, so a product that uses both gets one answer.
+ */
+
+/** The shape these read: an id, and children when it has any. */
+export interface ITreeMoveNode {
+  id: string
+  children?: ITreeMoveNode[]
+}
+
+/** Where a node goes: next to another node, inside it, or at the top level. */
+export type TTreeMovePlacement =
+  | { kind: 'inside'; target: string }
+  | { kind: 'before'; target: string }
+  | { kind: 'after'; target: string }
+  | { kind: 'root' }
+
+export interface ITreeMovePlan<T extends ITreeMoveNode> {
+  /** The tree after the move, as shallow copies. The original is untouched. */
+  tree: T[]
+  /** The node's new parent, or null at the top level. */
+  parentId: string | null
+  /** Its index among its new siblings. */
+  index: number
+  /** The sibling it now follows, or null when it is first. */
+  afterId: string | null
+  /** The sibling it now precedes, or null when it is last. */
+  beforeId: string | null
+}
+
+interface ILocated<T extends ITreeMoveNode> {
+  node: T
+  siblings: T[]
+  parent: T | null
+}
+
+function childrenOf<T extends ITreeMoveNode>(node: T): T[] {
+  return (node.children ?? []) as T[]
+}
+
+function locate<T extends ITreeMoveNode>(
+  nodes: T[],
+  id: string,
+  parent: T | null = null,
+): ILocated<T> | null {
+  for (const node of nodes) {
+    if (node.id === id) return { node, siblings: nodes, parent }
+    const found = locate(childrenOf(node), id, node)
+    if (found) return found
+  }
+  return null
+}
+
+/** The ids of the nodes above `id`, outermost first. Empty for a root node. */
+export function ancestorsOf<T extends ITreeMoveNode>(
+  nodes: T[],
+  id: string,
+): string[] {
+  const walk = (list: T[], trail: string[]): string[] | null => {
+    for (const node of list) {
+      if (node.id === id) return trail
+      const found = walk(childrenOf(node), [...trail, node.id])
+      if (found) return found
+    }
+    return null
+  }
+  return walk(nodes, []) ?? []
+}
+
+/** `id` and every node under it. Empty when `id` is not in the tree. */
+export function subtreeOf<T extends ITreeMoveNode>(
+  nodes: T[],
+  id: string,
+): Set<string> {
+  const out = new Set<string>()
+  const found = locate(nodes, id)
+  const walk = (node: T) => {
+    out.add(node.id)
+    childrenOf(node).forEach(walk)
+  }
+  if (found) walk(found.node)
+  return out
+}
+
+/**
+ * Whether `target` is `source` itself or somewhere under it, which is the one
+ * place a node can never go.
+ */
+export function isInvalidTarget<T extends ITreeMoveNode>(
+  nodes: T[],
+  source: string,
+  target: string,
+): boolean {
+  return subtreeOf(nodes, source).has(target)
+}
+
+/** A node `source` may move to, in reading order, with its nesting depth. */
+export interface ITreeMoveTarget<T extends ITreeMoveNode> {
+  id: string
+  depth: number
+  node: T
+}
+
+/**
+ * Every node `source` may move to: all of them but itself and its own subtree.
+ * The list a "Move to" picker offers.
+ */
+export function moveTargets<T extends ITreeMoveNode>(
+  nodes: T[],
+  source: string,
+): ITreeMoveTarget<T>[] {
+  const out: ITreeMoveTarget<T>[] = []
+  const walk = (list: T[], depth: number) => {
+    for (const node of list) {
+      if (node.id === source) continue
+      out.push({ id: node.id, depth, node })
+      walk(childrenOf(node), depth + 1)
+    }
+  }
+  walk(nodes, 0)
+  return out
+}
+
+/**
+ * The tree after moving `source` to `placement`, or null when the move is
+ * refused (into its own subtree, or a node or target that is not there) or
+ * would change nothing.
+ *
+ * "Inside" appends as the last child, so dragging a node onto its own current
+ * parent moves it to the end rather than leaving it where it was. The returned
+ * `parentId`, `index`, `afterId` and `beforeId` describe the new position, for
+ * a product to turn into whatever its own storage records.
+ */
+export function planTreeMove<T extends ITreeMoveNode>(
+  nodes: T[],
+  source: string,
+  placement: TTreeMovePlacement,
+): ITreeMovePlan<T> | null {
+  const from = locate(nodes, source)
+  if (!from) return null
+  if (placement.kind !== 'root') {
+    if (isInvalidTarget(nodes, source, placement.target)) return null
+    if (!locate(nodes, placement.target)) return null
+  }
+
+  const clone = (list: T[]): T[] =>
+    list.map((node) =>
+      node.children === undefined
+        ? ({ ...node } as T)
+        : ({ ...node, children: clone(childrenOf(node)) } as T),
+    )
+
+  const tree = clone(nodes)
+  const moving = locate(tree, source)!
+  moving.siblings.splice(moving.siblings.indexOf(moving.node), 1)
+
+  if (placement.kind === 'root' || placement.kind === 'inside') {
+    const parent =
+      placement.kind === 'root' ? null : locate(tree, placement.target)!.node
+    if (parent && parent.children === undefined) parent.children = []
+    const list = parent ? childrenOf(parent) : tree
+    list.push(moving.node)
+  } else {
+    const anchor = locate(tree, placement.target)!
+    const index = anchor.siblings.indexOf(anchor.node)
+    anchor.siblings.splice(
+      placement.kind === 'before' ? index : index + 1,
+      0,
+      moving.node,
+    )
+  }
+
+  const after = locate(tree, source)!
+  const index = after.siblings.indexOf(after.node)
+  const unchanged =
+    (after.parent?.id ?? null) === (from.parent?.id ?? null) &&
+    index === from.siblings.indexOf(from.node)
+  if (unchanged) return null
+
+  return {
+    tree,
+    parentId: after.parent?.id ?? null,
+    index,
+    afterId: index > 0 ? after.siblings[index - 1].id : null,
+    beforeId:
+      index < after.siblings.length - 1 ? after.siblings[index + 1].id : null,
+  }
+}
+
+/**
+ * A flat list in reading order, each row carrying its nesting depth, rebuilt
+ * into a tree. The shape most APIs return a tree in.
+ */
+export function nestByDepth<T extends { id: string; depth: number }>(
+  rows: T[],
+): (Omit<T, 'depth'> & { children: unknown[] })[] {
+  type TNested = Omit<T, 'depth'> & { children: TNested[] }
+  const roots: TNested[] = []
+  const stack: { node: TNested; depth: number }[] = []
+  for (const row of rows) {
+    const { depth, ...rest } = row
+    const node = { ...rest, children: [] } as unknown as TNested
+    while (stack.length > 0 && stack[stack.length - 1].depth >= depth) {
+      stack.pop()
+    }
+    if (stack.length === 0) roots.push(node)
+    else stack[stack.length - 1].node.children.push(node)
+    stack.push({ node, depth })
+  }
+  return roots
+}

package/dist/Avatar-C6pCz1lv.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./utils/initials.helper.cjs`);let t=require(`vue`);var n=[`role`,`aria-label`,`aria-hidden`,`title`],r=[`src`],i={key:1,class:`nb-avatar__initials`,"aria-hidden":`true`},a=(0,t.defineComponent)({__name:`Avatar`,props:{name:{default:void 0},email:{default:void 0},picture:{default:void 0},size:{default:`md`},decorative:{type:Boolean,default:!1}},setup(a){let o=a,s=(0,t.ref)(!1);(0,t.watch)(()=>o.picture,()=>{s.value=!1});let c=(0,t.computed)(()=>!!o.picture&&!s.value),l=(0,t.computed)(()=>e.initialsOf(o)),u=(0,t.computed)(()=>o.name?.trim()||o.email?.trim()||``);return(e,o)=>((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{class:(0,t.normalizeClass)([`nb-avatar`,[`nb-avatar--${a.size}`]]),role:a.decorative?void 0:`img`,"aria-label":a.decorative?void 0:u.value||void 0,"aria-hidden":a.decorative?`true`:void 0,title:a.decorative?void 0:u.value||void 0},[c.value?((0,t.openBlock)(),(0,t.createElementBlock)(`img`,{key:0,class:`nb-avatar__picture`,src:a.picture??void 0,alt:``,onError:o[0]||=e=>s.value=!0},null,40,r)):((0,t.openBlock)(),(0,t.createElementBlock)(`span`,i,(0,t.toDisplayString)(l.value),1))],10,n))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/dist/Avatar-DdI07lRT.js

@@ -1,47 +0,0 @@
-import { initialsOf as e } from "./utils/initials.helper.mjs";
-import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, ref as o, toDisplayString as s, watch as c } from "vue";
-//#region src/components/Avatar.vue?vue&type=script&setup=true&lang.ts
-var l = [
-	"role",
-	"aria-label",
-	"aria-hidden",
-	"title"
-], u = ["src"], d = {
-	key: 1,
-	class: "nb-avatar__initials",
-	"aria-hidden": "true"
-}, f = /* @__PURE__ */ r({
-	__name: "Avatar",
-	props: {
-		name: { default: void 0 },
-		email: { default: void 0 },
-		picture: { default: void 0 },
-		size: { default: "md" },
-		decorative: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(r) {
-		let f = r, p = o(!1);
-		c(() => f.picture, () => {
-			p.value = !1;
-		});
-		let m = t(() => !!f.picture && !p.value), h = t(() => e(f)), g = t(() => f.name?.trim() || f.email?.trim() || "");
-		return (e, t) => (a(), n("span", {
-			class: i(["nb-avatar", [`nb-avatar--${r.size}`]]),
-			role: r.decorative ? void 0 : "img",
-			"aria-label": r.decorative ? void 0 : g.value || void 0,
-			"aria-hidden": r.decorative ? "true" : void 0,
-			title: r.decorative ? void 0 : g.value || void 0
-		}, [m.value ? (a(), n("img", {
-			key: 0,
-			class: "nb-avatar__picture",
-			src: r.picture ?? void 0,
-			alt: "",
-			onError: t[0] ||= (e) => p.value = !0
-		}, null, 40, u)) : (a(), n("span", d, s(h.value), 1))], 10, l));
-	}
-});
-//#endregion
-export { f as t };

package/dist/Select-BbsEiJ4j.cjs

@@ -1 +0,0 @@
-require(`./chunk-D-qHiVGv.cjs`);const e=require(`./Icon-C8R_r_In.cjs`),t=require(`./Label-DtXh4XR5.cjs`),n=require(`./Message-D8ZE4uGZ.cjs`),r=require(`./Grid-DTZTlxd_.cjs`);let i=require(`vue`),a=require(`@nubisco/ui/icons/caret-down`),o=require(`@nubisco/ui/icons/caret-up`);var s=[`id`,`aria-expanded`,`aria-disabled`,`aria-required`,`disabled`],c=[`id`,`aria-expanded`,`aria-disabled`,`aria-required`,`disabled`],l={key:1,class:`nb-select__inner-label`},u={key:0,class:`nb-select__asterisk`,"aria-hidden":`true`},d=[`aria-multiselectable`],f=[`aria-selected`,`aria-disabled`,`onMouseenter`,`onClick`],p={key:0,class:`nb-select__option-check`,"aria-hidden":`true`},m={key:0,viewBox:`0 0 10 8`,fill:`none`,width:`10`,height:`8`},h={class:`nb-select__option-label`},g={key:0,class:`nb-select__empty`},_=[`placeholder`,`onKeydown`],v=(0,i.defineComponent)({__name:`Select`,props:{modelValue:{default:null},options:{default:()=>[]},multiple:{type:Boolean,default:!1},creatable:{type:Boolean,default:!1},createPlaceholder:{default:``},placeholder:{default:`Select…`},name:{default:``},disabled:{type:Boolean,default:!1},required:{type:Boolean,default:!1},id:{default:void 0},label:{default:``},error:{default:``},warning:{default:``},helper:{default:``},variant:{default:`default`},size:{default:`md`}},emits:[`update:modelValue`,`change`,`create`],setup(v,{expose:y,emit:b}){let x=v,S=b,C=(0,i.ref)(``);function w(){let e=C.value.trim();e&&(S(`create`,e),C.value=``)}let T=(0,i.ref)(!1),E=(0,i.ref)(!1),D=(0,i.ref)(-1),O=(0,i.ref)(null),k=(0,i.ref)(null),A=(0,i.ref)(null),j=(0,i.ref)({position:`fixed`,top:`0px`,left:`0px`,width:`0px`,zIndex:`9999`}),M=`nb-select-${(0,i.useId)()}`,N=(0,i.computed)(()=>x.id??M),P=(0,i.computed)(()=>x.modelValue==null?[]:Array.isArray(x.modelValue)?x.modelValue:[x.modelValue]),F=(0,i.computed)(()=>{if(P.value.length===0)return``;let e=x.options??[];return x.multiple?P.value.length===1?e.find(e=>e.value===P.value[0])?.label??String(P.value[0]):P.value.length===2?P.value.map(t=>e.find(e=>e.value===t)?.label??String(t)).join(`, `):`${P.value.length} selected`:e.find(e=>e.value===P.value[0])?.label??String(P.value[0])});function I(e){return P.value.includes(e)}function L(e){if(e.disabled)return;let t;if(x.multiple){let n=[...P.value],r=n.indexOf(e.value);r>=0?n.splice(r,1):n.push(e.value),t=n}else t=e.value,B();S(`update:modelValue`,t),S(`change`,t)}function R(){if(!k.value)return;let e=k.value.getBoundingClientRect(),t=A.value?.offsetHeight??0,n=window.innerHeight-e.bottom,r=e.top;j.value={position:`fixed`,top:t>0&&n<t&&r>n?`${e.top-t}px`:`${e.bottom}px`,left:`${e.left}px`,width:`${e.width}px`,zIndex:`9999`}}function z(){if(x.disabled)return;T.value=!0,R();let e=x.options??[];D.value=P.value.length>0?Math.max(0,e.findIndex(e=>e.value===P.value[0])):-1,(0,i.nextTick)(()=>{R(),G()})}function B(){T.value=!1,D.value=-1}function V(){T.value?B():z()}function H(e){let t=e.target,n=O.value?.contains(t)??!1,r=A.value?.contains(t)??!1;!n&&!r&&B()}function U(){T.value&&R()}(0,i.watch)(T,e=>{e?(document.addEventListener(`mousedown`,H),window.addEventListener(`scroll`,U,!0),window.addEventListener(`resize`,U)):(document.removeEventListener(`mousedown`,H),window.removeEventListener(`scroll`,U,!0),window.removeEventListener(`resize`,U))}),(0,i.onBeforeUnmount)(()=>{document.removeEventListener(`mousedown`,H),window.removeEventListener(`scroll`,U,!0),window.removeEventListener(`resize`,U)});function W(e){let t=x.options??[];if(!T.value){(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`)&&(e.preventDefault(),z());return}e.key===`Escape`?(B(),e.preventDefault()):e.key===`Tab`?B():e.key===`ArrowDown`?(e.preventDefault(),D.value=Math.min(D.value+1,t.length-1),G()):e.key===`ArrowUp`?(e.preventDefault(),D.value=Math.max(D.value-1,0),G()):(e.key===`Enter`||e.key===` `)&&D.value>=0&&(e.preventDefault(),L(t[D.value]))}function G(){(0,i.nextTick)(()=>{!A.value||D.value<0||A.value.querySelectorAll(`.nb-select__option`)[D.value]?.scrollIntoView({block:`nearest`})})}let K=(0,i.computed)(()=>[`nb-select`,`nb-select--${x.variant}`,`nb-select--${x.size}`,{"nb-select--open":T.value,"nb-select--focused":E.value&&!T.value,"nb-select--error":!!x.error,"nb-select--warning":!x.error&&!!x.warning,"nb-select--multiple":x.multiple}]);return y({open:z,close:B}),(y,b)=>((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,null,[(0,i.createElementVNode)(`div`,{ref_key:`rootRef`,ref:O,class:(0,i.normalizeClass)(K.value),onKeydown:W},[v.variant===`default`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:0},[y.$slots.label?(0,i.renderSlot)(y.$slots,`label`,{key:0}):v.label?((0,i.openBlock)(),(0,i.createBlock)(t.t,{key:1,for:N.value,required:v.required,disabled:v.disabled},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.label),1)]),_:1},8,[`for`,`required`,`disabled`])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`button`,{id:N.value,ref_key:`triggerRef`,ref:k,type:`button`,class:`nb-select__trigger`,role:`combobox`,"aria-expanded":T.value,"aria-haspopup":`listbox`,"aria-disabled":v.disabled||void 0,"aria-required":v.required||void 0,disabled:v.disabled||void 0,onClick:V,onFocus:b[0]||=e=>E.value=!0,onBlur:b[1]||=e=>E.value=!1},[(0,i.createElementVNode)(`span`,{class:(0,i.normalizeClass)([`nb-select__value`,{"nb-select__value--placeholder":!F.value}])},[F.value?(0,i.renderSlot)(y.$slots,`value`,{key:0,values:P.value},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(F.value),1)]):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createTextVNode)((0,i.toDisplayString)(v.placeholder),1)],64))],2),v.error?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:0,variant:`error`,"icon-only":!0,class:`nb-select__status-icon`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.error),1)]),_:1})):v.warning?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:1,variant:`warning`,"icon-only":!0,class:`nb-select__status-icon`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(r.t,{align:`center`,justify:`center`,class:`nb-select__caret`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(e.t,{name:T.value?(0,i.unref)(o.regular):(0,i.unref)(a.regular),size:16},null,8,[`name`])]),_:1})],40,s),v.error?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:2,variant:`error`,class:`nb-select__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.error),1)]),_:1})):v.warning?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:3,variant:`warning`,class:`nb-select__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.warning),1)]),_:1})):v.helper?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:4,variant:`helper`,class:`nb-select__message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.helper),1)]),_:1})):(0,i.createCommentVNode)(``,!0)],64)):v.variant===`fluid`?((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createElementVNode)(`button`,{id:N.value,ref_key:`triggerRef`,ref:k,type:`button`,class:`nb-select__trigger`,role:`combobox`,"aria-expanded":T.value,"aria-haspopup":`listbox`,"aria-disabled":v.disabled||void 0,"aria-required":v.required||void 0,disabled:v.disabled||void 0,onClick:V,onFocus:b[2]||=e=>E.value=!0,onBlur:b[3]||=e=>E.value=!1},[v.label||y.$slots.label?((0,i.openBlock)(),(0,i.createBlock)(r.t,{key:0,dir:`row`,align:`center`,gap:`xs`,class:`nb-select__inner-header`},{default:(0,i.withCtx)(()=>[y.$slots.label?(0,i.renderSlot)(y.$slots,`label`,{key:0}):((0,i.openBlock)(),(0,i.createElementBlock)(`label`,l,[(0,i.createTextVNode)((0,i.toDisplayString)(v.label)+` `,1),v.required?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,u,`*`)):(0,i.createCommentVNode)(``,!0)])),v.helper&&!v.error&&!v.warning?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:2,variant:`helper`,"icon-only":!0,class:`nb-select__inner-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.helper),1)]),_:1})):(0,i.createCommentVNode)(``,!0)]),_:3})):(0,i.createCommentVNode)(``,!0),(0,i.createVNode)(r.t,{dir:`row`,align:`end`,flex:``,class:`nb-select__value-row`},{default:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`span`,{class:(0,i.normalizeClass)([`nb-select__value`,{"nb-select__value--placeholder":!F.value}])},[F.value?(0,i.renderSlot)(y.$slots,`value`,{key:0,values:P.value},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(F.value),1)]):((0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:1},[(0,i.createTextVNode)((0,i.toDisplayString)(v.placeholder),1)],64))],2),(0,i.createVNode)(r.t,{align:`center`,justify:`center`,class:`nb-select__caret`},{default:(0,i.withCtx)(()=>[(0,i.createVNode)(e.t,{name:T.value?(0,i.unref)(o.regular):(0,i.unref)(a.regular),size:16},null,8,[`name`])]),_:1})]),_:3})],40,c),v.error?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:0,variant:`error`,class:`nb-select__fluid-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.error),1)]),_:1})):v.warning?((0,i.openBlock)(),(0,i.createBlock)(n.t,{key:1,variant:`warning`,class:`nb-select__fluid-message`},{default:(0,i.withCtx)(()=>[(0,i.createTextVNode)((0,i.toDisplayString)(v.warning),1)]),_:1})):(0,i.createCommentVNode)(``,!0)],64)):(0,i.createCommentVNode)(``,!0)],34),((0,i.openBlock)(),(0,i.createBlock)(i.Teleport,{to:`body`},[T.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:0,ref_key:`dropdownRef`,ref:A,class:`nb-select__dropdown`,style:(0,i.normalizeStyle)(j.value),role:`listbox`,"aria-multiselectable":v.multiple||void 0},[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(v.options,(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:e.value,class:(0,i.normalizeClass)([`nb-select__option`,{"nb-select__option--selected":I(e.value),"nb-select__option--highlighted":D.value===t,"nb-select__option--disabled":e.disabled}]),role:`option`,"aria-selected":I(e.value),"aria-disabled":e.disabled||void 0,onMouseenter:e=>D.value=t,onClick:t=>L(e)},[v.multiple?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,p,[I(e.value)?((0,i.openBlock)(),(0,i.createElementBlock)(`svg`,m,[...b[7]||=[(0,i.createElementVNode)(`path`,{d:`M1 4l3 3 5-6`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`,"stroke-linejoin":`round`},null,-1)]])):(0,i.createCommentVNode)(``,!0)])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`span`,h,[(0,i.renderSlot)(y.$slots,`option`,{option:e},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(e.label),1)])])],42,f))),128)),!v.options||v.options.length===0?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,g,` No options `)):(0,i.createCommentVNode)(``,!0),v.creatable?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:`nb-select__create`,onMousedown:b[6]||=(0,i.withModifiers)(()=>{},[`prevent`])},[(0,i.withDirectives)((0,i.createElementVNode)(`input`,{"onUpdate:modelValue":b[4]||=e=>C.value=e,type:`text`,class:`nb-select__create-input`,placeholder:v.createPlaceholder||`Add new…`,onKeydown:[(0,i.withKeys)((0,i.withModifiers)(w,[`prevent`]),[`enter`]),b[5]||=(0,i.withModifiers)(()=>{},[`stop`])]},null,40,_),[[i.vModelText,C.value]])],32)):(0,i.createCommentVNode)(``,!0)],12,d)):(0,i.createCommentVNode)(``,!0)]))],64))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return v}});

package/dist/Select-Ep1fFBFj.js

@@ -1,378 +0,0 @@
-import { t as e } from "./Icon-rREAqsu0.js";
-import { t } from "./Label-glcQoGCr.js";
-import { t as n } from "./Message-Ciyc2nN6.js";
-import { t as r } from "./Grid-CgUyhsw4.js";
-import { Fragment as i, Teleport as ee, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as te, openBlock as g, ref as _, renderList as ne, renderSlot as v, toDisplayString as y, unref as b, useId as x, vModelText as S, watch as re, withCtx as C, withDirectives as ie, withKeys as ae, withModifiers as w } from "vue";
-import { regular as T } from "@nubisco/ui/icons/caret-down";
-import { regular as E } from "@nubisco/ui/icons/caret-up";
-//#region src/components/Select.vue?vue&type=script&setup=true&lang.ts
-var D = [
-	"id",
-	"aria-expanded",
-	"aria-disabled",
-	"aria-required",
-	"disabled"
-], O = [
-	"id",
-	"aria-expanded",
-	"aria-disabled",
-	"aria-required",
-	"disabled"
-], oe = {
-	key: 1,
-	class: "nb-select__inner-label"
-}, se = {
-	key: 0,
-	class: "nb-select__asterisk",
-	"aria-hidden": "true"
-}, k = ["aria-multiselectable"], ce = [
-	"aria-selected",
-	"aria-disabled",
-	"onMouseenter",
-	"onClick"
-], le = {
-	key: 0,
-	class: "nb-select__option-check",
-	"aria-hidden": "true"
-}, ue = {
-	key: 0,
-	viewBox: "0 0 10 8",
-	fill: "none",
-	width: "10",
-	height: "8"
-}, de = { class: "nb-select__option-label" }, fe = {
-	key: 0,
-	class: "nb-select__empty"
-}, pe = ["placeholder", "onKeydown"], A = /* @__PURE__ */ f({
-	__name: "Select",
-	props: {
-		modelValue: { default: null },
-		options: { default: () => [] },
-		multiple: {
-			type: Boolean,
-			default: !1
-		},
-		creatable: {
-			type: Boolean,
-			default: !1
-		},
-		createPlaceholder: { default: "" },
-		placeholder: { default: "Select…" },
-		name: { default: "" },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		required: {
-			type: Boolean,
-			default: !1
-		},
-		id: { default: void 0 },
-		label: { default: "" },
-		error: { default: "" },
-		warning: { default: "" },
-		helper: { default: "" },
-		variant: { default: "default" },
-		size: { default: "md" }
-	},
-	emits: [
-		"update:modelValue",
-		"change",
-		"create"
-	],
-	setup(f, { expose: A, emit: me }) {
-		let j = f, M = me, N = _("");
-		function P() {
-			let e = N.value.trim();
-			e && (M("create", e), N.value = "");
-		}
-		let F = _(!1), I = _(!1), L = _(-1), R = _(null), z = _(null), B = _(null), V = _({
-			position: "fixed",
-			top: "0px",
-			left: "0px",
-			width: "0px",
-			zIndex: "9999"
-		}), he = `nb-select-${x()}`, H = a(() => j.id ?? he), U = a(() => j.modelValue == null ? [] : Array.isArray(j.modelValue) ? j.modelValue : [j.modelValue]), W = a(() => {
-			if (U.value.length === 0) return "";
-			let e = j.options ?? [];
-			return j.multiple ? U.value.length === 1 ? e.find((e) => e.value === U.value[0])?.label ?? String(U.value[0]) : U.value.length === 2 ? U.value.map((t) => e.find((e) => e.value === t)?.label ?? String(t)).join(", ") : `${U.value.length} selected` : e.find((e) => e.value === U.value[0])?.label ?? String(U.value[0]);
-		});
-		function G(e) {
-			return U.value.includes(e);
-		}
-		function K(e) {
-			if (e.disabled) return;
-			let t;
-			if (j.multiple) {
-				let n = [...U.value], r = n.indexOf(e.value);
-				r >= 0 ? n.splice(r, 1) : n.push(e.value), t = n;
-			} else t = e.value, Y();
-			M("update:modelValue", t), M("change", t);
-		}
-		function q() {
-			if (!z.value) return;
-			let e = z.value.getBoundingClientRect(), t = B.value?.offsetHeight ?? 0, n = window.innerHeight - e.bottom, r = e.top;
-			V.value = {
-				position: "fixed",
-				top: t > 0 && n < t && r > n ? `${e.top - t}px` : `${e.bottom}px`,
-				left: `${e.left}px`,
-				width: `${e.width}px`,
-				zIndex: "9999"
-			};
-		}
-		function J() {
-			if (j.disabled) return;
-			F.value = !0, q();
-			let e = j.options ?? [];
-			L.value = U.value.length > 0 ? Math.max(0, e.findIndex((e) => e.value === U.value[0])) : -1, p(() => {
-				q(), $();
-			});
-		}
-		function Y() {
-			F.value = !1, L.value = -1;
-		}
-		function X() {
-			F.value ? Y() : J();
-		}
-		function Z(e) {
-			let t = e.target, n = R.value?.contains(t) ?? !1, r = B.value?.contains(t) ?? !1;
-			!n && !r && Y();
-		}
-		function Q() {
-			F.value && q();
-		}
-		re(F, (e) => {
-			e ? (document.addEventListener("mousedown", Z), window.addEventListener("scroll", Q, !0), window.addEventListener("resize", Q)) : (document.removeEventListener("mousedown", Z), window.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q));
-		}), te(() => {
-			document.removeEventListener("mousedown", Z), window.removeEventListener("scroll", Q, !0), window.removeEventListener("resize", Q);
-		});
-		function ge(e) {
-			let t = j.options ?? [];
-			if (!F.value) {
-				(e.key === "Enter" || e.key === " " || e.key === "ArrowDown") && (e.preventDefault(), J());
-				return;
-			}
-			e.key === "Escape" ? (Y(), e.preventDefault()) : e.key === "Tab" ? Y() : e.key === "ArrowDown" ? (e.preventDefault(), L.value = Math.min(L.value + 1, t.length - 1), $()) : e.key === "ArrowUp" ? (e.preventDefault(), L.value = Math.max(L.value - 1, 0), $()) : (e.key === "Enter" || e.key === " ") && L.value >= 0 && (e.preventDefault(), K(t[L.value]));
-		}
-		function $() {
-			p(() => {
-				!B.value || L.value < 0 || B.value.querySelectorAll(".nb-select__option")[L.value]?.scrollIntoView({ block: "nearest" });
-			});
-		}
-		let _e = a(() => [
-			"nb-select",
-			`nb-select--${j.variant}`,
-			`nb-select--${j.size}`,
-			{
-				"nb-select--open": F.value,
-				"nb-select--focused": I.value && !F.value,
-				"nb-select--error": !!j.error,
-				"nb-select--warning": !j.error && !!j.warning,
-				"nb-select--multiple": j.multiple
-			}
-		]);
-		return A({
-			open: J,
-			close: Y
-		}), (a, p) => (g(), c(i, null, [l("div", {
-			ref_key: "rootRef",
-			ref: R,
-			class: m(_e.value),
-			onKeydown: ge
-		}, [f.variant === "default" ? (g(), c(i, { key: 0 }, [
-			a.$slots.label ? v(a.$slots, "label", { key: 0 }) : f.label ? (g(), o(t, {
-				key: 1,
-				for: H.value,
-				required: f.required,
-				disabled: f.disabled
-			}, {
-				default: C(() => [u(y(f.label), 1)]),
-				_: 1
-			}, 8, [
-				"for",
-				"required",
-				"disabled"
-			])) : s("", !0),
-			l("button", {
-				id: H.value,
-				ref_key: "triggerRef",
-				ref: z,
-				type: "button",
-				class: "nb-select__trigger",
-				role: "combobox",
-				"aria-expanded": F.value,
-				"aria-haspopup": "listbox",
-				"aria-disabled": f.disabled || void 0,
-				"aria-required": f.required || void 0,
-				disabled: f.disabled || void 0,
-				onClick: X,
-				onFocus: p[0] ||= (e) => I.value = !0,
-				onBlur: p[1] ||= (e) => I.value = !1
-			}, [
-				l("span", { class: m(["nb-select__value", { "nb-select__value--placeholder": !W.value }]) }, [W.value ? v(a.$slots, "value", {
-					key: 0,
-					values: U.value
-				}, () => [u(y(W.value), 1)]) : (g(), c(i, { key: 1 }, [u(y(f.placeholder), 1)], 64))], 2),
-				f.error ? (g(), o(n, {
-					key: 0,
-					variant: "error",
-					"icon-only": !0,
-					class: "nb-select__status-icon"
-				}, {
-					default: C(() => [u(y(f.error), 1)]),
-					_: 1
-				})) : f.warning ? (g(), o(n, {
-					key: 1,
-					variant: "warning",
-					"icon-only": !0,
-					class: "nb-select__status-icon"
-				}, {
-					default: C(() => [u(y(f.warning), 1)]),
-					_: 1
-				})) : s("", !0),
-				d(r, {
-					align: "center",
-					justify: "center",
-					class: "nb-select__caret"
-				}, {
-					default: C(() => [d(e, {
-						name: F.value ? b(E) : b(T),
-						size: 16
-					}, null, 8, ["name"])]),
-					_: 1
-				})
-			], 40, D),
-			f.error ? (g(), o(n, {
-				key: 2,
-				variant: "error",
-				class: "nb-select__message"
-			}, {
-				default: C(() => [u(y(f.error), 1)]),
-				_: 1
-			})) : f.warning ? (g(), o(n, {
-				key: 3,
-				variant: "warning",
-				class: "nb-select__message"
-			}, {
-				default: C(() => [u(y(f.warning), 1)]),
-				_: 1
-			})) : f.helper ? (g(), o(n, {
-				key: 4,
-				variant: "helper",
-				class: "nb-select__message"
-			}, {
-				default: C(() => [u(y(f.helper), 1)]),
-				_: 1
-			})) : s("", !0)
-		], 64)) : f.variant === "fluid" ? (g(), c(i, { key: 1 }, [l("button", {
-			id: H.value,
-			ref_key: "triggerRef",
-			ref: z,
-			type: "button",
-			class: "nb-select__trigger",
-			role: "combobox",
-			"aria-expanded": F.value,
-			"aria-haspopup": "listbox",
-			"aria-disabled": f.disabled || void 0,
-			"aria-required": f.required || void 0,
-			disabled: f.disabled || void 0,
-			onClick: X,
-			onFocus: p[2] ||= (e) => I.value = !0,
-			onBlur: p[3] ||= (e) => I.value = !1
-		}, [f.label || a.$slots.label ? (g(), o(r, {
-			key: 0,
-			dir: "row",
-			align: "center",
-			gap: "xs",
-			class: "nb-select__inner-header"
-		}, {
-			default: C(() => [a.$slots.label ? v(a.$slots, "label", { key: 0 }) : (g(), c("label", oe, [u(y(f.label) + " ", 1), f.required ? (g(), c("span", se, "*")) : s("", !0)])), f.helper && !f.error && !f.warning ? (g(), o(n, {
-				key: 2,
-				variant: "helper",
-				"icon-only": !0,
-				class: "nb-select__inner-message"
-			}, {
-				default: C(() => [u(y(f.helper), 1)]),
-				_: 1
-			})) : s("", !0)]),
-			_: 3
-		})) : s("", !0), d(r, {
-			dir: "row",
-			align: "end",
-			flex: "",
-			class: "nb-select__value-row"
-		}, {
-			default: C(() => [l("span", { class: m(["nb-select__value", { "nb-select__value--placeholder": !W.value }]) }, [W.value ? v(a.$slots, "value", {
-				key: 0,
-				values: U.value
-			}, () => [u(y(W.value), 1)]) : (g(), c(i, { key: 1 }, [u(y(f.placeholder), 1)], 64))], 2), d(r, {
-				align: "center",
-				justify: "center",
-				class: "nb-select__caret"
-			}, {
-				default: C(() => [d(e, {
-					name: F.value ? b(E) : b(T),
-					size: 16
-				}, null, 8, ["name"])]),
-				_: 1
-			})]),
-			_: 3
-		})], 40, O), f.error ? (g(), o(n, {
-			key: 0,
-			variant: "error",
-			class: "nb-select__fluid-message"
-		}, {
-			default: C(() => [u(y(f.error), 1)]),
-			_: 1
-		})) : f.warning ? (g(), o(n, {
-			key: 1,
-			variant: "warning",
-			class: "nb-select__fluid-message"
-		}, {
-			default: C(() => [u(y(f.warning), 1)]),
-			_: 1
-		})) : s("", !0)], 64)) : s("", !0)], 34), (g(), o(ee, { to: "body" }, [F.value ? (g(), c("div", {
-			key: 0,
-			ref_key: "dropdownRef",
-			ref: B,
-			class: "nb-select__dropdown",
-			style: h(V.value),
-			role: "listbox",
-			"aria-multiselectable": f.multiple || void 0
-		}, [
-			(g(!0), c(i, null, ne(f.options, (e, t) => (g(), c("div", {
-				key: e.value,
-				class: m(["nb-select__option", {
-					"nb-select__option--selected": G(e.value),
-					"nb-select__option--highlighted": L.value === t,
-					"nb-select__option--disabled": e.disabled
-				}]),
-				role: "option",
-				"aria-selected": G(e.value),
-				"aria-disabled": e.disabled || void 0,
-				onMouseenter: (e) => L.value = t,
-				onClick: (t) => K(e)
-			}, [f.multiple ? (g(), c("span", le, [G(e.value) ? (g(), c("svg", ue, [...p[7] ||= [l("path", {
-				d: "M1 4l3 3 5-6",
-				stroke: "currentColor",
-				"stroke-width": "1.5",
-				"stroke-linecap": "round",
-				"stroke-linejoin": "round"
-			}, null, -1)]])) : s("", !0)])) : s("", !0), l("span", de, [v(a.$slots, "option", { option: e }, () => [u(y(e.label), 1)])])], 42, ce))), 128)),
-			!f.options || f.options.length === 0 ? (g(), c("div", fe, " No options ")) : s("", !0),
-			f.creatable ? (g(), c("div", {
-				key: 1,
-				class: "nb-select__create",
-				onMousedown: p[6] ||= w(() => {}, ["prevent"])
-			}, [ie(l("input", {
-				"onUpdate:modelValue": p[4] ||= (e) => N.value = e,
-				type: "text",
-				class: "nb-select__create-input",
-				placeholder: f.createPlaceholder || "Add new…",
-				onKeydown: [ae(w(P, ["prevent"]), ["enter"]), p[5] ||= w(() => {}, ["stop"])]
-			}, null, 40, pe), [[S, N.value]])], 32)) : s("", !0)
-		], 12, k)) : s("", !0)]))], 64));
-	}
-});
-//#endregion
-export { A as t };

package/dist/TreeContext-BH2qpPud.cjs

@@ -1 +0,0 @@
-var e=Symbol(`nb-tree`),t=Symbol(`nb-tree-depth`);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});

package/dist/TreeContext-DMADOfuO.js

@@ -1,4 +0,0 @@
-//#region src/components/TreeContext.ts
-var e = Symbol("nb-tree"), t = Symbol("nb-tree-depth");
-//#endregion
-export { e as n, t };