themelia-ui 1.0.0

package/dist/features/filters.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../filters-CN9jMiPW.cjs");exports.AsyncFilterEditor=e.h,exports.DateFilterEditor=e.g,exports.FilterEditor=e._,exports.FilterErrorBoundary=e.z,exports.FilterLayout=e.o,exports.FilterOperator=e.P,exports.FilterOperatorSelect=e.m,exports.FilterPill=e.f,exports.FilterProvider=e.S,exports.FilterTabs=e.d,exports.FilterType=e.F,exports.FilterValueDisplay=e.p,exports.FiltersButton=e.u,exports.RangeFilterEditor=e.v,exports.SearchFilter=e.c,exports.SearchFilters=e.l,exports.SelectFilterEditor=e.y,exports.TagsFilterEditor=e.b,exports.createFilterCache=e.L,exports.defaultFilterStrings=e.E,exports.defineAsyncSelectConfig=e.I,exports.formatFilterValue=e.C,exports.getDateOperators=e.D,exports.getDefaultOperatorForType=e.O,exports.getFilterOption=e.w,exports.getNumberOperators=e.k,exports.getOperatorsForType=e.A,exports.getSelectOperators=e.j,exports.getTagsOperators=e.M,exports.getTextOperators=e.N,exports.mergeFilterQuery=e.r,exports.parseFiltersFromQuery=e.i,exports.predicateValidator=e.t,exports.serializeFiltersToQuery=e.a,exports.useAsyncOptions=e.x,exports.useFilterCache=e.R,exports.useFilterGroups=e.s,exports.useFilters=e.B,exports.validateFilterValue=e.T,exports.zodValidator=e.n;

package/dist/features/filters.css

@@ -0,0 +1,21 @@
+@import "../core.css";
+@import "../css/filters.css";
+@import "../css/typography.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/dropdown-menu.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/text-inputs.css";
+@import "../css/navigation.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/choice-inputs.css";
+@import "../css/label.css";
+@import "../css/popover.css";
+@import "../css/value-inputs.css";
+@import "../css/date-pickers.css";
+@import "../css/command.css";
+@import "../css/overlay.css";
+@import "../css/input-group.css";
+@import "../css/spinner.css";

package/dist/features/filters.js

@@ -0,0 +1,4 @@
+"use client";
+import "../core.css";
+import { A as e, B as t, C as n, D as r, E as i, F as a, I as o, L as s, M as c, N as l, O as u, P as d, R as f, S as p, T as m, _ as h, a as g, b as _, c as v, d as y, f as b, g as x, h as S, i as C, j as w, k as T, l as E, m as D, n as O, o as k, p as A, r as j, s as M, t as N, u as P, v as F, w as I, x as L, y as R, z } from "../filters-D8DV5OkK.js";
+export { S as AsyncFilterEditor, x as DateFilterEditor, h as FilterEditor, z as FilterErrorBoundary, k as FilterLayout, d as FilterOperator, D as FilterOperatorSelect, b as FilterPill, p as FilterProvider, y as FilterTabs, a as FilterType, A as FilterValueDisplay, P as FiltersButton, F as RangeFilterEditor, v as SearchFilter, E as SearchFilters, R as SelectFilterEditor, _ as TagsFilterEditor, s as createFilterCache, i as defaultFilterStrings, o as defineAsyncSelectConfig, n as formatFilterValue, r as getDateOperators, u as getDefaultOperatorForType, I as getFilterOption, T as getNumberOperators, e as getOperatorsForType, w as getSelectOperators, c as getTagsOperators, l as getTextOperators, j as mergeFilterQuery, C as parseFiltersFromQuery, N as predicateValidator, g as serializeFiltersToQuery, L as useAsyncOptions, f as useFilterCache, M as useFilterGroups, t as useFilters, m as validateFilterValue, O as zodValidator };

package/dist/features/global-search.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../typography-kBzTy-jM.cjs"),t=require("../feedback-lBKIc2cQ.cjs"),n=require("../buttons-CQc0AVpb.cjs"),r=require("../display-BPuD0OAo.cjs"),i=require("../badge-CSoXP1oV.cjs"),a=require("../item-BXtuvlig.cjs"),o=require("../text-inputs-Dp4Fczk4.cjs"),s=require("../avatar-BbLcyt_E.cjs"),c=require("../navigation-Zce9nqTO.cjs"),l=require("../overlays-SoQf4DDt.cjs");let u=require("lucide-react"),d=require("react"),f=require("react/jsx-runtime"),p=require("clsx");function m({title:e,hint:n,className:r}){return(0,f.jsx)(t.p,{title:e,description:n,media:(0,f.jsx)(u.SearchIcon,{}),mediaVariant:`icon-soft`,padding:`md`,className:(0,p.clsx)(`global-search-empty-state--component`,r)})}var h={root:`global-search-module__root___2uK8d`,inputRow:`global-search-module__inputRow___5ZyO1`,input:`global-search-module__input___NxwMq`,tabs:`global-search-module__tabs___F4AkW`,tabCount:`global-search-module__tabCount___8rdvw`,scroll:`global-search-module__scroll___9ZgWv`,loading:`global-search-module__loading___U0Be1`,results:`global-search-module__results___P86ME`,group:`global-search-module__group___kx8vY`,groupHeader:`global-search-module__groupHeader___aZkfC`,list:`global-search-module__list___nsyLX`,row:`global-search-module__row___VT0u4`,rowContent:`global-search-module__rowContent___Oz37c`,titleLine:`global-search-module__titleLine___0hHC8`,mark:`global-search-module__mark___wtehS`,secondaryLine:`global-search-module__secondaryLine___raAvC`,piece:`global-search-module__piece___73UEY`,dot:`global-search-module__dot___fWMEm`,meta:`global-search-module__meta___vxlEZ`,metaMono:`global-search-module__metaMono___rWwcI`,metaIcon:`global-search-module__metaIcon___h5l-q`,inlineFigureLabel:`global-search-module__inlineFigureLabel___zDeyI`,figure:`global-search-module__figure___zu80K`,chevron:`global-search-module__chevron___fny2-`,figureValue:`global-search-module__figureValue___f8--8`,figureLabel:`global-search-module__figureLabel___yekhV`,inlineFigure:`global-search-module__inlineFigure___7qxJc`,avatar:`global-search-module__avatar___-tqdu`,thumbnail:`global-search-module__thumbnail___EzaZY`,avatarFallback:`global-search-module__avatarFallback___3fISr`,idle:`global-search-module__idle___0QTXu`,idleHeader:`global-search-module__idleHeader___-IRlF`,idleIcon:`global-search-module__idleIcon___aAyS2`,idleItem:`global-search-module__idleItem___0uEkR`,footer:`global-search-module__footer___-0loJ`,shortcuts:`global-search-module__shortcuts___D73n1`,footerTrailing:`global-search-module__footerTrailing___pKZSM`,dialogSurface:`global-search-module__dialogSurface___vKMiq`,dialogContent:`global-search-module__dialogContent___EKzd5`};function g({navigateLabel:t,openLabel:n,closeLabel:i,escKey:a,trailing:o,className:s}){return(0,f.jsxs)(`div`,{className:(0,p.clsx)(`global-search-footer--component`,h.footer,s),children:[(0,f.jsxs)(`span`,{className:h.shortcuts,children:[(0,f.jsx)(r.a,{children:`↑↓`}),(0,f.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,children:t}),(0,f.jsx)(r.a,{children:`↵`}),(0,f.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,children:n}),(0,f.jsx)(r.a,{children:a}),(0,f.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,children:i})]}),!!o&&(0,f.jsx)(`span`,{className:h.footerTrailing,children:o})]})}function _({sections:t,fallbackIcons:n,className:r}){return(0,f.jsx)(`div`,{className:(0,p.clsx)(`global-search-idle-state--component`,h.idle,r),children:t.map((t,r)=>{let i=t.icon??(r===0?n?.recent??(0,f.jsx)(u.ClockIcon,{}):n?.suggestions??(0,f.jsx)(u.SparklesIcon,{}));return(0,f.jsxs)(`div`,{children:[(0,f.jsxs)(`div`,{className:h.idleHeader,children:[(0,f.jsx)(`span`,{className:h.idleIcon,children:i}),(0,f.jsx)(e.i,{children:t.label})]}),(0,f.jsx)(`ul`,{className:h.list,children:t.items.map(t=>(0,f.jsx)(`li`,{children:(0,f.jsxs)(a.t,{render:(0,f.jsx)(`button`,{type:`button`,onClick:t.onSelect}),className:h.idleItem,children:[(0,f.jsx)(a.c,{variant:`icon`,children:t.icon??(0,f.jsx)(u.SearchIcon,{})}),(0,f.jsx)(a.r,{children:(0,f.jsx)(e.o,{tag:`span`,truncate:!0,children:t.label})})]})},t.id))})]},t.id)})})}var v=(0,d.forwardRef)(function({value:e,onValueChange:t,onKeyDown:n,placeholder:r,clearLabel:i,loading:a=!1,autoFocus:s=!1,className:c},l){let m=(0,d.useRef)(null);return(0,d.useImperativeHandle)(l,()=>m.current),(0,d.useEffect)(()=>{s&&m.current?.focus()},[s]),(0,f.jsx)(`div`,{className:(0,p.clsx)(`global-search-input--component`,h.inputRow,c),children:(0,f.jsx)(o.l,{ref:m,type:`text`,value:e,onChange:e=>t(e.target.value),onKeyDown:n,placeholder:r,"aria-label":r,autoComplete:`off`,spellCheck:!1,startIcon:u.SearchIcon,clearable:!a,onClear:()=>t(``),loading:a,strings:i?{clear:i}:void 0,className:h.input})})});function y(e,t){let n=t.trim();if(!n)return e;let r=e.toLowerCase().indexOf(n.toLowerCase());return r<0?e:(0,f.jsxs)(f.Fragment,{children:[e.slice(0,r),(0,f.jsx)(`mark`,{className:h.mark,children:e.slice(r,r+n.length)}),e.slice(r+n.length)]})}function b({result:t,active:n=!1,query:o=``,onSelect:c,onMouseEnter:l,className:d}){let{avatar:m,thumbnail:g}=t,_=m?(0,f.jsxs)(s.r,{"data-tone":m.tone??`neutral`,className:h.avatar,children:[!!m.src&&(0,f.jsx)(s.c,{src:m.src,alt:``}),(0,f.jsx)(s.a,{className:h.avatarFallback,children:m.initials})]}):g?(0,f.jsx)(r.u,{tone:g.tone??`neutral`,icon:g.icon,className:h.thumbnail}):null,v=[];t.subtitle&&v.push({key:`subtitle`,node:(0,f.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,children:y(t.subtitle,o)})}),t.meta?.forEach((t,n)=>{v.push({key:`meta-${n}`,node:(0,f.jsxs)(e.o,{tag:`span`,size:`xs`,type:`secondary`,numeric:t.mono,className:(0,p.clsx)(h.meta,t.mono&&h.metaMono),children:[!!t.icon&&(0,f.jsx)(`span`,{className:h.metaIcon,children:t.icon}),t.label]})})}),t.timestamp&&v.push({key:`timestamp`,node:(0,f.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,numeric:!0,children:t.timestamp})}),t.tags?.forEach(t=>{v.push({key:`tag-${t}`,node:(0,f.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,children:t})})});let b=t.rightValue!==void 0||t.rightLabel!==void 0;return b&&v.push({key:`figure`,node:(0,f.jsxs)(e.o,{tag:`span`,size:`xs`,weight:`medium`,numeric:!0,className:h.inlineFigure,children:[t.rightValue,!!t.rightLabel&&(0,f.jsx)(e.o,{tag:`span`,size:`inherit`,type:`secondary`,className:h.inlineFigureLabel,children:t.rightLabel})]})}),(0,f.jsxs)(a.t,{render:(0,f.jsx)(`button`,{type:`button`,onClick:c,onMouseEnter:l}),"data-slot":`global-search-result-row`,"data-active":n||void 0,className:(0,p.clsx)(`global-search-result-row--component`,h.row,d),children:[!!_&&(0,f.jsx)(a.c,{children:_}),(0,f.jsxs)(a.r,{className:h.rowContent,children:[(0,f.jsxs)(`span`,{className:h.titleLine,children:[(0,f.jsx)(e.o,{tag:`span`,weight:`semibold`,truncate:!0,children:y(t.title,o)}),!!t.badge&&(0,f.jsx)(i.t,{tone:t.badge.tone,children:t.badge.label})]}),v.length>0&&(0,f.jsx)(`span`,{className:h.secondaryLine,children:v.map((t,n)=>(0,f.jsxs)(`span`,{className:h.piece,children:[n>0&&(0,f.jsx)(e.o,{tag:`span`,size:`xs`,type:`discrete`,"aria-hidden":!0,className:h.dot,children:`·`}),t.node]},t.key))})]}),b&&(0,f.jsxs)(`span`,{className:h.figure,children:[t.rightValue!==void 0&&(0,f.jsx)(e.o,{tag:`span`,weight:`semibold`,numeric:!0,className:h.figureValue,children:t.rightValue}),t.rightLabel!==void 0&&(0,f.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,className:h.figureLabel,children:t.rightLabel})]}),(0,f.jsx)(`span`,{"aria-hidden":!0,className:h.chevron,children:(0,f.jsx)(u.ArrowRightIcon,{})})]})}function x({value:t,onValueChange:n,tabs:r,counts:i,className:a}){return(0,f.jsx)(`div`,{className:(0,p.clsx)(`global-search-tabs--component`,h.tabs,a),children:(0,f.jsx)(c.r,{value:t,onValueChange:e=>n(e),items:r.map(t=>({id:t.value,label:t.label,badge:(0,f.jsx)(e.o,{tag:`span`,size:`xs`,weight:`medium`,numeric:!0,className:h.tabCount,children:i[t.value]??0})}))})})}var S={escKey:`esc`,dialogTitle:`Search`,placeholder:`Search…`,clear:`Clear search`,loading:`Searching…`,emptyTitle:e=>`No results for “${e}”`,emptyHint:`Try a shorter keyword or check the spelling.`,tabAll:`All`,footerNavigate:`navigate`,footerOpen:`open`,footerClose:`close`,resultsCount:e=>`${e} ${e===1?`result`:`results`}`,seeAll:`See all`};function C({results:e,query:t,onResultSelect:n,onClose:r}){let[i,a]=(0,d.useState)(`all`),[o,s]=(0,d.useState)(0),[c,l]=(0,d.useState)(t);t!==c&&(l(t),a(`all`),s(0));let u=(0,d.useMemo)(()=>{let t={};for(let n of e)(t[n.group]??=[]).push(n);return t},[e]),f=(0,d.useMemo)(()=>{let t={all:e.length};for(let[e,n]of Object.entries(u))t[e]=n.length;return t},[u,e.length]),p=(0,d.useMemo)(()=>{if(i===`all`)return u;let e=u[i];return e?{[i]:e}:{}},[i,u]),m=(0,d.useMemo)(()=>i===`all`?[...e]:u[i]??[],[i,u,e]),h=(0,d.useCallback)(e=>{a(e),s(0)},[]),g=(0,d.useCallback)(e=>{let t=m.findIndex(t=>t.id===e);t>=0&&s(t)},[m]),_=(0,d.useCallback)(()=>{let e=m[o];e&&n?.(e)},[o,m,n]);return{grouped:u,tabCounts:f,activeTab:i,setActiveTab:h,visibleGrouped:p,flat:m,activeIndex:o,setActiveIndex:s,setActiveById:g,onKeyDown:(0,d.useCallback)(e=>{if(e.key===`ArrowDown`)e.preventDefault(),s(e=>Math.min(e+1,m.length-1));else if(e.key===`ArrowUp`)e.preventDefault(),s(e=>Math.max(e-1,0));else if(e.key===`Enter`){let t=m[o];t&&(e.preventDefault(),n?.(t))}else e.key===`Escape`&&r?.()},[o,m,r,n]),selectActive:_}}var w=2;function T({results:t=[],query:r,onQueryChange:i,onResultSelect:a,onClose:o,loading:s=!1,idleSections:c,groupLabels:l,autoFocus:u=!1,strings:y,slots:T,tabs:E,className:D}){let O={...S,...y},k=C({results:t,query:r,onResultSelect:a,onClose:o}),A=r.trim(),j=!s&&A.length<w,M=!s&&A.length>=w&&t.length===0,N=!s&&t.length>0,P=(0,d.useMemo)(()=>E||[{value:`all`,label:O.tabAll},...Object.keys(k.grouped).map(e=>({value:e,label:l?.[e]??e}))],[O.tabAll,l,k.grouped,E]);return(0,f.jsxs)(`div`,{"data-slot":`global-search`,className:(0,p.clsx)(`global-search--component`,h.root,D),children:[T?.input??(0,f.jsx)(v,{value:r,onValueChange:i,onKeyDown:k.onKeyDown,placeholder:O.placeholder,clearLabel:O.clear,loading:s,autoFocus:u}),N&&(T?.tabs??(0,f.jsx)(x,{value:k.activeTab,onValueChange:k.setActiveTab,tabs:P,counts:k.tabCounts})),(0,f.jsxs)(`div`,{className:h.scroll,children:[j&&(T?.idle??(c&&c.length>0?(0,f.jsx)(_,{sections:c}):null)),s&&(T?.loading??(0,f.jsx)(`div`,{className:h.loading,children:(0,f.jsx)(e.o,{type:`secondary`,children:O.loading})})),M&&(T?.empty??(0,f.jsx)(m,{title:O.emptyTitle(r),hint:O.emptyHint})),N&&(0,f.jsx)(`div`,{className:h.results,children:Object.entries(k.visibleGrouped).map(([t,i])=>(0,f.jsxs)(`div`,{className:h.group,children:[(0,f.jsxs)(`div`,{className:h.groupHeader,children:[(0,f.jsx)(e.i,{children:l?.[t]??t}),k.activeTab===`all`&&i.length>0&&(0,f.jsx)(n.c,{type:`button`,tone:`primary`,buttonStyle:`ghost`,onClick:()=>k.setActiveTab(t),children:O.seeAll})]}),(0,f.jsx)(`ul`,{className:h.list,children:i.map(e=>{let t=k.flat[k.activeIndex]?.id===e.id,n=()=>a?.(e);return(0,f.jsx)(`li`,{children:T?.renderResult?.(e,{isActive:t,query:r,onSelect:n})??(0,f.jsx)(b,{result:e,active:t,query:r,onSelect:n,onMouseEnter:()=>k.setActiveById(e.id)})},e.id)})})]},t))})]}),T?.footer??(0,f.jsx)(g,{navigateLabel:O.footerNavigate,openLabel:O.footerOpen,closeLabel:O.footerClose,escKey:O.escKey,trailing:N?(0,f.jsx)(e.o,{tag:`span`,size:`xs`,type:`secondary`,children:O.resultsCount(t.length)}):void 0})]})}function E({open:e,onOpenChange:t,contentClassName:n,className:r,strings:i,autoFocus:a=!0,...o}){let s={...S,...i},c=(0,d.useCallback)(()=>t(!1),[t]);return(0,f.jsx)(l.r,{open:e,onOpenChange:t,title:s.dialogTitle,hideHeader:!0,showCloseButton:!1,showCancel:!1,showConfirm:!1,width:`lg`,className:(0,p.clsx)(`global-search-dialog--component`,h.dialogSurface,n),contentClassName:h.dialogContent,children:(0,f.jsx)(T,{...o,strings:i,autoFocus:a,onClose:c,className:r})})}exports.GlobalSearch=T,exports.GlobalSearchDialog=E,exports.GlobalSearchEmptyState=m,exports.GlobalSearchFooter=g,exports.GlobalSearchIdleState=_,exports.GlobalSearchInput=v,exports.GlobalSearchResultRow=b,exports.GlobalSearchTabs=x,exports.defaultGlobalSearchStrings=S,exports.useGlobalSearch=C;

package/dist/features/global-search.css

@@ -0,0 +1,19 @@
+@import "../core.css";
+@import "../css/global-search.css";
+@import "../css/typography.css";
+@import "../css/feedback.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/item.css";
+@import "../css/text-inputs.css";
+@import "../css/avatar.css";
+@import "../css/navigation.css";
+@import "../css/dropdown-menu.css";
+@import "../css/choice-inputs.css";
+@import "../css/label.css";
+@import "../css/overlays.css";
+@import "../css/overlay.css";

package/dist/features/global-search.js

@@ -0,0 +1,556 @@
+"use client";
+import "../core.css";
+import "../css/global-search.css";
+import { t as e } from "../cx--CBrhWH0.js";
+import { i as t, o as n } from "../typography-vC_wwEBm.js";
+import { p as r } from "../feedback-DHdvxang.js";
+import { c as i } from "../buttons-CabBjPap.js";
+import { a, u as o } from "../display-DTWjv_bB.js";
+import { t as s } from "../badge-DwsR_WXN.js";
+import { c, r as l, t as u } from "../item-CVi-_7OU.js";
+import { l as d } from "../text-inputs-BMW3hP0R.js";
+import { a as f, c as p, r as m } from "../avatar-y8bQHcPP.js";
+import { r as h } from "../navigation-CRCc8lpn.js";
+import { r as g } from "../overlays-BN7GOm51.js";
+import { ArrowRightIcon as _, ClockIcon as v, SearchIcon as y, SparklesIcon as b } from "lucide-react";
+import { forwardRef as x, useCallback as S, useEffect as C, useImperativeHandle as w, useMemo as T, useRef as E, useState as D } from "react";
+import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+//#region src/components/features/global-search/global-search-empty-state.tsx
+function j({ title: t, hint: n, className: i }) {
+	return /* @__PURE__ */ k(r, {
+		title: t,
+		description: n,
+		media: /* @__PURE__ */ k(y, {}),
+		mediaVariant: "icon-soft",
+		padding: "md",
+		className: e("global-search-empty-state--component", i)
+	});
+}
+var M = {
+	root: "global-search-module__root___2uK8d",
+	inputRow: "global-search-module__inputRow___5ZyO1",
+	input: "global-search-module__input___NxwMq",
+	tabs: "global-search-module__tabs___F4AkW",
+	tabCount: "global-search-module__tabCount___8rdvw",
+	scroll: "global-search-module__scroll___9ZgWv",
+	loading: "global-search-module__loading___U0Be1",
+	results: "global-search-module__results___P86ME",
+	group: "global-search-module__group___kx8vY",
+	groupHeader: "global-search-module__groupHeader___aZkfC",
+	list: "global-search-module__list___nsyLX",
+	row: "global-search-module__row___VT0u4",
+	rowContent: "global-search-module__rowContent___Oz37c",
+	titleLine: "global-search-module__titleLine___0hHC8",
+	mark: "global-search-module__mark___wtehS",
+	secondaryLine: "global-search-module__secondaryLine___raAvC",
+	piece: "global-search-module__piece___73UEY",
+	dot: "global-search-module__dot___fWMEm",
+	meta: "global-search-module__meta___vxlEZ",
+	metaMono: "global-search-module__metaMono___rWwcI",
+	metaIcon: "global-search-module__metaIcon___h5l-q",
+	inlineFigureLabel: "global-search-module__inlineFigureLabel___zDeyI",
+	figure: "global-search-module__figure___zu80K",
+	chevron: "global-search-module__chevron___fny2-",
+	figureValue: "global-search-module__figureValue___f8--8",
+	figureLabel: "global-search-module__figureLabel___yekhV",
+	inlineFigure: "global-search-module__inlineFigure___7qxJc",
+	avatar: "global-search-module__avatar___-tqdu",
+	thumbnail: "global-search-module__thumbnail___EzaZY",
+	avatarFallback: "global-search-module__avatarFallback___3fISr",
+	idle: "global-search-module__idle___0QTXu",
+	idleHeader: "global-search-module__idleHeader___-IRlF",
+	idleIcon: "global-search-module__idleIcon___aAyS2",
+	idleItem: "global-search-module__idleItem___0uEkR",
+	footer: "global-search-module__footer___-0loJ",
+	shortcuts: "global-search-module__shortcuts___D73n1",
+	footerTrailing: "global-search-module__footerTrailing___pKZSM",
+	dialogSurface: "global-search-module__dialogSurface___vKMiq",
+	dialogContent: "global-search-module__dialogContent___EKzd5"
+};
+//#endregion
+//#region src/components/features/global-search/global-search-footer.tsx
+function N({ navigateLabel: t, openLabel: r, closeLabel: i, escKey: o, trailing: s, className: c }) {
+	return /* @__PURE__ */ A("div", {
+		className: e("global-search-footer--component", M.footer, c),
+		children: [/* @__PURE__ */ A("span", {
+			className: M.shortcuts,
+			children: [
+				/* @__PURE__ */ k(a, { children: "↑↓" }),
+				/* @__PURE__ */ k(n, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					children: t
+				}),
+				/* @__PURE__ */ k(a, { children: "↵" }),
+				/* @__PURE__ */ k(n, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					children: r
+				}),
+				/* @__PURE__ */ k(a, { children: o }),
+				/* @__PURE__ */ k(n, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					children: i
+				})
+			]
+		}), !!s && /* @__PURE__ */ k("span", {
+			className: M.footerTrailing,
+			children: s
+		})]
+	});
+}
+//#endregion
+//#region src/components/features/global-search/global-search-idle-state.tsx
+function P({ sections: r, fallbackIcons: i, className: a }) {
+	return /* @__PURE__ */ k("div", {
+		className: e("global-search-idle-state--component", M.idle, a),
+		children: r.map((e, r) => {
+			let a = e.icon ?? (r === 0 ? i?.recent ?? /* @__PURE__ */ k(v, {}) : i?.suggestions ?? /* @__PURE__ */ k(b, {}));
+			return /* @__PURE__ */ A("div", { children: [/* @__PURE__ */ A("div", {
+				className: M.idleHeader,
+				children: [/* @__PURE__ */ k("span", {
+					className: M.idleIcon,
+					children: a
+				}), /* @__PURE__ */ k(t, { children: e.label })]
+			}), /* @__PURE__ */ k("ul", {
+				className: M.list,
+				children: e.items.map((e) => /* @__PURE__ */ k("li", { children: /* @__PURE__ */ A(u, {
+					render: /* @__PURE__ */ k("button", {
+						type: "button",
+						onClick: e.onSelect
+					}),
+					className: M.idleItem,
+					children: [/* @__PURE__ */ k(c, {
+						variant: "icon",
+						children: e.icon ?? /* @__PURE__ */ k(y, {})
+					}), /* @__PURE__ */ k(l, { children: /* @__PURE__ */ k(n, {
+						tag: "span",
+						truncate: !0,
+						children: e.label
+					}) })]
+				}) }, e.id))
+			})] }, e.id);
+		})
+	});
+}
+//#endregion
+//#region src/components/features/global-search/global-search-input.tsx
+var F = x(function({ value: t, onValueChange: n, onKeyDown: r, placeholder: i, clearLabel: a, loading: o = !1, autoFocus: s = !1, className: c }, l) {
+	let u = E(null);
+	return w(l, () => u.current), C(() => {
+		s && u.current?.focus();
+	}, [s]), /* @__PURE__ */ k("div", {
+		className: e("global-search-input--component", M.inputRow, c),
+		children: /* @__PURE__ */ k(d, {
+			ref: u,
+			type: "text",
+			value: t,
+			onChange: (e) => n(e.target.value),
+			onKeyDown: r,
+			placeholder: i,
+			"aria-label": i,
+			autoComplete: "off",
+			spellCheck: !1,
+			startIcon: y,
+			clearable: !o,
+			onClear: () => n(""),
+			loading: o,
+			strings: a ? { clear: a } : void 0,
+			className: M.input
+		})
+	});
+});
+//#endregion
+//#region src/components/features/global-search/global-search-result-row.tsx
+function I(e, t) {
+	let n = t.trim();
+	if (!n) return e;
+	let r = e.toLowerCase().indexOf(n.toLowerCase());
+	return r < 0 ? e : /* @__PURE__ */ A(O, { children: [
+		e.slice(0, r),
+		/* @__PURE__ */ k("mark", {
+			className: M.mark,
+			children: e.slice(r, r + n.length)
+		}),
+		e.slice(r + n.length)
+	] });
+}
+function L({ result: t, active: r = !1, query: i = "", onSelect: a, onMouseEnter: d, className: h }) {
+	let { avatar: g, thumbnail: v } = t, y = g ? /* @__PURE__ */ A(m, {
+		"data-tone": g.tone ?? "neutral",
+		className: M.avatar,
+		children: [!!g.src && /* @__PURE__ */ k(p, {
+			src: g.src,
+			alt: ""
+		}), /* @__PURE__ */ k(f, {
+			className: M.avatarFallback,
+			children: g.initials
+		})]
+	}) : v ? /* @__PURE__ */ k(o, {
+		tone: v.tone ?? "neutral",
+		icon: v.icon,
+		className: M.thumbnail
+	}) : null, b = [];
+	t.subtitle && b.push({
+		key: "subtitle",
+		node: /* @__PURE__ */ k(n, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			children: I(t.subtitle, i)
+		})
+	}), t.meta?.forEach((t, r) => {
+		b.push({
+			key: `meta-${r}`,
+			node: /* @__PURE__ */ A(n, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				numeric: t.mono,
+				className: e(M.meta, t.mono && M.metaMono),
+				children: [!!t.icon && /* @__PURE__ */ k("span", {
+					className: M.metaIcon,
+					children: t.icon
+				}), t.label]
+			})
+		});
+	}), t.timestamp && b.push({
+		key: "timestamp",
+		node: /* @__PURE__ */ k(n, {
+			tag: "span",
+			size: "xs",
+			type: "secondary",
+			numeric: !0,
+			children: t.timestamp
+		})
+	}), t.tags?.forEach((e) => {
+		b.push({
+			key: `tag-${e}`,
+			node: /* @__PURE__ */ k(n, {
+				tag: "span",
+				size: "xs",
+				type: "secondary",
+				children: e
+			})
+		});
+	});
+	let x = t.rightValue !== void 0 || t.rightLabel !== void 0;
+	return x && b.push({
+		key: "figure",
+		node: /* @__PURE__ */ A(n, {
+			tag: "span",
+			size: "xs",
+			weight: "medium",
+			numeric: !0,
+			className: M.inlineFigure,
+			children: [t.rightValue, !!t.rightLabel && /* @__PURE__ */ k(n, {
+				tag: "span",
+				size: "inherit",
+				type: "secondary",
+				className: M.inlineFigureLabel,
+				children: t.rightLabel
+			})]
+		})
+	}), /* @__PURE__ */ A(u, {
+		render: /* @__PURE__ */ k("button", {
+			type: "button",
+			onClick: a,
+			onMouseEnter: d
+		}),
+		"data-slot": "global-search-result-row",
+		"data-active": r || void 0,
+		className: e("global-search-result-row--component", M.row, h),
+		children: [
+			!!y && /* @__PURE__ */ k(c, { children: y }),
+			/* @__PURE__ */ A(l, {
+				className: M.rowContent,
+				children: [/* @__PURE__ */ A("span", {
+					className: M.titleLine,
+					children: [/* @__PURE__ */ k(n, {
+						tag: "span",
+						weight: "semibold",
+						truncate: !0,
+						children: I(t.title, i)
+					}), !!t.badge && /* @__PURE__ */ k(s, {
+						tone: t.badge.tone,
+						children: t.badge.label
+					})]
+				}), b.length > 0 && /* @__PURE__ */ k("span", {
+					className: M.secondaryLine,
+					children: b.map((e, t) => /* @__PURE__ */ A("span", {
+						className: M.piece,
+						children: [t > 0 && /* @__PURE__ */ k(n, {
+							tag: "span",
+							size: "xs",
+							type: "discrete",
+							"aria-hidden": !0,
+							className: M.dot,
+							children: "·"
+						}), e.node]
+					}, e.key))
+				})]
+			}),
+			x && /* @__PURE__ */ A("span", {
+				className: M.figure,
+				children: [t.rightValue !== void 0 && /* @__PURE__ */ k(n, {
+					tag: "span",
+					weight: "semibold",
+					numeric: !0,
+					className: M.figureValue,
+					children: t.rightValue
+				}), t.rightLabel !== void 0 && /* @__PURE__ */ k(n, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					className: M.figureLabel,
+					children: t.rightLabel
+				})]
+			}),
+			/* @__PURE__ */ k("span", {
+				"aria-hidden": !0,
+				className: M.chevron,
+				children: /* @__PURE__ */ k(_, {})
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/global-search/global-search-tabs.tsx
+function R({ value: t, onValueChange: r, tabs: i, counts: a, className: o }) {
+	return /* @__PURE__ */ k("div", {
+		className: e("global-search-tabs--component", M.tabs, o),
+		children: /* @__PURE__ */ k(h, {
+			value: t,
+			onValueChange: (e) => r(e),
+			items: i.map((e) => ({
+				id: e.value,
+				label: e.label,
+				badge: /* @__PURE__ */ k(n, {
+					tag: "span",
+					size: "xs",
+					weight: "medium",
+					numeric: !0,
+					className: M.tabCount,
+					children: a[e.value] ?? 0
+				})
+			}))
+		})
+	});
+}
+//#endregion
+//#region src/components/features/global-search/global-search.strings.ts
+var z = {
+	escKey: "esc",
+	dialogTitle: "Search",
+	placeholder: "Search…",
+	clear: "Clear search",
+	loading: "Searching…",
+	emptyTitle: (e) => `No results for “${e}”`,
+	emptyHint: "Try a shorter keyword or check the spelling.",
+	tabAll: "All",
+	footerNavigate: "navigate",
+	footerOpen: "open",
+	footerClose: "close",
+	resultsCount: (e) => `${e} ${e === 1 ? "result" : "results"}`,
+	seeAll: "See all"
+};
+//#endregion
+//#region src/components/features/global-search/use-global-search.ts
+function B({ results: e, query: t, onResultSelect: n, onClose: r }) {
+	let [i, a] = D("all"), [o, s] = D(0), [c, l] = D(t);
+	t !== c && (l(t), a("all"), s(0));
+	let u = T(() => {
+		let t = {};
+		for (let n of e) (t[n.group] ??= []).push(n);
+		return t;
+	}, [e]), d = T(() => {
+		let t = { all: e.length };
+		for (let [e, n] of Object.entries(u)) t[e] = n.length;
+		return t;
+	}, [u, e.length]), f = T(() => {
+		if (i === "all") return u;
+		let e = u[i];
+		return e ? { [i]: e } : {};
+	}, [i, u]), p = T(() => i === "all" ? [...e] : u[i] ?? [], [
+		i,
+		u,
+		e
+	]), m = S((e) => {
+		a(e), s(0);
+	}, []), h = S((e) => {
+		let t = p.findIndex((t) => t.id === e);
+		t >= 0 && s(t);
+	}, [p]), g = S(() => {
+		let e = p[o];
+		e && n?.(e);
+	}, [
+		o,
+		p,
+		n
+	]);
+	return {
+		grouped: u,
+		tabCounts: d,
+		activeTab: i,
+		setActiveTab: m,
+		visibleGrouped: f,
+		flat: p,
+		activeIndex: o,
+		setActiveIndex: s,
+		setActiveById: h,
+		onKeyDown: S((e) => {
+			if (e.key === "ArrowDown") e.preventDefault(), s((e) => Math.min(e + 1, p.length - 1));
+			else if (e.key === "ArrowUp") e.preventDefault(), s((e) => Math.max(e - 1, 0));
+			else if (e.key === "Enter") {
+				let t = p[o];
+				t && (e.preventDefault(), n?.(t));
+			} else e.key === "Escape" && r?.();
+		}, [
+			o,
+			p,
+			r,
+			n
+		]),
+		selectActive: g
+	};
+}
+//#endregion
+//#region src/components/features/global-search/global-search.tsx
+var V = 2;
+function H({ results: r = [], query: a, onQueryChange: o, onResultSelect: s, onClose: c, loading: l = !1, idleSections: u, groupLabels: d, autoFocus: f = !1, strings: p, slots: m, tabs: h, className: g }) {
+	let _ = {
+		...z,
+		...p
+	}, v = B({
+		results: r,
+		query: a,
+		onResultSelect: s,
+		onClose: c
+	}), y = a.trim(), b = !l && y.length < V, x = !l && y.length >= V && r.length === 0, S = !l && r.length > 0, C = T(() => h || [{
+		value: "all",
+		label: _.tabAll
+	}, ...Object.keys(v.grouped).map((e) => ({
+		value: e,
+		label: d?.[e] ?? e
+	}))], [
+		_.tabAll,
+		d,
+		v.grouped,
+		h
+	]);
+	return /* @__PURE__ */ A("div", {
+		"data-slot": "global-search",
+		className: e("global-search--component", M.root, g),
+		children: [
+			m?.input ?? /* @__PURE__ */ k(F, {
+				value: a,
+				onValueChange: o,
+				onKeyDown: v.onKeyDown,
+				placeholder: _.placeholder,
+				clearLabel: _.clear,
+				loading: l,
+				autoFocus: f
+			}),
+			S && (m?.tabs ?? /* @__PURE__ */ k(R, {
+				value: v.activeTab,
+				onValueChange: v.setActiveTab,
+				tabs: C,
+				counts: v.tabCounts
+			})),
+			/* @__PURE__ */ A("div", {
+				className: M.scroll,
+				children: [
+					b && (m?.idle ?? (u && u.length > 0 ? /* @__PURE__ */ k(P, { sections: u }) : null)),
+					l && (m?.loading ?? /* @__PURE__ */ k("div", {
+						className: M.loading,
+						children: /* @__PURE__ */ k(n, {
+							type: "secondary",
+							children: _.loading
+						})
+					})),
+					x && (m?.empty ?? /* @__PURE__ */ k(j, {
+						title: _.emptyTitle(a),
+						hint: _.emptyHint
+					})),
+					S && /* @__PURE__ */ k("div", {
+						className: M.results,
+						children: Object.entries(v.visibleGrouped).map(([e, n]) => /* @__PURE__ */ A("div", {
+							className: M.group,
+							children: [/* @__PURE__ */ A("div", {
+								className: M.groupHeader,
+								children: [/* @__PURE__ */ k(t, { children: d?.[e] ?? e }), v.activeTab === "all" && n.length > 0 && /* @__PURE__ */ k(i, {
+									type: "button",
+									tone: "primary",
+									buttonStyle: "ghost",
+									onClick: () => v.setActiveTab(e),
+									children: _.seeAll
+								})]
+							}), /* @__PURE__ */ k("ul", {
+								className: M.list,
+								children: n.map((e) => {
+									let t = v.flat[v.activeIndex]?.id === e.id, n = () => s?.(e);
+									return /* @__PURE__ */ k("li", { children: m?.renderResult?.(e, {
+										isActive: t,
+										query: a,
+										onSelect: n
+									}) ?? /* @__PURE__ */ k(L, {
+										result: e,
+										active: t,
+										query: a,
+										onSelect: n,
+										onMouseEnter: () => v.setActiveById(e.id)
+									}) }, e.id);
+								})
+							})]
+						}, e))
+					})
+				]
+			}),
+			m?.footer ?? /* @__PURE__ */ k(N, {
+				navigateLabel: _.footerNavigate,
+				openLabel: _.footerOpen,
+				closeLabel: _.footerClose,
+				escKey: _.escKey,
+				trailing: S ? /* @__PURE__ */ k(n, {
+					tag: "span",
+					size: "xs",
+					type: "secondary",
+					children: _.resultsCount(r.length)
+				}) : void 0
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/features/global-search/global-search-dialog.tsx
+function U({ open: t, onOpenChange: n, contentClassName: r, className: i, strings: a, autoFocus: o = !0, ...s }) {
+	let c = {
+		...z,
+		...a
+	}, l = S(() => n(!1), [n]);
+	return /* @__PURE__ */ k(g, {
+		open: t,
+		onOpenChange: n,
+		title: c.dialogTitle,
+		hideHeader: !0,
+		showCloseButton: !1,
+		showCancel: !1,
+		showConfirm: !1,
+		width: "lg",
+		className: e("global-search-dialog--component", M.dialogSurface, r),
+		contentClassName: M.dialogContent,
+		children: /* @__PURE__ */ k(H, {
+			...s,
+			strings: a,
+			autoFocus: o,
+			onClose: l,
+			className: i
+		})
+	});
+}
+//#endregion
+export { H as GlobalSearch, U as GlobalSearchDialog, j as GlobalSearchEmptyState, N as GlobalSearchFooter, P as GlobalSearchIdleState, F as GlobalSearchInput, L as GlobalSearchResultRow, R as GlobalSearchTabs, z as defaultGlobalSearchStrings, B as useGlobalSearch };

package/dist/features/kanban.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../typography-kBzTy-jM.cjs"),t=require("../buttons-CQc0AVpb.cjs"),n=require("../action-menu-DcUKnD_n.cjs"),r=require("../strings-BiKL6k6b.cjs");let i=require("lucide-react"),a=require("react"),o=require("react/jsx-runtime"),s=require("@dnd-kit/core"),c=require("@dnd-kit/sortable"),l=require("@dnd-kit/utilities"),u=require("clsx");var d=(0,a.createContext)(null),f=d.Provider;function p(){let e=(0,a.useContext)(d);if(!e)throw Error(`Kanban parts must be used inside a <Kanban> root.`);return e}var m=(0,a.createContext)(null),h=m.Provider;function g(){let e=(0,a.useContext)(m);if(!e)throw Error(`KanbanItemHandle and KanbanItemActions must be used inside a <KanbanItem>.`);return e}function _({value:e,onValueChange:t,getItemValue:n,onItemMove:r}){let i=(0,a.useCallback)(t=>{for(let[r,i]of Object.entries(e)){let e=i.findIndex(e=>n(e)===t);if(e>=0)return{columnId:r,index:e,item:i[e]}}},[n,e]),o=(0,a.useCallback)(({itemId:n,toColumnId:a,toIndex:o})=>{let s=i(n);if(!s||!Object.prototype.hasOwnProperty.call(e,a))return;let{columnId:c,index:l,item:u}=s,d=e[a],f=o===void 0?d.length:Math.max(0,Math.min(o,d.length));if(c===a&&l===f)return;let p={...e},m=[...p[c]];m.splice(l,1),p[c]=m;let h=[...c===a?m:p[a]],g=c===a&&l<f?Math.max(0,f-1):f;h.splice(g,0,u),p[a]=h,t(p),r?.({item:u,itemId:n,from:{columnId:c,index:l},to:{columnId:a,index:g}})},[i,r,t,e]);return(0,a.useMemo)(()=>({findItem:i,move:o}),[i,o])}var v={formatDragStart:e=>`Picked up ${e}.`,formatDragMove:(e,t)=>`Moving ${e} to ${t}.`,formatDragEnd:(e,t)=>`Dropped ${e} into ${t}.`,formatDragCancel:e=>`Cancelled the drag of ${e}.`,dragHandleLabel:`Drag handle`,boardLabel:`Board`,itemActionsLabel:`Item actions`},y={root:`kanban-module__root___7rU6S`,board:`kanban-module__board___Y14Cj`,column:`kanban-module__column___gwMsZ`,columnContent:`kanban-module__columnContent___X-gZu`,item:`kanban-module__item___gJBrq`,handle:`kanban-module__handle___wJu6v`,actions:`kanban-module__actions___SthGl`,actionsTrigger:`kanban-module__actionsTrigger___6AeYQ`,overlay:`kanban-module__overlay___9d47Y`},b=6;function x({value:e,onValueChange:t,getItemValue:n,onItemMove:i,itemActions:c,onItemClick:l,strings:d,className:p,children:m}){let h=(0,a.useMemo)(()=>r.t(v,d),[d]),{findItem:g,move:x}=_({value:e,onValueChange:t,getItemValue:n,onItemMove:i}),[S,C]=(0,a.useState)(null),w=(0,s.useSensors)((0,s.useSensor)(s.PointerSensor,{activationConstraint:{distance:b}})),T=(0,a.useMemo)(()=>S?g(S)?.item??null:null,[S,g]),E=(0,a.useCallback)(t=>{C(null);let{active:n,over:r}=t;if(!r)return;let i=r.data.current,a=String(r.id),o=i?.columnId??(Object.prototype.hasOwnProperty.call(e,a)?a:void 0);o&&x({itemId:String(n.id),toColumnId:o,toIndex:i?.columnId===void 0?void 0:i.index})},[x,e]),D=(0,a.useMemo)(()=>({value:e,onValueChange:t,getItemValue:n,activeId:S,activeItem:T,findItem:g,itemActions:c,onItemClick:l,strings:h}),[S,T,h,g,n,c,l,t,e]);return(0,o.jsx)(f,{value:D,children:(0,o.jsx)(s.DndContext,{sensors:w,onDragStart:e=>C(String(e.active.id)),onDragEnd:E,onDragCancel:()=>C(null),accessibility:{announcements:{onDragStart:({active:e})=>h.formatDragStart(String(e.id)),onDragOver:({active:e,over:t})=>t?h.formatDragMove(String(e.id),String(t.id)):void 0,onDragEnd:({active:e,over:t})=>h.formatDragEnd(String(e.id),t?String(t.id):``),onDragCancel:({active:e})=>h.formatDragCancel(String(e.id))}},children:(0,o.jsx)(`div`,{role:`application`,"aria-label":h.boardLabel,className:(0,u.clsx)(`kanban--component`,y.root,p),children:m})})})}function S({className:e,style:t,children:n}){return(0,o.jsx)(`div`,{"data-slot":`kanban-board`,style:t,className:(0,u.clsx)(`kanban-board--component`,y.board,e),children:n})}function C({value:e,className:t,children:n}){let{setNodeRef:r,isOver:i}=(0,s.useDroppable)({id:e});return(0,o.jsx)(`div`,{ref:r,"data-slot":`kanban-column`,"data-column-id":e,"data-over":i||void 0,className:(0,u.clsx)(`kanban-column--component`,y.column,t),children:n})}function w({value:e,className:t,children:n}){let r=p(),i=(r.value[e]??[]).map(e=>r.getItemValue(e));return(0,o.jsx)(c.SortableContext,{items:i,strategy:c.verticalListSortingStrategy,children:(0,o.jsx)(`div`,{"data-slot":`kanban-column-content`,className:(0,u.clsx)(`kanban-column-content--component`,y.columnContent,t),children:n})})}function T({value:e,className:t,disabled:n=!1,onClick:r,children:i}){let s=p(),d=s.findItem(e),{attributes:f,listeners:m,setNodeRef:g,setActivatorNodeRef:_,transform:v,transition:b,isDragging:x}=(0,c.useSortable)({id:e,disabled:n,data:{columnId:d?.columnId,index:d?.index}}),[S,C]=(0,a.useState)(0),w=S>0,T=(0,a.useCallback)(()=>(C(e=>e+1),()=>C(e=>Math.max(0,e-1))),[]),E=(0,a.useMemo)(()=>({listeners:m,attributes:f,setActivatorNodeRef:_,registerHandle:T,itemId:e,item:d?.item??null}),[f,d?.item,m,T,_,e]),D=s.onItemClick,O=!!(r||D),k=d?.item,A=(0,a.useCallback)(e=>{if(!e.target?.closest(`[data-stop-item-click]`)){if(r){r();return}D&&k!==void 0&&D(k)}},[k,r,D]);return(0,o.jsx)(h,{value:E,children:(0,o.jsx)(`div`,{ref:g,style:{transform:l.CSS.Transform.toString(v),transition:b,opacity:x?.4:void 0},"data-slot":`kanban-item`,"data-dragging":x||void 0,"data-clickable":O||void 0,className:(0,u.clsx)(`kanban-item--component`,y.item,t),onClick:O?A:void 0,...w?{}:f,...w?{}:m,children:i})})}function E({className:e,children:n,ref:r}){let{setActivatorNodeRef:s,listeners:c,attributes:l,registerHandle:d}=g(),{strings:f}=p();(0,a.useEffect)(()=>d(),[d]);let m=(0,a.useCallback)(e=>{s(e),typeof r==`function`?r(e):r&&(r.current=e)},[r,s]);return(0,o.jsx)(t.c,{ref:m,type:`button`,tone:`neutral`,buttonStyle:`ghost`,iconOnly:!0,"data-slot":`kanban-item-handle`,"data-stop-item-click":!0,"aria-label":f.dragHandleLabel,onClick:e=>e.stopPropagation(),className:(0,u.clsx)(`kanban-item-handle--component`,y.handle,e),...l,...c,children:n??(0,o.jsx)(i.GripVerticalIcon,{})})}function D({className:e,icon:t,label:r}){let i=p(),{item:s}=g(),c=(0,a.useMemo)(()=>{let e=i.itemActions;return!e||s==null?[]:(typeof e==`function`?e(s):e).flatMap(e=>{if(!(typeof e.visible==`function`?e.visible(s):e.visible??!0))return[];let t=typeof e.disabled==`function`?e.disabled(s):e.disabled??!1;return[{...e,disabled:t}]})},[i.itemActions,s]);if(s===null||c.length===0)return null;let l=c.map(e=>({id:e.id,label:e.label,icon:e.icon?()=>(0,o.jsx)(o.Fragment,{children:e.icon}):void 0,disabled:e.disabled,tone:e.tone,onClick:()=>e.onClick(s)}));return(0,o.jsx)(`span`,{"data-stop-item-click":!0,onClick:e=>e.stopPropagation(),onPointerDown:e=>e.stopPropagation(),className:(0,u.clsx)(`kanban-item-actions--component`,y.actions),children:(0,o.jsx)(n.n,{actions:l,icon:t?()=>(0,o.jsx)(o.Fragment,{children:t}):void 0,strings:{trigger:r??i.strings.itemActionsLabel},align:`end`,buttonProps:{iconOnly:!0,tone:`neutral`,buttonStyle:`ghost`,className:(0,u.clsx)(y.actionsTrigger,e)}})})}function O({className:t,render:n}){let{activeItem:r,activeId:i,findItem:a}=p();return(0,o.jsx)(s.DragOverlay,{children:i?n?n({item:r,columnId:a(i)?.columnId??null}):(0,o.jsx)(`div`,{className:(0,u.clsx)(y.overlay,t),children:(0,o.jsx)(e.o,{tag:`span`,size:`xs`,type:`inherit`,weight:`medium`,children:i})}):null})}exports.Kanban=x,exports.KanbanBoard=S,exports.KanbanColumn=C,exports.KanbanColumnContent=w,exports.KanbanItem=T,exports.KanbanItemActions=D,exports.KanbanItemHandle=E,exports.KanbanOverlay=O,exports.defaultKanbanStrings=v,exports.useKanban=_,exports.useKanbanContext=p,exports.useKanbanItemContext=g;

package/dist/features/kanban.css

@@ -0,0 +1,7 @@
+@import "../core.css";
+@import "../css/kanban.css";
+@import "../css/typography.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/action-menu.css";
+@import "../css/dropdown-menu.css";