@devalok/shilp-sutra 0.48.0 → 0.49.1

package/dist/_chunks/shared.js

@@ -1,5 +1,5 @@
 "use client";
-import { H as e, U as t, V as n, W as r } from "./primitives.js";
+import { Range as e, Root$3 as t, Thumb$1 as n, Track as r } from "./primitives.js";
 import { tweens as i } from "../ui/lib/motion.js";
 import { cn as a } from "../ui/lib/utils.js";
 import { Icon as o } from "../ui/icon.js";
@@ -61,7 +61,7 @@ function _() {
 }
 function v({ value: i, max: o = 100, step: s = 1, onValueChange: u, tone: d = "light", ariaLabel: f, disabled: p, className: m }) {
 	let h = d === "dark";
-	return /* @__PURE__ */ l(e, {
+	return /* @__PURE__ */ l(t, {
 		className: a("group/ms relative flex h-3 w-full cursor-pointer touch-none select-none items-center", m),
 		value: [i],
 		max: o,
@@ -71,8 +71,8 @@ function v({ value: i, max: o = 100, step: s = 1, onValueChange: u, tone: d = "l
 		"aria-label": f,
 		children: [/* @__PURE__ */ c(r, {
 			className: a("relative h-1 w-full grow overflow-hidden rounded-pill", h ? "bg-white/30" : "bg-surface-sunken"),
-			children: /* @__PURE__ */ c(n, { className: a("absolute h-full rounded-pill", h ? "bg-white" : "bg-accent-9") })
-		}), /* @__PURE__ */ c(t, { className: a("block h-3 w-3 rounded-pill shadow-raised outline-hidden transition-[opacity,transform] duration-fast-02", "opacity-0 group-hover/ms:opacity-100 focus:opacity-100 active:scale-110", "focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-1", h ? "bg-white focus-visible:ring-white" : "bg-accent-9 focus-visible:ring-accent-9") })]
+			children: /* @__PURE__ */ c(e, { className: a("absolute h-full rounded-pill", h ? "bg-white" : "bg-accent-9") })
+		}), /* @__PURE__ */ c(n, { className: a("block h-3 w-3 rounded-pill shadow-raised outline-hidden transition-[opacity,transform] duration-fast-02", "opacity-0 group-hover/ms:opacity-100 focus:opacity-100 active:scale-110", "focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-offset-1", h ? "bg-white focus-visible:ring-white" : "bg-accent-9 focus-visible:ring-accent-9") })]
 	});
 }
 function y({ volume: e, muted: t, onVolumeChange: n, onMuteToggle: r, variant: i = "light" }) {
@@ -110,4 +110,4 @@ function b(e) {
 	return t > 0 ? `${t}:${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}` : `${n}:${r.toString().padStart(2, "0")}`;
 }
 //#endregion
-export { y as a, _ as i, v as n, b as o, g as r, h as t };
+export { h as ErrorFallback, v as MediaSlider, g as Toolbar, _ as ToolbarDivider, y as VolumeControl, b as formatTime };

package/dist/_chunks/success.js

@@ -4,14 +4,14 @@ import { cn as r } from "../ui/lib/utils.js";
 import { Icon as i } from "../ui/icon.js";
 import { Alert as a } from "../ui/alert.js";
 import { Skeleton as o } from "../ui/skeleton.js";
-import { n as s } from "./badge-group.js";
+import { BadgeCompound as s } from "./badge-group.js";
 import { Button as c } from "../ui/button.js";
 import { Collapsible as l, CollapsibleContent as u, CollapsibleTrigger as d } from "../ui/collapsible.js";
 import { Table as f, TableBody as p, TableCaption as m, TableCell as h, TableHead as g, TableHeader as _, TableRow as v } from "../ui/table.js";
 import { Separator as y } from "../ui/separator.js";
 import { StatCard as b } from "../ui/stat-card.js";
-import { n as x } from "./motion-provider.js";
-import { t as S } from "./block-shell.js";
+import { useMotion as x } from "./motion-provider.js";
+import { BlockShell as S } from "./block-shell.js";
 import * as C from "react";
 import { jsx as w, jsxs as T } from "react/jsx-runtime";
 import { IconCircle as E, IconCircleCheck as D, IconCircleX as O } from "@tabler/icons-react";
@@ -394,4 +394,4 @@ var B = 5e3, V = C.memo(function({ data: e, blockId: t, confidence: n, onAction:
 });
 V.displayName = "SuccessBlock";
 //#endregion
-export { P as a, F as i, z as n, N as o, R as r, M as s, V as t };
+export { M as BlockTable, N as ConfirmBlock, P as DividerBlock, F as InfoBlock, R as LoadingBlock, z as StatRowBlock, V as SuccessBlock };

package/dist/_chunks/tiptap.js

@@ -1,5 +1,5 @@
 "use client";
-import { dn as e, fn as t, hn as n, ln as r, mn as i, on as a, pn as o, sn as s, un as c } from "./primitives.js";
+import { arrow as e, autoPlacement as t, computePosition as n, flip$1 as r, hide as i, inline as a, offset$1 as o, shift$1 as s, size$1 as c } from "./primitives.js";
 import l, { createContext as u, createElement as d, createRef as f, forwardRef as p, memo as m, useContext as h, useDebugValue as g, useEffect as _, useLayoutEffect as v, useMemo as y, useRef as b, useState as x, version as S } from "react";
 import { Fragment as ee, jsx as C, jsxs as te } from "react/jsx-runtime";
 import ne, { createPortal as re, flushSync as ie } from "react-dom";
@@ -13117,8 +13117,8 @@ var vh = class {
 		}, this.element.tabIndex = 0, o && (this.shouldShow = o), this.element.addEventListener("mousedown", this.mousedownHandler, { capture: !0 }), this.view.dom.addEventListener("dragstart", this.dragstartHandler), this.editor.on("focus", this.focusHandler), this.editor.on("blur", this.blurHandler), this.editor.on("transaction", this.transactionHandler), window.addEventListener("resize", this.resizeHandler), this.scrollTarget.addEventListener("scroll", this.resizeHandler), this.update(n, n.state), this.getShouldShow() && (this.show(), this.updatePosition());
 	}
 	get middlewares() {
-		let r = [];
-		return this.floatingUIOptions.flip && r.push(c(typeof this.floatingUIOptions.flip == "boolean" ? void 0 : this.floatingUIOptions.flip)), this.floatingUIOptions.shift && r.push(i(typeof this.floatingUIOptions.shift == "boolean" ? void 0 : this.floatingUIOptions.shift)), this.floatingUIOptions.offset && r.push(o(typeof this.floatingUIOptions.offset == "boolean" ? void 0 : this.floatingUIOptions.offset)), this.floatingUIOptions.arrow && r.push(a(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && r.push(n(typeof this.floatingUIOptions.size == "boolean" ? void 0 : this.floatingUIOptions.size)), this.floatingUIOptions.autoPlacement && r.push(s(typeof this.floatingUIOptions.autoPlacement == "boolean" ? void 0 : this.floatingUIOptions.autoPlacement)), this.floatingUIOptions.hide && r.push(e(typeof this.floatingUIOptions.hide == "boolean" ? void 0 : this.floatingUIOptions.hide)), this.floatingUIOptions.inline && r.push(t(typeof this.floatingUIOptions.inline == "boolean" ? void 0 : this.floatingUIOptions.inline)), r;
+		let n = [];
+		return this.floatingUIOptions.flip && n.push(r(typeof this.floatingUIOptions.flip == "boolean" ? void 0 : this.floatingUIOptions.flip)), this.floatingUIOptions.shift && n.push(s(typeof this.floatingUIOptions.shift == "boolean" ? void 0 : this.floatingUIOptions.shift)), this.floatingUIOptions.offset && n.push(o(typeof this.floatingUIOptions.offset == "boolean" ? void 0 : this.floatingUIOptions.offset)), this.floatingUIOptions.arrow && n.push(e(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && n.push(c(typeof this.floatingUIOptions.size == "boolean" ? void 0 : this.floatingUIOptions.size)), this.floatingUIOptions.autoPlacement && n.push(t(typeof this.floatingUIOptions.autoPlacement == "boolean" ? void 0 : this.floatingUIOptions.autoPlacement)), this.floatingUIOptions.hide && n.push(i(typeof this.floatingUIOptions.hide == "boolean" ? void 0 : this.floatingUIOptions.hide)), this.floatingUIOptions.inline && n.push(a(typeof this.floatingUIOptions.inline == "boolean" ? void 0 : this.floatingUIOptions.inline)), n;
 	}
 	get virtualElement() {
 		let { selection: e } = this.editor.state, t = this.getReferencedVirtualElement?.call(this);
@@ -13149,7 +13149,7 @@ var vh = class {
 	updatePosition() {
 		if (!this.isVisible) return;
 		let e = this.virtualElement;
-		e && r(e, this.element, {
+		e && n(e, this.element, {
 			placement: this.floatingUIOptions.placement,
 			strategy: this.floatingUIOptions.strategy,
 			middleware: this.middlewares
@@ -13287,8 +13287,8 @@ var bh = class {
 		return fu(e, { textSerializers: pu(this.editor.schema) });
 	}
 	get middlewares() {
-		let r = [];
-		return this.floatingUIOptions.flip && r.push(c(typeof this.floatingUIOptions.flip == "boolean" ? void 0 : this.floatingUIOptions.flip)), this.floatingUIOptions.shift && r.push(i(typeof this.floatingUIOptions.shift == "boolean" ? void 0 : this.floatingUIOptions.shift)), this.floatingUIOptions.offset && r.push(o(typeof this.floatingUIOptions.offset == "boolean" ? void 0 : this.floatingUIOptions.offset)), this.floatingUIOptions.arrow && r.push(a(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && r.push(n(typeof this.floatingUIOptions.size == "boolean" ? void 0 : this.floatingUIOptions.size)), this.floatingUIOptions.autoPlacement && r.push(s(typeof this.floatingUIOptions.autoPlacement == "boolean" ? void 0 : this.floatingUIOptions.autoPlacement)), this.floatingUIOptions.hide && r.push(e(typeof this.floatingUIOptions.hide == "boolean" ? void 0 : this.floatingUIOptions.hide)), this.floatingUIOptions.inline && r.push(t(typeof this.floatingUIOptions.inline == "boolean" ? void 0 : this.floatingUIOptions.inline)), r;
+		let n = [];
+		return this.floatingUIOptions.flip && n.push(r(typeof this.floatingUIOptions.flip == "boolean" ? void 0 : this.floatingUIOptions.flip)), this.floatingUIOptions.shift && n.push(s(typeof this.floatingUIOptions.shift == "boolean" ? void 0 : this.floatingUIOptions.shift)), this.floatingUIOptions.offset && n.push(o(typeof this.floatingUIOptions.offset == "boolean" ? void 0 : this.floatingUIOptions.offset)), this.floatingUIOptions.arrow && n.push(e(this.floatingUIOptions.arrow)), this.floatingUIOptions.size && n.push(c(typeof this.floatingUIOptions.size == "boolean" ? void 0 : this.floatingUIOptions.size)), this.floatingUIOptions.autoPlacement && n.push(t(typeof this.floatingUIOptions.autoPlacement == "boolean" ? void 0 : this.floatingUIOptions.autoPlacement)), this.floatingUIOptions.hide && n.push(i(typeof this.floatingUIOptions.hide == "boolean" ? void 0 : this.floatingUIOptions.hide)), this.floatingUIOptions.inline && n.push(a(typeof this.floatingUIOptions.inline == "boolean" ? void 0 : this.floatingUIOptions.inline)), n;
 	}
 	getShouldShow(e) {
 		let { state: t } = this.view, { selection: n } = t, { ranges: r } = n, i = Math.min(...r.map((e) => e.$from.pos)), a = Math.max(...r.map((e) => e.$to.pos));
@@ -13312,7 +13312,7 @@ var bh = class {
 	}
 	updatePosition() {
 		let { selection: e } = this.editor.state, t = Iu(this.view, e.from, e.to);
-		r({
+		n({
 			getBoundingClientRect: () => t,
 			getClientRects: () => [t]
 		}, this.element, {
@@ -15823,4 +15823,4 @@ var ty = "listItem", ny = "textStyle", ry = /^(\d+)\.\s$/, iy = J.create({
 	}
 });
 //#endregion
-export { J as _, vm as a, Em as c, fp as d, wf as f, q as g, pf as h, qh as i, xm as l, hf as m, _y as n, jm as o, bf as p, cy as r, zm as s, vy as t, sp as u, K as v, P as y };
+export { qh as BubbleMenu, sp as CharacterCount, vm as EditorContent, q as Extension, cy as ListKit, J as Node3, jm as NodeViewWrapper, fp as Placeholder, P as PluginKey, zm as ReactNodeViewRenderer, vy as index_default, _y as index_default$1, wf as index_default$2, bf as index_default$3, hf as index_default$4, pf as index_default$5, K as mergeAttributes, Em as useEditor, xm as useEditorState };

package/dist/_chunks/tooltip.js

@@ -55,4 +55,4 @@ function s() {
 	};
 }
 //#endregion
-export { s as n, a as r, o as t };
+export { o as ChartTooltip, a as Legend, s as useChartTooltip };

package/dist/_chunks/tree-view.js

@@ -2,7 +2,7 @@
 import { IconProvider as e } from "../ui/icon-context.js";
 import { cn as t } from "../ui/lib/utils.js";
 import { Icon as n } from "../ui/icon.js";
-import { t as r } from "./normalize-icon.js";
+import { normalizeIcon as r } from "./normalize-icon.js";
 import { Checkbox as i } from "../ui/checkbox.js";
 import * as a from "react";
 import { useCallback as o, useState as s } from "react";
@@ -238,4 +238,4 @@ var _ = a.forwardRef(({ itemId: o, label: s, icon: d, secondaryLabel: f, actions
 });
 _.displayName = "TreeItem";
 //#endregion
-export { g as n, d as r, _ as t };
+export { _ as TreeItem, g as TreeView, d as useTree };

package/dist/_chunks/use-calendar.js

@@ -136,7 +136,7 @@ var T = [
 						className: "flex gap-px justify-center absolute bottom-[2px] left-0 right-0",
 						children: m.slice(0, 3).map((e, t) => /* @__PURE__ */ i("span", {
 							"data-event-dot": !0,
-							className: "h-[4px] w-[4px] rounded-pill",
+							className: "h-ds-02 w-ds-02 rounded-pill",
 							style: { backgroundColor: e.color ?? "var(--color-accent-9)" }
 						}, t))
 					})]
@@ -160,4 +160,4 @@ function D(e) {
 	};
 }
 //#endregion
-export { E as n, D as t };
+export { E as CalendarGrid, D as useCalendar };

package/dist/_chunks/use-calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-calendar.js","names":[],"sources":["../../src/composed/date-picker/calendar-grid.tsx","../../src/composed/date-picker/use-calendar.ts"],"sourcesContent":["'use client'\n\nimport { IconChevronLeft, IconChevronRight } from '@tabler/icons-react'\nimport {\n  addDays,\n  addMonths,\n  endOfMonth,\n  endOfWeek,\n  format,\n  isAfter,\n  isBefore,\n  isSameDay,\n  isSameMonth,\n  isWithinInterval,\n  lastDayOfMonth,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n  subMonths,\n} from 'date-fns'\nimport * as React from 'react'\n\nimport { Icon } from '../../ui/icon'\nimport { cn } from '../../ui/lib/utils'\n\nconst WEEKDAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']\n\nexport interface CalendarEvent {\n  date: Date\n  color?: string\n  label?: string\n}\n\nexport interface CalendarGridProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onSelect'> {\n  currentMonth: Date\n  selected?: Date | null\n  rangeStart?: Date | null\n  rangeEnd?: Date | null\n  hoverDate?: Date | null\n  onSelect: (date: Date) => void\n  onHover?: (date: Date | null) => void\n  onMonthChange: (date: Date) => void\n  onHeaderClick?: () => void\n  disabledDates?: (date: Date) => boolean\n  minDate?: Date\n  maxDate?: Date\n  /** Hide the previous-month navigation arrow */\n  hidePrevNav?: boolean\n  /** Hide the next-month navigation arrow */\n  hideNextNav?: boolean\n  /** Events to display as dot indicators on dates */\n  events?: CalendarEvent[]\n}\n\nexport const CalendarGrid = React.forwardRef<HTMLDivElement, CalendarGridProps>(\n  function CalendarGrid({\n  currentMonth,\n  selected,\n  rangeStart,\n  rangeEnd,\n  hoverDate,\n  onSelect,\n  onHover,\n  onMonthChange,\n  onHeaderClick,\n  disabledDates,\n  minDate,\n  maxDate,\n  hidePrevNav,\n  hideNextNav,\n  events,\n  className,\n  ...props\n}, forwardedRef) {\n  const gridRef = React.useRef<HTMLDivElement>(null)\n\n  const eventsByDate = React.useMemo(() => {\n    const map = new Map<string, CalendarEvent[]>()\n    if (!events) return map\n    for (const evt of events) {\n      const key = format(evt.date, 'yyyy-MM-dd')\n      const arr = map.get(key) ?? []\n      arr.push(evt)\n      map.set(key, arr)\n    }\n    return map\n  }, [events])\n\n  const monthStart = startOfMonth(currentMonth)\n  const monthEnd = endOfMonth(currentMonth)\n  const calendarStart = startOfWeek(monthStart)\n  const calendarEnd = endOfWeek(monthEnd)\n\n  const days: Date[] = []\n  let day = calendarStart\n  while (day <= calendarEnd) {\n    days.push(day)\n    day = addDays(day, 1)\n  }\n\n  const isDateDisabled = (date: Date): boolean => {\n    if (disabledDates?.(date)) return true\n    if (minDate && isBefore(date, startOfDay(minDate))) return true\n    if (maxDate && isAfter(date, startOfDay(maxDate))) return true\n    return false\n  }\n\n  const isInRange = (date: Date) => {\n    if (rangeStart && rangeEnd) {\n      const start = isBefore(rangeStart, rangeEnd) ? rangeStart : rangeEnd\n      const end = isAfter(rangeEnd, rangeStart) ? rangeEnd : rangeStart\n      return isWithinInterval(date, { start, end })\n    }\n    if (rangeStart && hoverDate) {\n      const start = isBefore(rangeStart, hoverDate) ? rangeStart : hoverDate\n      const end = isAfter(hoverDate, rangeStart) ? hoverDate : rangeStart\n      return isWithinInterval(date, { start, end })\n    }\n    return false\n  }\n\n  const isRangeEdge = (date: Date) => {\n    if (rangeStart && isSameDay(date, rangeStart)) return true\n    if (rangeEnd && isSameDay(date, rangeEnd)) return true\n    return false\n  }\n\n  const focusDate = (target: Date) => {\n    if (!gridRef.current) return\n    const dateStr = format(target, 'yyyy-MM-dd')\n    const btn = gridRef.current.querySelector<HTMLButtonElement>(\n      `[data-date=\"${dateStr}\"]`,\n    )\n    if (btn) {\n      btn.focus()\n    } else {\n      // Date is in a different month — navigate there and focus after render\n      onMonthChange(startOfMonth(target))\n    }\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    const target = e.target as HTMLElement\n    const dateStr = target.getAttribute('data-date')\n    if (!dateStr) return\n\n    const current = new Date(dateStr + 'T00:00:00')\n    let next: Date | null = null\n\n    switch (e.key) {\n      case 'ArrowLeft':\n        next = addDays(current, -1)\n        break\n      case 'ArrowRight':\n        next = addDays(current, 1)\n        break\n      case 'ArrowUp':\n        next = addDays(current, -7)\n        break\n      case 'ArrowDown':\n        next = addDays(current, 7)\n        break\n      case 'Home':\n        next = startOfMonth(current)\n        break\n      case 'End':\n        next = lastDayOfMonth(current)\n        break\n      case 'Enter':\n      case ' ': {\n        e.preventDefault()\n        if (!isDateDisabled(current) && isSameMonth(current, currentMonth)) {\n          onSelect(current)\n        }\n        return\n      }\n      default:\n        return\n    }\n\n    if (next) {\n      e.preventDefault()\n      focusDate(next)\n    }\n  }\n\n  return (\n    <div ref={forwardedRef} {...props} className={cn(\"w-[252px]\", className)}>\n      <div className=\"flex items-center justify-between px-ds-02 pb-ds-04\">\n        {hidePrevNav ? (\n          <span className=\"h-ds-xs-plus w-ds-xs-plus\" />\n        ) : (\n          <button\n            type=\"button\"\n            onClick={() => onMonthChange(subMonths(currentMonth, 1))}\n            className=\"inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9\"\n            aria-label=\"Previous month\"\n          >\n            <Icon icon={IconChevronLeft} size=\"sm\" stroke=\"light\" />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          onClick={onHeaderClick}\n          className={cn(\n            'text-ds-md font-semibold text-surface-fg',\n            onHeaderClick &&\n              'cursor-pointer rounded-control px-ds-02 transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover',\n          )}\n          aria-label=\"Switch to month/year view\"\n        >\n          {format(currentMonth, 'MMMM yyyy')}\n        </button>\n        {hideNextNav ? (\n          <span className=\"h-ds-xs-plus w-ds-xs-plus\" />\n        ) : (\n          <button\n            type=\"button\"\n            onClick={() => onMonthChange(addMonths(currentMonth, 1))}\n            className=\"inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9\"\n            aria-label=\"Next month\"\n          >\n            <Icon icon={IconChevronRight} size=\"sm\" stroke=\"light\" />\n          </button>\n        )}\n      </div>\n\n      <div\n        ref={gridRef}\n        className=\"grid grid-cols-7 gap-0\"\n        role=\"grid\"\n        tabIndex={0}\n        aria-label=\"Calendar\"\n        onKeyDown={handleKeyDown}\n      >\n        {WEEKDAYS.map((wd) => (\n          <div\n            key={wd}\n            role=\"columnheader\"\n            className=\"flex h-ds-sm items-center justify-center text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\"\n          >\n            {wd}\n          </div>\n        ))}\n\n        {days.map((d, i) => {\n          const inMonth = isSameMonth(d, currentMonth)\n          const disabled = isDateDisabled(d)\n          const isSelected = selected && isSameDay(d, selected)\n          const inRange = isInRange(d)\n          const edge = isRangeEdge(d)\n          const isToday = isSameDay(d, new Date())\n          const dateKey = format(d, 'yyyy-MM-dd')\n          const dayEvents = eventsByDate.get(dateKey) ?? []\n\n          return (\n            <button\n              key={i}\n              type=\"button\"\n              role=\"gridcell\"\n              data-date={dateKey}\n              tabIndex={inMonth && !disabled ? 0 : -1}\n              disabled={!inMonth || disabled}\n              onClick={() => {\n                if (inMonth && !disabled) onSelect(d)\n              }}\n              onMouseEnter={() => onHover?.(d)}\n              onMouseLeave={() => onHover?.(null)}\n              aria-label={format(d, 'EEEE, MMMM d, yyyy')}\n              aria-selected={isSelected || edge || undefined}\n              aria-disabled={!inMonth || disabled || undefined}\n              className={cn(\n                'relative flex h-ds-sm w-ds-sm-plus items-center justify-center rounded-control text-ds-md font-body transition-colors duration-fast-01 ease-productive-standard',\n                !inMonth && 'pointer-events-none opacity-0',\n                inMonth && disabled && 'opacity-action-disabled pointer-events-none cursor-not-allowed',\n                inMonth && !disabled && !isSelected && !edge && !inRange &&\n                  'text-surface-fg hover:bg-surface-raised-hover',\n                inRange && !edge &&\n                  'rounded-none bg-surface-raised-hover text-surface-fg',\n                (isSelected || edge) &&\n                  'bg-accent-9 text-accent-fg hover:bg-accent-10',\n                isToday && !isSelected && !edge && !disabled &&\n                  'font-semibold text-accent-11',\n              )}\n            >\n              {format(d, 'd')}\n              {dayEvents.length > 0 && (\n                <span className=\"flex gap-px justify-center absolute bottom-[2px] left-0 right-0\">\n                  {dayEvents.slice(0, 3).map((evt, idx) => (\n                    <span\n                      key={idx}\n                      data-event-dot\n                      className=\"h-[4px] w-[4px] rounded-pill\"\n                      style={{ backgroundColor: evt.color ?? 'var(--color-accent-9)' }}\n                    />\n                  ))}\n                </span>\n              )}\n            </button>\n          )\n        })}\n      </div>\n    </div>\n  )\n},\n)\n\nCalendarGrid.displayName = 'CalendarGrid'\n","'use client'\n\nimport { addMonths, setMonth, setYear,subMonths } from 'date-fns'\nimport { useState } from 'react'\n\nexport function useCalendar(initialMonth?: Date) {\n  const [currentMonth, setCurrentMonth] = useState(initialMonth ?? new Date())\n\n  const goToPreviousMonth = () => setCurrentMonth((prev) => subMonths(prev, 1))\n  const goToNextMonth = () => setCurrentMonth((prev) => addMonths(prev, 1))\n  const goToMonth = (month: number) =>\n    setCurrentMonth((prev) => setMonth(prev, month))\n  const goToYear = (year: number) =>\n    setCurrentMonth((prev) => setYear(prev, year))\n\n  return {\n    currentMonth,\n    setCurrentMonth,\n    goToPreviousMonth,\n    goToNextMonth,\n    goToMonth,\n    goToYear,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"use-calendar.js","names":[],"sources":["../../src/composed/date-picker/calendar-grid.tsx","../../src/composed/date-picker/use-calendar.ts"],"sourcesContent":["'use client'\n\nimport { IconChevronLeft, IconChevronRight } from '@tabler/icons-react'\nimport {\n  addDays,\n  addMonths,\n  endOfMonth,\n  endOfWeek,\n  format,\n  isAfter,\n  isBefore,\n  isSameDay,\n  isSameMonth,\n  isWithinInterval,\n  lastDayOfMonth,\n  startOfDay,\n  startOfMonth,\n  startOfWeek,\n  subMonths,\n} from 'date-fns'\nimport * as React from 'react'\n\nimport { Icon } from '../../ui/icon'\nimport { cn } from '../../ui/lib/utils'\n\nconst WEEKDAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']\n\nexport interface CalendarEvent {\n  date: Date\n  color?: string\n  label?: string\n}\n\nexport interface CalendarGridProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onSelect'> {\n  currentMonth: Date\n  selected?: Date | null\n  rangeStart?: Date | null\n  rangeEnd?: Date | null\n  hoverDate?: Date | null\n  onSelect: (date: Date) => void\n  onHover?: (date: Date | null) => void\n  onMonthChange: (date: Date) => void\n  onHeaderClick?: () => void\n  disabledDates?: (date: Date) => boolean\n  minDate?: Date\n  maxDate?: Date\n  /** Hide the previous-month navigation arrow */\n  hidePrevNav?: boolean\n  /** Hide the next-month navigation arrow */\n  hideNextNav?: boolean\n  /** Events to display as dot indicators on dates */\n  events?: CalendarEvent[]\n}\n\nexport const CalendarGrid = React.forwardRef<HTMLDivElement, CalendarGridProps>(\n  function CalendarGrid({\n  currentMonth,\n  selected,\n  rangeStart,\n  rangeEnd,\n  hoverDate,\n  onSelect,\n  onHover,\n  onMonthChange,\n  onHeaderClick,\n  disabledDates,\n  minDate,\n  maxDate,\n  hidePrevNav,\n  hideNextNav,\n  events,\n  className,\n  ...props\n}, forwardedRef) {\n  const gridRef = React.useRef<HTMLDivElement>(null)\n\n  const eventsByDate = React.useMemo(() => {\n    const map = new Map<string, CalendarEvent[]>()\n    if (!events) return map\n    for (const evt of events) {\n      const key = format(evt.date, 'yyyy-MM-dd')\n      const arr = map.get(key) ?? []\n      arr.push(evt)\n      map.set(key, arr)\n    }\n    return map\n  }, [events])\n\n  const monthStart = startOfMonth(currentMonth)\n  const monthEnd = endOfMonth(currentMonth)\n  const calendarStart = startOfWeek(monthStart)\n  const calendarEnd = endOfWeek(monthEnd)\n\n  const days: Date[] = []\n  let day = calendarStart\n  while (day <= calendarEnd) {\n    days.push(day)\n    day = addDays(day, 1)\n  }\n\n  const isDateDisabled = (date: Date): boolean => {\n    if (disabledDates?.(date)) return true\n    if (minDate && isBefore(date, startOfDay(minDate))) return true\n    if (maxDate && isAfter(date, startOfDay(maxDate))) return true\n    return false\n  }\n\n  const isInRange = (date: Date) => {\n    if (rangeStart && rangeEnd) {\n      const start = isBefore(rangeStart, rangeEnd) ? rangeStart : rangeEnd\n      const end = isAfter(rangeEnd, rangeStart) ? rangeEnd : rangeStart\n      return isWithinInterval(date, { start, end })\n    }\n    if (rangeStart && hoverDate) {\n      const start = isBefore(rangeStart, hoverDate) ? rangeStart : hoverDate\n      const end = isAfter(hoverDate, rangeStart) ? hoverDate : rangeStart\n      return isWithinInterval(date, { start, end })\n    }\n    return false\n  }\n\n  const isRangeEdge = (date: Date) => {\n    if (rangeStart && isSameDay(date, rangeStart)) return true\n    if (rangeEnd && isSameDay(date, rangeEnd)) return true\n    return false\n  }\n\n  const focusDate = (target: Date) => {\n    if (!gridRef.current) return\n    const dateStr = format(target, 'yyyy-MM-dd')\n    const btn = gridRef.current.querySelector<HTMLButtonElement>(\n      `[data-date=\"${dateStr}\"]`,\n    )\n    if (btn) {\n      btn.focus()\n    } else {\n      // Date is in a different month — navigate there and focus after render\n      onMonthChange(startOfMonth(target))\n    }\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\n    const target = e.target as HTMLElement\n    const dateStr = target.getAttribute('data-date')\n    if (!dateStr) return\n\n    const current = new Date(dateStr + 'T00:00:00')\n    let next: Date | null = null\n\n    switch (e.key) {\n      case 'ArrowLeft':\n        next = addDays(current, -1)\n        break\n      case 'ArrowRight':\n        next = addDays(current, 1)\n        break\n      case 'ArrowUp':\n        next = addDays(current, -7)\n        break\n      case 'ArrowDown':\n        next = addDays(current, 7)\n        break\n      case 'Home':\n        next = startOfMonth(current)\n        break\n      case 'End':\n        next = lastDayOfMonth(current)\n        break\n      case 'Enter':\n      case ' ': {\n        e.preventDefault()\n        if (!isDateDisabled(current) && isSameMonth(current, currentMonth)) {\n          onSelect(current)\n        }\n        return\n      }\n      default:\n        return\n    }\n\n    if (next) {\n      e.preventDefault()\n      focusDate(next)\n    }\n  }\n\n  return (\n    <div ref={forwardedRef} {...props} className={cn(\"w-[252px]\", className)}>\n      <div className=\"flex items-center justify-between px-ds-02 pb-ds-04\">\n        {hidePrevNav ? (\n          <span className=\"h-ds-xs-plus w-ds-xs-plus\" />\n        ) : (\n          <button\n            type=\"button\"\n            onClick={() => onMonthChange(subMonths(currentMonth, 1))}\n            className=\"inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9\"\n            aria-label=\"Previous month\"\n          >\n            <Icon icon={IconChevronLeft} size=\"sm\" stroke=\"light\" />\n          </button>\n        )}\n        <button\n          type=\"button\"\n          onClick={onHeaderClick}\n          className={cn(\n            'text-ds-md font-semibold text-surface-fg',\n            onHeaderClick &&\n              'cursor-pointer rounded-control px-ds-02 transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover',\n          )}\n          aria-label=\"Switch to month/year view\"\n        >\n          {format(currentMonth, 'MMMM yyyy')}\n        </button>\n        {hideNextNav ? (\n          <span className=\"h-ds-xs-plus w-ds-xs-plus\" />\n        ) : (\n          <button\n            type=\"button\"\n            onClick={() => onMonthChange(addMonths(currentMonth, 1))}\n            className=\"inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-control text-surface-fg-subtle transition-colors duration-fast-01 ease-productive-standard hover:bg-surface-raised-hover hover:text-surface-fg-muted focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-accent-9\"\n            aria-label=\"Next month\"\n          >\n            <Icon icon={IconChevronRight} size=\"sm\" stroke=\"light\" />\n          </button>\n        )}\n      </div>\n\n      <div\n        ref={gridRef}\n        className=\"grid grid-cols-7 gap-0\"\n        role=\"grid\"\n        tabIndex={0}\n        aria-label=\"Calendar\"\n        onKeyDown={handleKeyDown}\n      >\n        {WEEKDAYS.map((wd) => (\n          <div\n            key={wd}\n            role=\"columnheader\"\n            className=\"flex h-ds-sm items-center justify-center text-ds-xs font-semibold uppercase tracking-wider text-surface-fg-subtle\"\n          >\n            {wd}\n          </div>\n        ))}\n\n        {days.map((d, i) => {\n          const inMonth = isSameMonth(d, currentMonth)\n          const disabled = isDateDisabled(d)\n          const isSelected = selected && isSameDay(d, selected)\n          const inRange = isInRange(d)\n          const edge = isRangeEdge(d)\n          const isToday = isSameDay(d, new Date())\n          const dateKey = format(d, 'yyyy-MM-dd')\n          const dayEvents = eventsByDate.get(dateKey) ?? []\n\n          return (\n            <button\n              key={i}\n              type=\"button\"\n              role=\"gridcell\"\n              data-date={dateKey}\n              tabIndex={inMonth && !disabled ? 0 : -1}\n              disabled={!inMonth || disabled}\n              onClick={() => {\n                if (inMonth && !disabled) onSelect(d)\n              }}\n              onMouseEnter={() => onHover?.(d)}\n              onMouseLeave={() => onHover?.(null)}\n              aria-label={format(d, 'EEEE, MMMM d, yyyy')}\n              aria-selected={isSelected || edge || undefined}\n              aria-disabled={!inMonth || disabled || undefined}\n              className={cn(\n                'relative flex h-ds-sm w-ds-sm-plus items-center justify-center rounded-control text-ds-md font-body transition-colors duration-fast-01 ease-productive-standard',\n                !inMonth && 'pointer-events-none opacity-0',\n                inMonth && disabled && 'opacity-action-disabled pointer-events-none cursor-not-allowed',\n                inMonth && !disabled && !isSelected && !edge && !inRange &&\n                  'text-surface-fg hover:bg-surface-raised-hover',\n                inRange && !edge &&\n                  'rounded-none bg-surface-raised-hover text-surface-fg',\n                (isSelected || edge) &&\n                  'bg-accent-9 text-accent-fg hover:bg-accent-10',\n                isToday && !isSelected && !edge && !disabled &&\n                  'font-semibold text-accent-11',\n              )}\n            >\n              {format(d, 'd')}\n              {dayEvents.length > 0 && (\n                <span className=\"flex gap-px justify-center absolute bottom-[2px] left-0 right-0\">\n                  {dayEvents.slice(0, 3).map((evt, idx) => (\n                    <span\n                      key={idx}\n                      data-event-dot\n                      className=\"h-ds-02 w-ds-02 rounded-pill\"\n                      style={{ backgroundColor: evt.color ?? 'var(--color-accent-9)' }}\n                    />\n                  ))}\n                </span>\n              )}\n            </button>\n          )\n        })}\n      </div>\n    </div>\n  )\n},\n)\n\nCalendarGrid.displayName = 'CalendarGrid'\n","'use client'\n\nimport { addMonths, setMonth, setYear,subMonths } from 'date-fns'\nimport { useState } from 'react'\n\nexport function useCalendar(initialMonth?: Date) {\n  const [currentMonth, setCurrentMonth] = useState(initialMonth ?? new Date())\n\n  const goToPreviousMonth = () => setCurrentMonth((prev) => subMonths(prev, 1))\n  const goToNextMonth = () => setCurrentMonth((prev) => addMonths(prev, 1))\n  const goToMonth = (month: number) =>\n    setCurrentMonth((prev) => setMonth(prev, month))\n  const goToYear = (year: number) =>\n    setCurrentMonth((prev) => setYear(prev, year))\n\n  return {\n    currentMonth,\n    setCurrentMonth,\n    goToPreviousMonth,\n    goToNextMonth,\n    goToMonth,\n    goToYear,\n  }\n}\n"],"mappings":"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"}

package/dist/_chunks/use-controllable-open.js

@@ -0,0 +1,15 @@
+"use client";
+import * as e from "react";
+//#region src/ui/lib/use-controllable-open.ts
+function t({ open: t, defaultOpen: n = !1, onOpenChange: r }) {
+	let [i, a] = e.useState(n), o = t !== void 0, s = o ? t : i, c = e.useCallback((e) => {
+		o || a(e), r?.(e);
+	}, [o, r]);
+	return {
+		open: s,
+		setOpen: c,
+		close: e.useCallback(() => c(!1), [c])
+	};
+}
+//#endregion
+export { t as useControllableOpen };

package/dist/_chunks/use-controllable-open.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-controllable-open.js","names":[],"sources":["../../src/ui/lib/use-controllable-open.ts"],"sourcesContent":["import * as React from 'react'\n\n/**\n * Options for {@link useControllableOpen}. Mirrors the standard Radix open-state\n * prop trio so a component can spread its own props straight in.\n */\nexport interface UseControllableOpenOptions {\n  /** Controlled open value. When defined, the hook is in controlled mode. */\n  open?: boolean\n  /** Initial open value in uncontrolled mode. @default false */\n  defaultOpen?: boolean\n  /** Called on every open/close request (both modes). */\n  onOpenChange?: (open: boolean) => void\n}\n\nexport interface ControllableOpen {\n  /** The effective open state (controlled value, or internal state). */\n  open: boolean\n  /** Request a new open state — updates internal state (uncontrolled) and always fires `onOpenChange`. */\n  setOpen: (next: boolean) => void\n  /** Convenience: `setOpen(false)`. Stable across renders. */\n  close: () => void\n}\n\n/**\n * Controlled/uncontrolled open-state machine shared by every overlay\n * (Dialog, Popover, Sheet, Tooltip, DropdownMenu, …). The effective `open` is\n * kept in React state even in controlled mode so overlays can drive\n * `AnimatePresence` exit animations from it.\n *\n * Extracted so the identical block isn't hand-copied per overlay — one fix\n * site instead of six.\n */\nexport function useControllableOpen({\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n}: UseControllableOpenOptions): ControllableOpen {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)\n  const isControlled = controlledOpen !== undefined\n  const open = isControlled ? controlledOpen : uncontrolledOpen\n\n  const setOpen = React.useCallback(\n    (next: boolean) => {\n      if (!isControlled) setUncontrolledOpen(next)\n      onOpenChange?.(next)\n    },\n    [isControlled, onOpenChange],\n  )\n\n  const close = React.useCallback(() => setOpen(false), [setOpen])\n\n  return { open, setOpen, close }\n}\n"],"mappings":";;AAiCA,SAAgB,EAAoB,EAClC,MAAM,GACN,iBAAc,IACd,mBAC+C;CAC/C,IAAM,CAAC,GAAkB,KAAuB,EAAM,SAAS,EAAY,EACrE,IAAe,MAAmB,KAAA,GAClC,IAAO,IAAe,IAAiB,GAEvC,IAAU,EAAM,aACnB,MAAkB;AAEjB,EADK,KAAc,EAAoB,EAAK,EAC5C,IAAe,EAAK;IAEtB,CAAC,GAAc,EAAa,CAC7B;AAID,QAAO;EAAE;EAAM;EAAS,OAFV,EAAM,kBAAkB,EAAQ,GAAM,EAAE,CAAC,EAAQ,CAAC;EAEjC"}

package/dist/_chunks/vendor-client.js

@@ -315,4 +315,4 @@ var N, P = typeof window < "u" ? r : n, F = function() {
 	return e.createElement(R, s({}, t, { colorModel: z }));
 };
 //#endregion
-export { B as t };
+export { B as Z };

package/dist/_chunks/vendor-utils.js

@@ -1721,4 +1721,4 @@ var n = (e, t) => {
 	}, []), n?.class, n?.className);
 };
 //#endregion
-export { Ne as n, t as r, Ie as t };
+export { t as clsx, Ie as cva, Ne as extendTailwindMerge };

package/dist/ai/block-renderer.js

@@ -2,9 +2,9 @@
 import { springs as e } from "../ui/lib/motion.js";
 import { cn as t } from "../ui/lib/utils.js";
 import { Alert as n } from "../ui/alert.js";
-import { n as r } from "../_chunks/motion-provider.js";
+import { useMotion as r } from "../_chunks/motion-provider.js";
 import { useAICommand as i } from "./ai-command-provider.js";
-import { a, i as o, n as s, o as c, r as l, s as u, t as d } from "../_chunks/success.js";
+import { BlockTable as a, ConfirmBlock as o, DividerBlock as s, InfoBlock as c, LoadingBlock as l, StatRowBlock as u, SuccessBlock as d } from "../_chunks/success.js";
 import { ErrorBlock as f } from "./blocks/error.js";
 import { TextBlock as p } from "./blocks/text.js";
 import * as m from "react";
@@ -13,14 +13,14 @@ import { motion as g } from "framer-motion";
 //#region src/ai/block-renderer.tsx
 var _ = {
 	text: p,
-	table: u,
-	confirm: c,
+	table: a,
+	confirm: o,
 	success: d,
 	error: f,
-	info: o,
+	info: c,
 	loading: l,
-	divider: a,
-	stat_row: s
+	divider: s,
+	stat_row: u
 };
 function v({ data: e, type: t }) {
 	return /* @__PURE__ */ h(n, {

package/dist/ai/blocks/error.js

@@ -1,6 +1,6 @@
 "use client";
 import { Alert as e } from "../../ui/alert.js";
-import { t } from "../../_chunks/block-shell.js";
+import { BlockShell as t } from "../../_chunks/block-shell.js";
 import * as n from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import a from "react-markdown";

package/dist/ai/blocks/index.js

@@ -1,3 +1,3 @@
 "use client";
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../../_chunks/success.js";
-export { a as BlockTable, r as ConfirmBlock, e as DividerBlock, t as InfoBlock, i as LoadingBlock, n as StatRowBlock, o as SuccessBlock };
+import { BlockTable as e, ConfirmBlock as t, DividerBlock as n, InfoBlock as r, LoadingBlock as i, StatRowBlock as a, SuccessBlock as o } from "../../_chunks/success.js";
+export { e as BlockTable, t as ConfirmBlock, n as DividerBlock, r as InfoBlock, i as LoadingBlock, a as StatRowBlock, o as SuccessBlock };

package/dist/ai/blocks/text.js

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "../../_chunks/block-shell.js";
+import { BlockShell as e } from "../../_chunks/block-shell.js";
 import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
 import r from "react-markdown";

package/dist/ai/command-bar.js

@@ -3,11 +3,11 @@ import { IconProvider as e } from "../ui/icon-context.js";
 import { springs as t, tweens as n } from "../ui/lib/motion.js";
 import { cn as r } from "../ui/lib/utils.js";
 import { Icon as i } from "../ui/icon.js";
-import { t as a } from "../_chunks/normalize-icon.js";
+import { normalizeIcon as a } from "../_chunks/normalize-icon.js";
 import { Dialog as o, DialogContentRaw as s, DialogDescription as ee, DialogOverlay as te, DialogPortal as ne, DialogTitle as re } from "../ui/dialog.js";
 import { VisuallyHidden as ie } from "../ui/visually-hidden.js";
-import { n as c } from "../_chunks/motion-provider.js";
-import { n as ae, r as oe, t as se } from "../_chunks/keybinding.js";
+import { useMotion as c } from "../_chunks/motion-provider.js";
+import { getIsMac as ae, getModifierDisplay as oe, matchesKeybinding as se } from "../_chunks/keybinding.js";
 import * as l from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { IconArrowDown as ce, IconArrowUp as le, IconCornerDownLeft as ue, IconLoader2 as de, IconSearch as fe, IconX as pe } from "@tabler/icons-react";
@@ -115,7 +115,7 @@ var h = l.forwardRef(function({ onSubmit: u, state: h = "idle", groups: g = [],
 	let M = l.useCallback((e) => {
 		let t = typeof e == "function" ? e(j.current) : e;
 		k || De(t), Te?.(t);
-	}, [k, Te]), [N, P] = l.useState(""), [F, I] = l.useState(-1), [L, Oe] = l.useState(""), [R, ke] = l.useState(!1), [z, Ae] = l.useState(!1), B = l.useRef(null), je = l.useRef(null), V = l.useId(), Me = `command-bar-listbox-${V}`, { reducedMotion: H } = c(), U = { duration: 0 }, Ne = l.useMemo(() => se(), []), W = l.useMemo(() => Array.isArray(y) ? y : [y], [y]), G = g.length > 0, K = l.useMemo(() => {
+	}, [k, Te]), [N, P] = l.useState(""), [F, I] = l.useState(-1), [L, Oe] = l.useState(""), [R, ke] = l.useState(!1), [z, Ae] = l.useState(!1), B = l.useRef(null), je = l.useRef(null), V = l.useId(), Me = `command-bar-listbox-${V}`, { reducedMotion: H } = c(), U = { duration: 0 }, Ne = l.useMemo(() => ae(), []), W = l.useMemo(() => Array.isArray(y) ? y : [y], [y]), G = g.length > 0, K = l.useMemo(() => {
 		if (!G) return [];
 		if (!N.trim()) return g;
 		let e = N.toLowerCase();
@@ -136,7 +136,7 @@ var h = l.forwardRef(function({ onSubmit: u, state: h = "idle", groups: g = [],
 		if (v !== "floating" || S === !1) return;
 		let e = Array.isArray(S) ? S : [S];
 		function t(t) {
-			for (let n of e) if (oe(t, n)) {
+			for (let n of e) if (se(t, n)) {
 				t.preventDefault(), M((e) => !e);
 				return;
 			}
@@ -258,7 +258,7 @@ var h = l.forwardRef(function({ onSubmit: u, state: h = "idle", groups: g = [],
 					exit: H ? void 0 : { opacity: 0 },
 					transition: J,
 					className: "hidden shrink-0 select-none rounded-control border border-surface-border-strong bg-surface-raised px-ds-02b py-ds-01 text-ds-sm font-medium text-surface-fg-subtle shadow-kbd sm:inline-flex",
-					children: [ae(Ne), "J"]
+					children: [oe(Ne), "J"]
 				}) }) : null
 			]
 		})

package/dist/ai/conversation.js

@@ -3,8 +3,8 @@ import { IconProvider as e } from "../ui/icon-context.js";
 import { durations as t, springs as n } from "../ui/lib/motion.js";
 import { cn as r } from "../ui/lib/utils.js";
 import { Icon as i } from "../ui/icon.js";
-import { t as a } from "../_chunks/normalize-icon.js";
-import { n as o } from "../_chunks/motion-provider.js";
+import { normalizeIcon as a } from "../_chunks/normalize-icon.js";
+import { useMotion as o } from "../_chunks/motion-provider.js";
 import { useAICommand as s } from "./ai-command-provider.js";
 import { BlockRenderer as c } from "./block-renderer.js";
 import * as l from "react";

package/dist/ai/index.js

@@ -1,9 +1,9 @@
 "use client";
 import { cn as e } from "../ui/lib/utils.js";
-import { n as t } from "../_chunks/motion-provider.js";
+import { useMotion as t } from "../_chunks/motion-provider.js";
 import { AICommandProvider as n, useAICommand as r } from "./ai-command-provider.js";
 import { CommandBar as i } from "./command-bar.js";
-import { a, i as o, n as s, o as c, r as l, s as u, t as d } from "../_chunks/success.js";
+import { BlockTable as a, ConfirmBlock as o, DividerBlock as s, InfoBlock as c, LoadingBlock as l, StatRowBlock as u, SuccessBlock as d } from "../_chunks/success.js";
 import { AIConversation as f } from "./conversation.js";
 import * as p from "react";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
@@ -180,4 +180,4 @@ var k = p.memo(function({ state: n = "idle", size: r = 20, className: i }) {
 });
 k.displayName = "DevadootIcon";
 //#endregion
-export { n as AICommandProvider, f as AIConversation, u as BlockTable, i as CommandBar, c as ConfirmBlock, k as DevadootIcon, a as DividerBlock, o as InfoBlock, l as LoadingBlock, s as StatRowBlock, d as SuccessBlock, r as useAICommand };
+export { n as AICommandProvider, f as AIConversation, a as BlockTable, i as CommandBar, o as ConfirmBlock, k as DevadootIcon, s as DividerBlock, c as InfoBlock, l as LoadingBlock, u as StatRowBlock, d as SuccessBlock, r as useAICommand };

package/dist/composed/avatar-group.js

@@ -1,6 +1,6 @@
 "use client";
 import { springs as e } from "../ui/lib/motion.js";
-import { t } from "../_chunks/vendor-utils.js";
+import { cva as t } from "../_chunks/vendor-utils.js";
 import { cn as n } from "../ui/lib/utils.js";
 import { Avatar as r, AvatarFallback as i, AvatarImage as a } from "../ui/avatar.js";
 import { Tooltip as o, TooltipContent as s, TooltipProvider as c, TooltipTrigger as l } from "../ui/tooltip.js";

package/dist/composed/bulk-action-bar.js

@@ -2,7 +2,7 @@
 import { springs as e } from "../ui/lib/motion.js";
 import { cn as t } from "../ui/lib/utils.js";
 import { Icon as n } from "../ui/icon.js";
-import { n as r } from "../_chunks/badge-group.js";
+import { BadgeCompound as r } from "../_chunks/badge-group.js";
 import { Button as i } from "../ui/button.js";
 import * as a from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";

package/dist/composed/command-palette.js

@@ -3,11 +3,11 @@ import { IconProvider as e } from "../ui/icon-context.js";
 import { springs as t, tweens as n } from "../ui/lib/motion.js";
 import { cn as r } from "../ui/lib/utils.js";
 import { Icon as i } from "../ui/icon.js";
-import { t as a } from "../_chunks/normalize-icon.js";
+import { normalizeIcon as a } from "../_chunks/normalize-icon.js";
 import { Dialog as o, DialogContentRaw as s, DialogDescription as c, DialogOverlay as l, DialogPortal as ee, DialogTitle as u } from "../ui/dialog.js";
 import { VisuallyHidden as te } from "../ui/visually-hidden.js";
-import { n as ne } from "../_chunks/motion-provider.js";
-import { n as d, r as f, t as p } from "../_chunks/keybinding.js";
+import { useMotion as ne } from "../_chunks/motion-provider.js";
+import { getIsMac as d, getModifierDisplay as f, matchesKeybinding as p } from "../_chunks/keybinding.js";
 import * as m from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import { IconArrowDown as re, IconArrowUp as ie, IconCornerDownLeft as _, IconSearch as ae } from "@tabler/icons-react";
@@ -28,7 +28,7 @@ var b = m.forwardRef(function({ groups: b = [], placeholder: x = "Search or jump
 	let R = m.useCallback((e) => {
 		let t = typeof e == "function" ? e(L.current) : e;
 		N || F(t), E?.(t);
-	}, [N, E]), [z, B] = m.useState(""), [V, H] = m.useState(0), U = m.useRef(null), W = m.useRef(null), G = m.useId(), K = `command-palette-listbox-${G}`, { reducedMotion: q } = ne(), J = { duration: 0 }, ue = m.useMemo(() => p(), []), Y = m.useMemo(() => {
+	}, [N, E]), [z, B] = m.useState(""), [V, H] = m.useState(0), U = m.useRef(null), W = m.useRef(null), G = m.useId(), K = `command-palette-listbox-${G}`, { reducedMotion: q } = ne(), J = { duration: 0 }, ue = m.useMemo(() => d(), []), Y = m.useMemo(() => {
 		if (!z.trim()) return b;
 		let e = z.toLowerCase();
 		return b.map((t) => ({
@@ -40,7 +40,7 @@ var b = m.forwardRef(function({ groups: b = [], placeholder: x = "Search or jump
 		if (D === !1) return;
 		let e = Array.isArray(D) ? D : [D];
 		function t(t) {
-			for (let n of e) if (f(t, n)) {
+			for (let n of e) if (p(t, n)) {
 				t.preventDefault(), R((e) => !e);
 				return;
 			}
@@ -228,8 +228,8 @@ var b = m.forwardRef(function({ groups: b = [], placeholder: x = "Search or jump
 									n.shortcut && /* @__PURE__ */ h("span", {
 										className: "flex shrink-0 items-center gap-ds-01",
 										children: y(n.shortcut).map((e, t) => /* @__PURE__ */ h("kbd", {
-											className: r("inline-flex min-w-[20px] items-center justify-center rounded border px-ds-02b py-ds-01 text-ds-xs font-medium shadow-kbd transition-colors duration-fast-02 ease-productive-standard", s ? "bg-accent-2 text-accent-11 border-accent-6" : "bg-surface-raised text-surface-fg-subtle border-surface-border-strong"),
-											children: e === "Ctrl" || e === "ctrl" ? d(ue) : e
+											className: r("inline-flex min-w-ds-05b items-center justify-center rounded border px-ds-02b py-ds-01 text-ds-xs font-medium shadow-kbd transition-colors duration-fast-02 ease-productive-standard", s ? "bg-accent-2 text-accent-11 border-accent-6" : "bg-surface-raised text-surface-fg-subtle border-surface-border-strong"),
+											children: e === "Ctrl" || e === "ctrl" ? f(ue) : e
 										}, t))
 									}),
 									/* @__PURE__ */ h(oe, { children: s && /* @__PURE__ */ h(v.span, {
@@ -275,14 +275,14 @@ var b = m.forwardRef(function({ groups: b = [], placeholder: x = "Search or jump
 								})
 							})]
 						}) : e.keys === "↵" ? /* @__PURE__ */ h("kbd", {
-							className: "inline-flex h-[20px] items-center justify-center rounded-control border border-surface-border-strong bg-surface-raised px-ds-02b shadow-kbd",
+							className: "inline-flex h-ds-05b items-center justify-center rounded-control border border-surface-border-strong bg-surface-raised px-ds-02b shadow-kbd",
 							children: /* @__PURE__ */ h(i, {
 								icon: _,
 								size: "xs",
 								className: "text-surface-fg-subtle"
 							})
 						}) : /* @__PURE__ */ h("kbd", {
-							className: "inline-flex h-[20px] items-center justify-center rounded-control border border-surface-border-strong bg-surface-raised px-ds-02b text-ds-xs font-medium text-surface-fg-subtle shadow-kbd",
+							className: "inline-flex h-ds-05b items-center justify-center rounded-control border border-surface-border-strong bg-surface-raised px-ds-02b text-ds-xs font-medium text-surface-fg-subtle shadow-kbd",
 							children: e.keys
 						}), /* @__PURE__ */ h("span", {
 							className: "text-ds-xs text-surface-fg-subtle",