@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/composed/error-boundary.js

@@ -1,133 +1,135 @@
 "use client";
-import { jsx as s, jsxs as n } from "react/jsx-runtime";
-import * as l from "react";
-import { IconAlertTriangle as x, IconServerOff as b, IconBan as v, IconFileUnknown as y } from "@tabler/icons-react";
-import { Icon as w } from "../ui/icon.js";
-import { Button as C } from "../ui/button.js";
-import { cn as c } from "../ui/lib/utils.js";
-function E(e) {
-  if (e && typeof e == "object" && "status" in e && typeof e.status == "number")
-    return e.status;
+import { cn as e } from "../ui/lib/utils.js";
+import { Icon as t } from "../ui/icon.js";
+import { Button as n } from "../ui/button.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { IconAlertTriangle as o, IconBan as s, IconFileUnknown as c, IconServerOff as l } from "@tabler/icons-react";
+//#region src/composed/error-boundary.tsx
+function u(e) {
+	if (e && typeof e == "object" && "status" in e && typeof e.status == "number") return e.status;
 }
-function N(e) {
-  if (e instanceof Error)
-    return e.message;
-  if (e && typeof e == "object" && "data" in e) {
-    const t = e.data;
-    if (typeof t == "string") return t;
-    if (t && typeof t == "object" && "message" in t)
-      return String(t.message);
-  }
-  if (typeof e == "string")
-    return e;
+function d(e) {
+	if (e instanceof Error) return e.message;
+	if (e && typeof e == "object" && "data" in e) {
+		let t = e.data;
+		if (typeof t == "string") return t;
+		if (t && typeof t == "object" && "message" in t) return String(t.message);
+	}
+	if (typeof e == "string") return e;
 }
-function k(e) {
-  if (e instanceof Error)
-    return e.stack;
+function f(e) {
+	if (e instanceof Error) return e.stack;
 }
-function S(e) {
-  switch (e) {
-    case 404:
-      return {
-        icon: y,
-        title: "Page not found",
-        message: "The page you are looking for does not exist or has been moved.",
-        bgClass: "bg-accent-2",
-        iconClass: "text-accent-11"
-      };
-    case 403:
-      return {
-        icon: v,
-        title: "Access denied",
-        message: "You do not have permission to view this page. Contact your administrator if you believe this is a mistake.",
-        bgClass: "bg-warning-3",
-        iconClass: "text-warning-11"
-      };
-    case 500:
-      return {
-        icon: b,
-        title: "Server error",
-        message: "Something went wrong on our end. Please try again later or contact support if the issue persists.",
-        bgClass: "bg-error-3",
-        iconClass: "text-error-11"
-      };
-    default:
-      return {
-        icon: x,
-        title: "Something went wrong",
-        message: "An unexpected error occurred. Please try again or go back to the home page.",
-        bgClass: "bg-accent-2",
-        iconClass: "text-accent-11"
-      };
-  }
+function p(e) {
+	switch (e) {
+		case 404: return {
+			icon: c,
+			title: "Page not found",
+			message: "The page you are looking for does not exist or has been moved.",
+			bgClass: "bg-accent-2",
+			iconClass: "text-accent-11"
+		};
+		case 403: return {
+			icon: s,
+			title: "Access denied",
+			message: "You do not have permission to view this page. Contact your administrator if you believe this is a mistake.",
+			bgClass: "bg-warning-3",
+			iconClass: "text-warning-11"
+		};
+		case 500: return {
+			icon: l,
+			title: "Server error",
+			message: "Something went wrong on our end. Please try again later or contact support if the issue persists.",
+			bgClass: "bg-error-3",
+			iconClass: "text-error-11"
+		};
+		default: return {
+			icon: o,
+			title: "Something went wrong",
+			message: "An unexpected error occurred. Please try again or go back to the home page.",
+			bgClass: "bg-accent-2",
+			iconClass: "text-accent-11"
+		};
+	}
 }
-const d = l.forwardRef(
-  function({ error: t, onReset: a, className: f, ...u }, m) {
-    const o = E(t), g = N(t), i = k(t), p = typeof process < "u" && process.env && process.env.NODE_ENV === "development", r = S(o), h = r.icon;
-    return /* @__PURE__ */ s("div", { ref: m, ...u, className: c("flex min-h-[60vh] items-center justify-center p-ds-05", f), children: /* @__PURE__ */ n(
-      "div",
-      {
-        className: "flex w-full max-w-lg flex-col items-center gap-ds-06 rounded-ds-xl border border-surface-border-strong bg-surface-raised p-ds-07 text-center shadow-raised",
-        children: [
-          /* @__PURE__ */ s(
-            "div",
-            {
-              className: c(
-                "flex h-ds-lg w-ds-lg items-center justify-center rounded-ds-2xl",
-                r.bgClass
-              ),
-              children: /* @__PURE__ */ s(
-                w,
-                {
-                  icon: h,
-                  size: "2xl",
-                  className: r.iconClass
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ n("div", { className: "flex flex-col gap-ds-03", children: [
-            o && /* @__PURE__ */ n("span", { className: "text-ds-sm text-surface-fg-subtle", children: [
-              "Error ",
-              o
-            ] }),
-            /* @__PURE__ */ s("h2", { className: "text-ds-2xl font-semibold text-surface-fg", children: r.title }),
-            /* @__PURE__ */ s("p", { className: "text-ds-base text-surface-fg-subtle", children: g || r.message })
-          ] }),
-          a && /* @__PURE__ */ s("div", { className: "flex items-center gap-ds-04", children: /* @__PURE__ */ s(
-            C,
-            {
-              variant: "outline",
-              size: "md",
-              onClick: a,
-              children: "Try Again"
-            }
-          ) }),
-          p && i && /* @__PURE__ */ n("div", { className: "w-full overflow-auto rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-05 text-left", children: [
-            /* @__PURE__ */ s("p", { className: "text-ds-sm mb-ds-03 font-semibold text-surface-fg", children: "Stack Trace (development only)" }),
-            /* @__PURE__ */ s("pre", { className: "whitespace-pre-wrap text-ds-sm text-surface-fg-subtle", children: i })
-          ] })
-        ]
-      }
-    ) });
-  }
-);
-d.displayName = "ErrorDisplay";
-class A extends l.Component {
-  constructor(t) {
-    super(t), this.state = { error: null };
-  }
-  static getDerivedStateFromError(t) {
-    return { error: t };
-  }
-  handleReset = () => {
-    this.setState({ error: null }), this.props.onReset?.();
-  };
-  render() {
-    return this.state.error !== null ? this.props.fallback ? this.props.fallback({ error: this.state.error, onReset: this.handleReset }) : /* @__PURE__ */ s(d, { error: this.state.error, onReset: this.handleReset }) : this.props.children;
-  }
-}
-export {
-  A as ErrorBoundary,
-  d as ErrorDisplay
+var m = r.forwardRef(function({ error: r, onReset: o, className: s, ...c }, l) {
+	let m = u(r), h = d(r), g = f(r), _ = typeof process < "u" && process.env && process.env.NODE_ENV === "development", v = p(m), y = v.icon;
+	return /* @__PURE__ */ i("div", {
+		ref: l,
+		...c,
+		className: e("flex min-h-[60vh] items-center justify-center p-ds-05", s),
+		children: /* @__PURE__ */ a("div", {
+			className: "flex w-full max-w-lg flex-col items-center gap-ds-06 rounded-ds-xl border border-surface-border-strong bg-surface-raised p-ds-07 text-center shadow-raised",
+			children: [
+				/* @__PURE__ */ i("div", {
+					className: e("flex h-ds-lg w-ds-lg items-center justify-center rounded-ds-2xl", v.bgClass),
+					children: /* @__PURE__ */ i(t, {
+						icon: y,
+						size: "2xl",
+						className: v.iconClass
+					})
+				}),
+				/* @__PURE__ */ a("div", {
+					className: "flex flex-col gap-ds-03",
+					children: [
+						m && /* @__PURE__ */ a("span", {
+							className: "text-ds-sm text-surface-fg-subtle",
+							children: ["Error ", m]
+						}),
+						/* @__PURE__ */ i("h2", {
+							className: "text-ds-2xl font-semibold text-surface-fg",
+							children: v.title
+						}),
+						/* @__PURE__ */ i("p", {
+							className: "text-ds-base text-surface-fg-subtle",
+							children: h || v.message
+						})
+					]
+				}),
+				o && /* @__PURE__ */ i("div", {
+					className: "flex items-center gap-ds-04",
+					children: /* @__PURE__ */ i(n, {
+						variant: "outline",
+						size: "md",
+						onClick: o,
+						children: "Try Again"
+					})
+				}),
+				_ && g && /* @__PURE__ */ a("div", {
+					className: "w-full overflow-auto rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-05 text-left",
+					children: [/* @__PURE__ */ i("p", {
+						className: "text-ds-sm mb-ds-03 font-semibold text-surface-fg",
+						children: "Stack Trace (development only)"
+					}), /* @__PURE__ */ i("pre", {
+						className: "whitespace-pre-wrap text-ds-sm text-surface-fg-subtle",
+						children: g
+					})]
+				})
+			]
+		})
+	});
+});
+m.displayName = "ErrorDisplay";
+var h = class extends r.Component {
+	constructor(e) {
+		super(e), this.state = { error: null };
+	}
+	static getDerivedStateFromError(e) {
+		return { error: e };
+	}
+	handleReset = () => {
+		this.setState({ error: null }), this.props.onReset?.();
+	};
+	render() {
+		return this.state.error === null ? this.props.children : this.props.fallback ? this.props.fallback({
+			error: this.state.error,
+			onReset: this.handleReset
+		}) : /* @__PURE__ */ i(m, {
+			error: this.state.error,
+			onReset: this.handleReset
+		});
+	}
 };
+//#endregion
+export { h as ErrorBoundary, m as ErrorDisplay };

package/dist/composed/error-boundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-boundary.js","names":[],"sources":["../../src/composed/error-boundary.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { IconAlertTriangle, IconBan, IconFileUnknown, IconServerOff } from '@tabler/icons-react'\nimport { Icon } from '../ui/icon'\nimport { Button } from '../ui/button'\nimport { cn } from '../ui/lib/utils'\n\ndeclare const process: { env: { NODE_ENV?: string } } | undefined\n\nexport interface ErrorDisplayProps extends React.ComponentPropsWithoutRef<'div'> {\n  error: unknown\n  onReset?: () => void\n}\n\nfunction getStatusFromError(error: unknown): number | undefined {\n  if (\n    error &&\n    typeof error === 'object' &&\n    'status' in error &&\n    typeof (error as Record<string, unknown>).status === 'number'\n  ) {\n    return (error as Record<string, unknown>).status as number\n  }\n  return undefined\n}\n\nfunction getMessageFromError(error: unknown): string | undefined {\n  if (error instanceof Error) {\n    return error.message\n  }\n  if (\n    error &&\n    typeof error === 'object' &&\n    'data' in error\n  ) {\n    const data = (error as Record<string, unknown>).data\n    if (typeof data === 'string') return data\n    if (data && typeof data === 'object' && 'message' in data) {\n      return String((data as Record<string, unknown>).message)\n    }\n  }\n  if (typeof error === 'string') {\n    return error\n  }\n  return undefined\n}\n\nfunction getStackFromError(error: unknown): string | undefined {\n  if (error instanceof Error) {\n    return error.stack\n  }\n  return undefined\n}\n\nfunction getErrorConfig(status?: number) {\n  switch (status) {\n    case 404:\n      return {\n        icon: IconFileUnknown,\n        title: 'Page not found',\n        message:\n          'The page you are looking for does not exist or has been moved.',\n        bgClass: 'bg-accent-2',\n        iconClass: 'text-accent-11',\n      }\n    case 403:\n      return {\n        icon: IconBan,\n        title: 'Access denied',\n        message:\n          'You do not have permission to view this page. Contact your administrator if you believe this is a mistake.',\n        bgClass: 'bg-warning-3',\n        iconClass: 'text-warning-11',\n      }\n    case 500:\n      return {\n        icon: IconServerOff,\n        title: 'Server error',\n        message:\n          'Something went wrong on our end. Please try again later or contact support if the issue persists.',\n        bgClass: 'bg-error-3',\n        iconClass: 'text-error-11',\n      }\n    default:\n      return {\n        icon: IconAlertTriangle,\n        title: 'Something went wrong',\n        message:\n          'An unexpected error occurred. Please try again or go back to the home page.',\n        bgClass: 'bg-accent-2',\n        iconClass: 'text-accent-11',\n      }\n  }\n}\n\nconst ErrorDisplay = React.forwardRef<HTMLDivElement, ErrorDisplayProps>(\n  function ErrorDisplay({ error, onReset, className, ...props }, ref) {\n  const status = getStatusFromError(error)\n  const message = getMessageFromError(error)\n  const stack = getStackFromError(error)\n  const isDev =\n    typeof process !== 'undefined' &&\n    process.env &&\n    process.env.NODE_ENV === 'development'\n\n  const errorConfig = getErrorConfig(status)\n  const ErrorIcon = errorConfig.icon\n\n  return (\n    <div ref={ref} {...props} className={cn(\"flex min-h-[60vh] items-center justify-center p-ds-05\", className)}>\n      <div\n        className=\"flex w-full max-w-lg flex-col items-center gap-ds-06 rounded-ds-xl border border-surface-border-strong bg-surface-raised p-ds-07 text-center shadow-raised\"\n      >\n        {/* Error Icon */}\n        <div\n          className={cn(\n            'flex h-ds-lg w-ds-lg items-center justify-center rounded-ds-2xl',\n            errorConfig.bgClass,\n          )}\n        >\n          <Icon\n            icon={ErrorIcon}\n            size=\"2xl\"\n            className={errorConfig.iconClass}\n          />\n        </div>\n\n        {/* Error IconInfoCircle */}\n        <div className=\"flex flex-col gap-ds-03\">\n          {status && (\n            <span className=\"text-ds-sm text-surface-fg-subtle\">\n              Error {status}\n            </span>\n          )}\n          <h2 className=\"text-ds-2xl font-semibold text-surface-fg\">\n            {errorConfig.title}\n          </h2>\n          <p className=\"text-ds-base text-surface-fg-subtle\">\n            {message || errorConfig.message}\n          </p>\n        </div>\n\n        {/* Actions */}\n        {onReset && (\n          <div className=\"flex items-center gap-ds-04\">\n            <Button\n              variant=\"outline\"\n              size=\"md\"\n              onClick={onReset}\n            >\n              Try Again\n            </Button>\n          </div>\n        )}\n\n        {/* Dev stack trace */}\n        {isDev && stack && (\n          <div className=\"w-full overflow-auto rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-05 text-left\">\n            <p className=\"text-ds-sm mb-ds-03 font-semibold text-surface-fg\">\n              Stack Trace (development only)\n            </p>\n            <pre className=\"whitespace-pre-wrap text-ds-sm text-surface-fg-subtle\">\n              {stack}\n            </pre>\n          </div>\n        )}\n      </div>\n    </div>\n  )\n},\n)\n\nErrorDisplay.displayName = 'ErrorDisplay'\n\ninterface ErrorBoundaryProps {\n  children: React.ReactNode\n  /** Optional callback when the user clicks \"Try Again\" */\n  onReset?: () => void\n  /** Optional custom fallback — receives the caught error. Defaults to ErrorDisplay. */\n  fallback?: (props: { error: unknown; onReset?: () => void }) => React.ReactNode\n}\n\ninterface ErrorBoundaryState {\n  error: unknown | null\n}\n\nclass ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props)\n    this.state = { error: null }\n  }\n\n  static getDerivedStateFromError(error: unknown): ErrorBoundaryState {\n    return { error }\n  }\n\n  private handleReset = () => {\n    this.setState({ error: null })\n    this.props.onReset?.()\n  }\n\n  render() {\n    if (this.state.error !== null) {\n      if (this.props.fallback) {\n        return this.props.fallback({ error: this.state.error, onReset: this.handleReset })\n      }\n      return <ErrorDisplay error={this.state.error} onReset={this.handleReset} />\n    }\n    return this.props.children\n  }\n}\n\nexport { ErrorDisplay, ErrorBoundary }\nexport type { ErrorBoundaryProps }\n"],"mappings":"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"}

package/dist/composed/file-preview.js

@@ -1,13 +1,3 @@
 "use client";
-import "react/jsx-runtime";
-import "react";
-import "../ui/lib/utils.js";
-import "../ui/skeleton.js";
-import "../ui/button.js";
-import "../ui/icon.js";
-import "../_chunks/badge-group.js";
-import "@tabler/icons-react";
-import { F as l } from "../_chunks/file-preview.js";
-export {
-  l as FilePreview
-};
+import { t as e } from "../_chunks/file-preview.js";
+export { e as FilePreview };

package/dist/composed/filter-bar.js

@@ -1,133 +1,101 @@
 "use client";
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import * as d from "react";
-import { IconChevronDown as x } from "@tabler/icons-react";
-import { Icon as v } from "../ui/icon.js";
-import { cn as u } from "../ui/lib/utils.js";
-import { springs as b } from "../ui/lib/motion.js";
-import { SearchInput as g } from "../ui/search-input.js";
-import { Button as w } from "../ui/button.js";
-import { B as C } from "../_chunks/badge-group.js";
-import { Select as S, SelectTrigger as N, SelectValue as F, SelectContent as B, SelectItem as h } from "../ui/select.js";
-import { MultiSelectPopover as y } from "./multi-select-popover.js";
-import { m as z } from "../_chunks/framer.js";
-const f = d.createContext({ size: "sm" }), I = d.forwardRef(({
-  searchValue: s,
-  onSearchChange: r,
-  searchPlaceholder: i = "Search...",
-  onClearAll: a,
-  size: l = "sm",
-  children: n,
-  className: t,
-  ...m
-}, o) => /* @__PURE__ */ e(f.Provider, { value: { size: l }, children: /* @__PURE__ */ c(
-  "div",
-  {
-    ref: o,
-    className: u("flex flex-wrap items-center gap-ds-03", t),
-    role: "toolbar",
-    "aria-label": "Filters",
-    ...m,
-    children: [
-      r && /* @__PURE__ */ e(
-        g,
-        {
-          size: l,
-          value: s,
-          onChange: (p) => r(p.target.value),
-          onClear: s ? () => r("") : void 0,
-          placeholder: i,
-          className: "w-48"
-        }
-      ),
-      n,
-      a && /* @__PURE__ */ e(w, { variant: "ghost", size: l, onClick: a, children: "Clear all" })
-    ]
-  }
-) }));
-I.displayName = "FilterBar";
-function E({
-  label: s,
-  value: r,
-  onValueChange: i,
-  options: a,
-  allLabel: l = "All",
-  className: n
-}) {
-  const { size: t } = d.useContext(f);
-  return /* @__PURE__ */ c(S, { value: r, onValueChange: i, children: [
-    /* @__PURE__ */ e(
-      N,
-      {
-        size: t,
-        className: u("w-40", r !== "" && r !== "all" && "border-accent-7", n),
-        children: /* @__PURE__ */ e(F, { placeholder: s })
-      }
-    ),
-    /* @__PURE__ */ c(B, { children: [
-      /* @__PURE__ */ e(h, { value: "all", children: l }),
-      a.map((o) => /* @__PURE__ */ e(h, { value: o.value, children: o.label }, o.value))
-    ] })
-  ] });
+import { a as e } from "../_chunks/framer.js";
+import { springs as t } from "../ui/lib/motion.js";
+import { cn as n } from "../ui/lib/utils.js";
+import { Icon as r } from "../ui/icon.js";
+import { n as i } from "../_chunks/badge-group.js";
+import { Button as a } from "../ui/button.js";
+import { Select as o, SelectContent as s, SelectItem as c, SelectTrigger as l, SelectValue as u } from "../ui/select.js";
+import { SearchInput as d } from "../ui/search-input.js";
+import { MultiSelectPopover as f } from "./multi-select-popover.js";
+import * as p from "react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { IconChevronDown as g } from "@tabler/icons-react";
+//#region src/composed/filter-bar.tsx
+var _ = p.createContext({ size: "sm" }), v = p.forwardRef(({ searchValue: e, onSearchChange: t, searchPlaceholder: r = "Search...", onClearAll: i, size: o = "sm", children: s, className: c, ...l }, u) => /* @__PURE__ */ m(_.Provider, {
+	value: { size: o },
+	children: /* @__PURE__ */ h("div", {
+		ref: u,
+		className: n("flex flex-wrap items-center gap-ds-03", c),
+		role: "toolbar",
+		"aria-label": "Filters",
+		...l,
+		children: [
+			t && /* @__PURE__ */ m(d, {
+				size: o,
+				value: e,
+				onChange: (e) => t(e.target.value),
+				onClear: e ? () => t("") : void 0,
+				placeholder: r,
+				className: "w-48"
+			}),
+			s,
+			i && /* @__PURE__ */ m(a, {
+				variant: "ghost",
+				size: o,
+				onClick: i,
+				children: "Clear all"
+			})
+		]
+	})
+}));
+v.displayName = "FilterBar";
+function y({ label: e, value: t, onValueChange: r, options: i, allLabel: a = "All", className: d }) {
+	let { size: f } = p.useContext(_);
+	return /* @__PURE__ */ h(o, {
+		value: t,
+		onValueChange: r,
+		children: [/* @__PURE__ */ m(l, {
+			size: f,
+			className: n("w-40", t !== "" && t !== "all" && "border-accent-7", d),
+			children: /* @__PURE__ */ m(u, { placeholder: e })
+		}), /* @__PURE__ */ h(s, { children: [/* @__PURE__ */ m(c, {
+			value: "all",
+			children: a
+		}), i.map((e) => /* @__PURE__ */ m(c, {
+			value: e.value,
+			children: e.label
+		}, e.value))] })]
+	});
 }
-function G({
-  label: s,
-  value: r,
-  onValueChange: i,
-  options: a,
-  className: l
-}) {
-  const { size: n } = d.useContext(f), t = r.length, m = d.useMemo(
-    () => a.map((p) => ({ id: p.value, label: p.label })),
-    [a]
-  ), o = {
-    xs: "h-ds-xs-plus text-ds-sm px-ds-02",
-    sm: "h-ds-sm text-ds-sm px-ds-03",
-    md: "h-ds-md text-ds-md px-ds-04"
-  };
-  return /* @__PURE__ */ e(
-    y,
-    {
-      items: m,
-      value: r,
-      onValueChange: i,
-      searchPlaceholder: `Search ${s.toLowerCase()}...`,
-      children: /* @__PURE__ */ c(
-        "button",
-        {
-          type: "button",
-          className: u(
-            "flex items-center justify-between gap-ds-02 whitespace-nowrap rounded-ds-md border bg-surface-raised-hover text-surface-fg",
-            "hover:bg-surface-raised-active transition-colors duration-fast-01 ease-productive-standard",
-            o[n],
-            t > 0 ? "border-accent-7" : "border-surface-border-strong",
-            "w-40",
-            l
-          ),
-          children: [
-            /* @__PURE__ */ c("span", { className: "flex items-center gap-ds-02 truncate", children: [
-              /* @__PURE__ */ e("span", { children: s }),
-              t > 0 && /* @__PURE__ */ e(
-                z.span,
-                {
-                  initial: { scale: 0.8 },
-                  animate: { scale: 1 },
-                  transition: b.bouncy,
-                  className: "inline-flex",
-                  children: /* @__PURE__ */ e(C, { size: "xs", variant: "solid", className: "ml-ds-01", children: t })
-                },
-                t
-              )
-            ] }),
-            /* @__PURE__ */ e(v, { icon: x, size: "xs", className: "opacity-50 shrink-0" })
-          ]
-        }
-      )
-    }
-  );
+function b({ label: a, value: o, onValueChange: s, options: c, className: l }) {
+	let { size: u } = p.useContext(_), d = o.length;
+	return /* @__PURE__ */ m(f, {
+		items: p.useMemo(() => c.map((e) => ({
+			id: e.value,
+			label: e.label
+		})), [c]),
+		value: o,
+		onValueChange: s,
+		searchPlaceholder: `Search ${a.toLowerCase()}...`,
+		children: /* @__PURE__ */ h("button", {
+			type: "button",
+			className: n("flex items-center justify-between gap-ds-02 whitespace-nowrap rounded-ds-md border bg-surface-raised-hover text-surface-fg", "hover:bg-surface-raised-active transition-colors duration-fast-01 ease-productive-standard", {
+				xs: "h-ds-xs-plus text-ds-sm px-ds-02",
+				sm: "h-ds-sm text-ds-sm px-ds-03",
+				md: "h-ds-md text-ds-md px-ds-04"
+			}[u], d > 0 ? "border-accent-7" : "border-surface-border-strong", "w-40", l),
+			children: [/* @__PURE__ */ h("span", {
+				className: "flex items-center gap-ds-02 truncate",
+				children: [/* @__PURE__ */ m("span", { children: a }), d > 0 && /* @__PURE__ */ m(e.span, {
+					initial: { scale: .8 },
+					animate: { scale: 1 },
+					transition: t.bouncy,
+					className: "inline-flex",
+					children: /* @__PURE__ */ m(i, {
+						size: "xs",
+						variant: "solid",
+						className: "ml-ds-01",
+						children: d
+					})
+				}, d)]
+			}), /* @__PURE__ */ m(r, {
+				icon: g,
+				size: "xs",
+				className: "opacity-50 shrink-0"
+			})]
+		})
+	});
 }
-export {
-  I as FilterBar,
-  G as FilterMultiSelect,
-  E as FilterSelect
-};
+//#endregion
+export { v as FilterBar, b as FilterMultiSelect, y as FilterSelect };

package/dist/composed/filter-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar.js","names":[],"sources":["../../src/composed/filter-bar.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { motion } from 'framer-motion'\nimport { IconChevronDown } from '@tabler/icons-react'\nimport { Icon } from '../ui/icon'\nimport { cn } from '../ui/lib/utils'\nimport { springs } from '../ui/lib/motion'\nimport { SearchInput } from '../ui/search-input'\nimport { Button } from '../ui/button'\nimport { Badge } from '../ui/badge'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '../ui/select'\nimport { MultiSelectPopover, type MultiSelectItem } from './multi-select-popover'\n\n// ============================================================\n// Context\n// ============================================================\n\ntype FilterBarSize = 'xs' | 'sm' | 'md'\n\nconst FilterBarContext = React.createContext<{ size: FilterBarSize }>({ size: 'sm' })\n\n// ============================================================\n// FilterBar\n// ============================================================\n\n/**\n * A toolbar for filtering lists/tables. Composes a search input, slot-based\n * filter controls (Select, MultiSelect), and an optional \"Clear all\" button.\n * Size is propagated to all child controls via context.\n */\nexport interface FilterBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Controlled search input value. Omit `onSearchChange` to hide the search input entirely. */\n  searchValue?: string\n  /** Called when the search input changes. If not provided, the search input is hidden. */\n  onSearchChange?: (value: string) => void\n  searchPlaceholder?: string\n  /** When provided, a \"Clear all\" button appears that calls this handler. */\n  onClearAll?: () => void\n  /** Size propagated to all child controls. @default 'sm' */\n  size?: FilterBarSize\n}\n\nconst FilterBar = React.forwardRef<HTMLDivElement, FilterBarProps>(({\n  searchValue,\n  onSearchChange,\n  searchPlaceholder = 'Search...',\n  onClearAll,\n  size = 'sm',\n  children,\n  className,\n  ...props\n}, ref) => {\n  return (\n    <FilterBarContext.Provider value={{ size }}>\n      <div\n        ref={ref}\n        className={cn('flex flex-wrap items-center gap-ds-03', className)}\n        role=\"toolbar\"\n        aria-label=\"Filters\"\n        {...props}\n      >\n        {onSearchChange && (\n          <SearchInput\n            size={size}\n            value={searchValue}\n            onChange={(e) => onSearchChange(e.target.value)}\n            onClear={searchValue ? () => onSearchChange('') : undefined}\n            placeholder={searchPlaceholder}\n            className=\"w-48\"\n          />\n        )}\n        {children}\n        {onClearAll && (\n          <Button variant=\"ghost\" size={size} onClick={onClearAll}>\n            Clear all\n          </Button>\n        )}\n      </div>\n    </FilterBarContext.Provider>\n  )\n})\nFilterBar.displayName = 'FilterBar'\n\n// ============================================================\n// FilterSelect\n// ============================================================\n\nexport interface FilterSelectProps {\n  label: string\n  value: string\n  onValueChange: (value: string) => void\n  options: { value: string; label: string }[]\n  /** Label for the \"all\" option @default 'All' */\n  allLabel?: string\n  className?: string\n}\n\nfunction FilterSelect({\n  label,\n  value,\n  onValueChange,\n  options,\n  allLabel = 'All',\n  className,\n}: FilterSelectProps) {\n  const { size } = React.useContext(FilterBarContext)\n  const isFiltered = value !== '' && value !== 'all'\n\n  return (\n    <Select value={value} onValueChange={onValueChange}>\n      <SelectTrigger\n        size={size}\n        className={cn('w-40', isFiltered && 'border-accent-7', className)}\n      >\n        <SelectValue placeholder={label} />\n      </SelectTrigger>\n      <SelectContent>\n        <SelectItem value=\"all\">{allLabel}</SelectItem>\n        {options.map((o) => (\n          <SelectItem key={o.value} value={o.value}>\n            {o.label}\n          </SelectItem>\n        ))}\n      </SelectContent>\n    </Select>\n  )\n}\n\n// ============================================================\n// FilterMultiSelect\n// ============================================================\n\nexport interface FilterMultiSelectProps {\n  label: string\n  value: string[]\n  onValueChange: (values: string[]) => void\n  options: { value: string; label: string }[]\n  className?: string\n}\n\nfunction FilterMultiSelect({\n  label,\n  value,\n  onValueChange,\n  options,\n  className,\n}: FilterMultiSelectProps) {\n  const { size } = React.useContext(FilterBarContext)\n  const count = value.length\n\n  const items: MultiSelectItem[] = React.useMemo(\n    () => options.map((o) => ({ id: o.value, label: o.label })),\n    [options],\n  )\n\n  // Trigger button sized by FilterBar context\n  const triggerSizeClasses: Record<string, string> = {\n    xs: 'h-ds-xs-plus text-ds-sm px-ds-02',\n    sm: 'h-ds-sm text-ds-sm px-ds-03',\n    md: 'h-ds-md text-ds-md px-ds-04',\n  }\n\n  return (\n    <MultiSelectPopover\n      items={items}\n      value={value}\n      onValueChange={onValueChange}\n      searchPlaceholder={`Search ${label.toLowerCase()}...`}\n    >\n      <button\n        type=\"button\"\n        className={cn(\n          'flex items-center justify-between gap-ds-02 whitespace-nowrap rounded-ds-md border bg-surface-raised-hover text-surface-fg',\n          'hover:bg-surface-raised-active transition-colors duration-fast-01 ease-productive-standard',\n          triggerSizeClasses[size],\n          count > 0 ? 'border-accent-7' : 'border-surface-border-strong',\n          'w-40',\n          className,\n        )}\n      >\n        <span className=\"flex items-center gap-ds-02 truncate\">\n          <span>{label}</span>\n          {count > 0 && (\n            <motion.span\n              key={count}\n              initial={{ scale: 0.8 }}\n              animate={{ scale: 1 }}\n              transition={springs.bouncy}\n              className=\"inline-flex\"\n            >\n              <Badge size=\"xs\" variant=\"solid\" className=\"ml-ds-01\">\n                {count}\n              </Badge>\n            </motion.span>\n          )}\n        </span>\n        <Icon icon={IconChevronDown} size=\"xs\" className=\"opacity-50 shrink-0\" />\n      </button>\n    </MultiSelectPopover>\n  )\n}\n\nexport { FilterBar, FilterSelect, FilterMultiSelect }\n"],"mappings":";;;;;;;;;;;;;;AA0BA,IAAM,IAAmB,EAAM,cAAuC,EAAE,MAAM,MAAM,CAAC,EAuB/E,IAAY,EAAM,YAA4C,EAClE,gBACA,mBACA,uBAAoB,aACpB,eACA,UAAO,MACP,aACA,cACA,GAAG,KACF,MAEC,kBAAC,EAAiB,UAAlB;CAA2B,OAAO,EAAE,SAAM;WACxC,kBAAC,OAAD;EACO;EACL,WAAW,EAAG,yCAAyC,EAAU;EACjE,MAAK;EACL,cAAW;EACX,GAAI;YALN;GAOG,KACC,kBAAC,GAAD;IACQ;IACN,OAAO;IACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;IAC/C,SAAS,UAAoB,EAAe,GAAG,GAAG,KAAA;IAClD,aAAa;IACb,WAAU;IACV,CAAA;GAEH;GACA,KACC,kBAAC,GAAD;IAAQ,SAAQ;IAAc;IAAM,SAAS;cAAY;IAEhD,CAAA;GAEP;;CACoB,CAAA,CAE9B;AACF,EAAU,cAAc;AAgBxB,SAAS,EAAa,EACpB,UACA,UACA,kBACA,YACA,cAAW,OACX,gBACoB;CACpB,IAAM,EAAE,YAAS,EAAM,WAAW,EAAiB;AAGnD,QACE,kBAAC,GAAD;EAAe;EAAsB;YAArC,CACE,kBAAC,GAAD;GACQ;GACN,WAAW,EAAG,QAND,MAAU,MAAM,MAAU,SAMH,mBAAmB,EAAU;aAEjE,kBAAC,GAAD,EAAa,aAAa,GAAS,CAAA;GACrB,CAAA,EAChB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAY,OAAM;aAAO;GAAsB,CAAA,EAC9C,EAAQ,KAAK,MACZ,kBAAC,GAAD;GAA0B,OAAO,EAAE;aAChC,EAAE;GACQ,EAFI,EAAE,MAEN,CACb,CACY,EAAA,CAAA,CACT;;;AAgBb,SAAS,EAAkB,EACzB,UACA,UACA,kBACA,YACA,gBACyB;CACzB,IAAM,EAAE,YAAS,EAAM,WAAW,EAAiB,EAC7C,IAAQ,EAAM;AAcpB,QACE,kBAAC,GAAD;EACS,OAdsB,EAAM,cAC/B,EAAQ,KAAK,OAAO;GAAE,IAAI,EAAE;GAAO,OAAO,EAAE;GAAO,EAAE,EAC3D,CAAC,EAAQ,CACV;EAYU;EACQ;EACf,mBAAmB,UAAU,EAAM,aAAa,CAAC;YAEjD,kBAAC,UAAD;GACE,MAAK;GACL,WAAW,EACT,8HACA,8FAjB2C;IACjD,IAAI;IACJ,IAAI;IACJ,IAAI;IACL,CAc0B,IACnB,IAAQ,IAAI,oBAAoB,gCAChC,QACA,EACD;aATH,CAWE,kBAAC,QAAD;IAAM,WAAU;cAAhB,CACE,kBAAC,QAAD,EAAA,UAAO,GAAa,CAAA,EACnB,IAAQ,KACP,kBAAC,EAAO,MAAR;KAEE,SAAS,EAAE,OAAO,IAAK;KACvB,SAAS,EAAE,OAAO,GAAG;KACrB,YAAY,EAAQ;KACpB,WAAU;eAEV,kBAAC,GAAD;MAAO,MAAK;MAAK,SAAQ;MAAQ,WAAU;gBACxC;MACK,CAAA;KACI,EATP,EASO,CAEX;OACP,kBAAC,GAAD;IAAM,MAAM;IAAiB,MAAK;IAAK,WAAU;IAAwB,CAAA,CAClE;;EACU,CAAA"}