@mastra/playground-ui 57.0.0 → 57.1.0-alpha.0

package/dist/components/DataFilter.cjs.js

@@ -1,173 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const lucideReact = require('lucide-react');
-const React = require('react');
-const Button = require('../Button-MMZPEb_q.cjs');
-const dropdownMenu = require('../dropdown-menu-j2y37TL5.cjs');
-const primitives_menuItem = require('../primitives/menu-item.cjs.js');
-const utils_cn = require('../cn-DG0X1KEP.cjs');
-
-const SUBMENU_SEARCH_THRESHOLD = 6;
-function MenuSearch({
-  value,
-  onChange,
-  label = "Search",
-  placeholder = "Search..."
-}) {
-  return (
-    // Pull the row flush against the popup edges (the popup pads its items with p-1).
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils_cn.cn(primitives_menuItem.menuSearchClasses.container, "-mx-1 -mt-1 mb-1"), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: primitives_menuItem.menuSearchClasses.icon }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          type: "text",
-          placeholder,
-          "aria-label": label,
-          value,
-          onChange: (e) => onChange(e.target.value),
-          onKeyDown: (e) => e.stopPropagation(),
-          className: primitives_menuItem.menuSearchClasses.input
-        }
-      )
-    ] })
-  );
-}
-function SelectDataFilter({
-  categories,
-  value,
-  onChange,
-  disabled,
-  label = "Filter",
-  align = "end",
-  searchThreshold = SUBMENU_SEARCH_THRESHOLD
-}) {
-  const [filterSearch, setFilterSearch] = React.useState("");
-  const [subSearch, setSubSearch] = React.useState("");
-  const resetSubSearch = React.useCallback((open) => {
-    if (!open) setSubSearch("");
-  }, []);
-  const activeFilterCount = React.useMemo(() => {
-    let count = 0;
-    for (const selections of Object.values(value)) {
-      if (selections.length > 0) count++;
-    }
-    return count;
-  }, [value]);
-  const grouped = React.useMemo(() => {
-    const q = filterSearch.toLowerCase();
-    const groups = [];
-    const groupMap = /* @__PURE__ */ new Map();
-    const ungrouped = [];
-    for (const cat of categories) {
-      if (cat.values.length === 0) continue;
-      if (q) {
-        const matchesLabel = cat.label.toLowerCase().includes(q);
-        const matchesValues = cat.values.some((v) => v.label.toLowerCase().includes(q));
-        if (!matchesLabel && !matchesValues) continue;
-      }
-      if (cat.group) {
-        let items = groupMap.get(cat.group);
-        if (!items) {
-          items = [];
-          groupMap.set(cat.group, items);
-        }
-        items.push(cat);
-      } else {
-        ungrouped.push(cat);
-      }
-    }
-    for (const cat of ungrouped) {
-      groups.push({ key: cat.id, items: [cat] });
-    }
-    for (const [groupLabel, items] of groupMap) {
-      groups.push({ key: `group-${groupLabel}`, label: groupLabel, items });
-    }
-    return groups;
-  }, [categories, filterSearch]);
-  const handleSelect = (categoryId, selectedValue, mode) => {
-    const current = value[categoryId] ?? [];
-    let next;
-    if (mode === "single") {
-      next = current.includes(selectedValue) ? [] : [selectedValue];
-    } else {
-      next = current.includes(selectedValue) ? current.filter((v) => v !== selectedValue) : [...current, selectedValue];
-    }
-    onChange({ ...value, [categoryId]: next });
-  };
-  const handleClearAll = () => {
-    onChange({});
-  };
-  const renderCategory = (cat) => {
-    const mode = cat.mode ?? "multi";
-    const selected = value[cat.id] ?? [];
-    const selectedCount = selected.length;
-    return /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu.Sub, { onOpenChange: resetSubSearch, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu.SubTrigger, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 truncate", children: cat.label }),
-        selectedCount > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("text-caption text-accent1"), children: selectedCount })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu.SubContent, { children: [
-        cat.values.length >= searchThreshold && /* @__PURE__ */ jsxRuntime.jsx(MenuSearch, { value: subSearch, onChange: setSubSearch, label: `Search ${cat.label.toLowerCase()}` }),
-        mode === "single" ? /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenu.RadioGroup, { value: selected[0] ?? "", onValueChange: (val) => handleSelect(cat.id, val, mode), children: cat.values.filter((v) => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase())).map((v) => /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenu.RadioItem, { value: v.value, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("truncate"), children: v.label }) }, v.value)) }) : cat.values.filter((v) => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase())).map((v) => /* @__PURE__ */ jsxRuntime.jsx(
-          dropdownMenu.DropdownMenu.CheckboxItem,
-          {
-            checked: selected.includes(v.value),
-            onCheckedChange: () => handleSelect(cat.id, v.value, mode),
-            onSelect: (e) => e.preventDefault(),
-            children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: utils_cn.cn("truncate"), children: v.label })
-          },
-          v.value
-        ))
-      ] })
-    ] }, cat.id);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu, { modal: false, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(Button.Button, { variant: "outline", disabled, size: "md", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FilterIcon, {}), children: [
-      label,
-      activeFilterCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: utils_cn.cn(
-            "ml-0.5 inline-flex size-5 items-center justify-center rounded-full bg-accent1/50 text-caption text-foreground"
-          ),
-          children: activeFilterCount
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu.Content, { align, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        MenuSearch,
-        {
-          value: filterSearch,
-          onChange: setFilterSearch,
-          label: "Search filters",
-          placeholder: "Search filters..."
-        }
-      ),
-      grouped.map((group) => {
-        const firstItem = group.items[0];
-        if (group.items.length === 1 && firstItem) {
-          return renderCategory(firstItem);
-        }
-        return /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu.Sub, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenu.SubTrigger, { children: group.label }),
-          /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenu.SubContent, { children: group.items.map((cat) => renderCategory(cat)) })
-        ] }, group.key);
-      }),
-      activeFilterCount > 0 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(dropdownMenu.DropdownMenu.Separator, {}),
-        /* @__PURE__ */ jsxRuntime.jsxs(dropdownMenu.DropdownMenu.Item, { onSelect: handleClearAll, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}),
-          "Clear all filters"
-        ] })
-      ] })
-    ] })
-  ] });
-}
-
-exports.SelectDataFilter = SelectDataFilter;
-//# sourceMappingURL=DataFilter.cjs.js.map

package/dist/components/DataFilter.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataFilter.cjs.js","sources":["../../src/ds/components/DataFilter/select-data-filter.tsx"],"sourcesContent":["import { FilterIcon, SearchIcon, XIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { useState, useMemo, useCallback } from 'react';\n\nimport { Button } from '@/ds/components/Button/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { menuSearchClasses } from '@/ds/primitives/menu-item';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** A single selectable value within a filter category */\nexport type SelectDataFilterValue = {\n  value: string;\n  label: string;\n};\n\n/** Selection mode for a filter category */\nexport type SelectDataFilterMode = 'single' | 'multi';\n\n/** A filter category that appears in the filter dropdown */\nexport type SelectDataFilterCategory = {\n  /** Unique identifier */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Optional group header (categories with the same group are nested under it) */\n  group?: string;\n  /** Available values to pick from */\n  values: SelectDataFilterValue[];\n  /** 'single' = radio, 'multi' = checkboxes. Defaults to 'multi'. */\n  mode?: SelectDataFilterMode;\n};\n\n/** Current selected state: category id -> selected value(s) */\nexport type SelectDataFilterState = Record<string, string[]>;\n\nexport type SelectDataFilterProps = {\n  /** Filter categories to display */\n  categories: SelectDataFilterCategory[];\n  /** Current filter selections */\n  value: SelectDataFilterState;\n  /** Called when selections change */\n  onChange: (next: SelectDataFilterState) => void;\n  /** Disable the trigger button */\n  disabled?: boolean;\n  /** Override the trigger label */\n  label?: ReactNode;\n  /** Content alignment */\n  align?: 'start' | 'center' | 'end';\n  /** Minimum items before showing search in a submenu */\n  searchThreshold?: number;\n};\n\n// ---------------------------------------------------------------------------\n// Internal helpers\n// ---------------------------------------------------------------------------\n\nconst SUBMENU_SEARCH_THRESHOLD = 6;\n\nfunction MenuSearch({\n  value,\n  onChange,\n  label = 'Search',\n  placeholder = 'Search...',\n}: {\n  value: string;\n  onChange: (v: string) => void;\n  label?: string;\n  placeholder?: string;\n}) {\n  return (\n    // Pull the row flush against the popup edges (the popup pads its items with p-1).\n    <div className={cn(menuSearchClasses.container, '-mx-1 -mt-1 mb-1')}>\n      <SearchIcon className={menuSearchClasses.icon} />\n      <input\n        type=\"text\"\n        placeholder={placeholder}\n        aria-label={label}\n        value={value}\n        onChange={e => onChange(e.target.value)}\n        onKeyDown={e => e.stopPropagation()}\n        className={menuSearchClasses.input}\n      />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function SelectDataFilter({\n  categories,\n  value,\n  onChange,\n  disabled,\n  label = 'Filter',\n  align = 'end',\n  searchThreshold = SUBMENU_SEARCH_THRESHOLD,\n}: SelectDataFilterProps) {\n  const [filterSearch, setFilterSearch] = useState('');\n  const [subSearch, setSubSearch] = useState('');\n\n  const resetSubSearch = useCallback((open: boolean) => {\n    if (!open) setSubSearch('');\n  }, []);\n\n  // Count active filters\n  const activeFilterCount = useMemo(() => {\n    let count = 0;\n    for (const selections of Object.values(value)) {\n      if (selections.length > 0) count++;\n    }\n    return count;\n  }, [value]);\n\n  // Group categories\n  const grouped = useMemo(() => {\n    const q = filterSearch.toLowerCase();\n    const groups: { key: string; label?: string; items: SelectDataFilterCategory[] }[] = [];\n    const groupMap = new Map<string, SelectDataFilterCategory[]>();\n    const ungrouped: SelectDataFilterCategory[] = [];\n\n    for (const cat of categories) {\n      if (cat.values.length === 0) continue;\n      // Filter by search\n      if (q) {\n        const matchesLabel = cat.label.toLowerCase().includes(q);\n        const matchesValues = cat.values.some(v => v.label.toLowerCase().includes(q));\n        if (!matchesLabel && !matchesValues) continue;\n      }\n      if (cat.group) {\n        let items = groupMap.get(cat.group);\n        if (!items) {\n          items = [];\n          groupMap.set(cat.group, items);\n        }\n        items.push(cat);\n      } else {\n        ungrouped.push(cat);\n      }\n    }\n\n    // Ungrouped items first\n    for (const cat of ungrouped) {\n      groups.push({ key: cat.id, items: [cat] });\n    }\n    // Then grouped\n    for (const [groupLabel, items] of groupMap) {\n      groups.push({ key: `group-${groupLabel}`, label: groupLabel, items });\n    }\n\n    return groups;\n  }, [categories, filterSearch]);\n\n  const handleSelect = (categoryId: string, selectedValue: string, mode: SelectDataFilterMode) => {\n    const current = value[categoryId] ?? [];\n    let next: string[];\n\n    if (mode === 'single') {\n      next = current.includes(selectedValue) ? [] : [selectedValue];\n    } else {\n      next = current.includes(selectedValue) ? current.filter(v => v !== selectedValue) : [...current, selectedValue];\n    }\n\n    onChange({ ...value, [categoryId]: next });\n  };\n\n  const handleClearAll = () => {\n    onChange({});\n  };\n\n  const renderCategory = (cat: SelectDataFilterCategory) => {\n    const mode = cat.mode ?? 'multi';\n    const selected = value[cat.id] ?? [];\n    const selectedCount = selected.length;\n\n    return (\n      <DropdownMenu.Sub key={cat.id} onOpenChange={resetSubSearch}>\n        <DropdownMenu.SubTrigger>\n          <span className=\"flex-1 truncate\">{cat.label}</span>\n          {selectedCount > 0 && <span className={cn('text-caption text-accent1')}>{selectedCount}</span>}\n        </DropdownMenu.SubTrigger>\n        <DropdownMenu.SubContent>\n          {cat.values.length >= searchThreshold && (\n            <MenuSearch value={subSearch} onChange={setSubSearch} label={`Search ${cat.label.toLowerCase()}`} />\n          )}\n          {mode === 'single' ? (\n            <DropdownMenu.RadioGroup value={selected[0] ?? ''} onValueChange={val => handleSelect(cat.id, val, mode)}>\n              {cat.values\n                .filter(v => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase()))\n                .map(v => (\n                  <DropdownMenu.RadioItem key={v.value} value={v.value}>\n                    <span className={cn('truncate')}>{v.label}</span>\n                  </DropdownMenu.RadioItem>\n                ))}\n            </DropdownMenu.RadioGroup>\n          ) : (\n            cat.values\n              .filter(v => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase()))\n              .map(v => (\n                <DropdownMenu.CheckboxItem\n                  key={v.value}\n                  checked={selected.includes(v.value)}\n                  onCheckedChange={() => handleSelect(cat.id, v.value, mode)}\n                  onSelect={e => e.preventDefault()}\n                >\n                  <span className={cn('truncate')}>{v.label}</span>\n                </DropdownMenu.CheckboxItem>\n              ))\n          )}\n        </DropdownMenu.SubContent>\n      </DropdownMenu.Sub>\n    );\n  };\n\n  return (\n    <DropdownMenu modal={false}>\n      <DropdownMenu.Trigger asChild>\n        <Button variant=\"outline\" disabled={disabled} size=\"md\" icon={<FilterIcon />}>\n          {label}\n          {activeFilterCount > 0 && (\n            <span\n              className={cn(\n                'ml-0.5 inline-flex size-5 items-center justify-center rounded-full bg-accent1/50 text-caption text-foreground',\n              )}\n            >\n              {activeFilterCount}\n            </span>\n          )}\n        </Button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align={align}>\n        <MenuSearch\n          value={filterSearch}\n          onChange={setFilterSearch}\n          label=\"Search filters\"\n          placeholder=\"Search filters...\"\n        />\n\n        {grouped.map(group => {\n          const firstItem = group.items[0];\n\n          if (group.items.length === 1 && firstItem) {\n            // A single category (grouped or not) renders directly, without a sub-trigger.\n            return renderCategory(firstItem);\n          }\n\n          // Multiple items under a group label — nest under a sub-trigger\n          return (\n            <DropdownMenu.Sub key={group.key}>\n              <DropdownMenu.SubTrigger>{group.label}</DropdownMenu.SubTrigger>\n              <DropdownMenu.SubContent>{group.items.map(cat => renderCategory(cat))}</DropdownMenu.SubContent>\n            </DropdownMenu.Sub>\n          );\n        })}\n\n        {/* Clear all */}\n        {activeFilterCount > 0 && (\n          <>\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item onSelect={handleClearAll}>\n              <XIcon />\n              Clear all filters\n            </DropdownMenu.Item>\n          </>\n        )}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":["cn","menuSearchClasses","jsx","SearchIcon","useState","useCallback","useMemo","jsxs","DropdownMenu","Button","FilterIcon","Fragment","XIcon"],"mappings":";;;;;;;;;;;;AA4DA,MAAM,wBAAA,GAA2B,CAAA;AAEjC,SAAS,UAAA,CAAW;AAAA,EAClB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,GAAQ,QAAA;AAAA,EACR,WAAA,GAAc;AAChB,CAAA,EAKG;AACD,EAAA;AAAA;AAAA,oCAEG,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAGC,qCAAA,CAAkB,SAAA,EAAW,kBAAkB,CAAA,EAChE,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAACC,sBAAA,EAAA,EAAW,SAAA,EAAWF,qCAAA,CAAkB,IAAA,EAAM,CAAA;AAAA,sBAC/CC,cAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,MAAA;AAAA,UACL,WAAA;AAAA,UACA,YAAA,EAAY,KAAA;AAAA,UACZ,KAAA;AAAA,UACA,QAAA,EAAU,CAAA,CAAA,KAAK,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,UACtC,SAAA,EAAW,CAAA,CAAA,KAAK,CAAA,CAAE,eAAA,EAAgB;AAAA,UAClC,WAAWD,qCAAA,CAAkB;AAAA;AAAA;AAC/B,KAAA,EACF;AAAA;AAEJ;AAMO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,UAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,GAAQ,QAAA;AAAA,EACR,KAAA,GAAQ,KAAA;AAAA,EACR,eAAA,GAAkB;AACpB,CAAA,EAA0B;AACxB,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAIG,eAAS,EAAE,CAAA;AACnD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAIA,eAAS,EAAE,CAAA;AAE7C,EAAA,MAAM,cAAA,GAAiBC,iBAAA,CAAY,CAAC,IAAA,KAAkB;AACpD,IAAA,IAAI,CAAC,IAAA,EAAM,YAAA,CAAa,EAAE,CAAA;AAAA,EAC5B,CAAA,EAAG,EAAE,CAAA;AAGL,EAAA,MAAM,iBAAA,GAAoBC,cAAQ,MAAM;AACtC,IAAA,IAAI,KAAA,GAAQ,CAAA;AACZ,IAAA,KAAA,MAAW,UAAA,IAAc,MAAA,CAAO,MAAA,CAAO,KAAK,CAAA,EAAG;AAC7C,MAAA,IAAI,UAAA,CAAW,SAAS,CAAA,EAAG,KAAA,EAAA;AAAA,IAC7B;AACA,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAGV,EAAA,MAAM,OAAA,GAAUA,cAAQ,MAAM;AAC5B,IAAA,MAAM,CAAA,GAAI,aAAa,WAAA,EAAY;AACnC,IAAA,MAAM,SAA+E,EAAC;AACtF,IAAA,MAAM,QAAA,uBAAe,GAAA,EAAwC;AAC7D,IAAA,MAAM,YAAwC,EAAC;AAE/C,IAAA,KAAA,MAAW,OAAO,UAAA,EAAY;AAC5B,MAAA,IAAI,GAAA,CAAI,MAAA,CAAO,MAAA,KAAW,CAAA,EAAG;AAE7B,MAAA,IAAI,CAAA,EAAG;AACL,QAAA,MAAM,eAAe,GAAA,CAAI,KAAA,CAAM,WAAA,EAAY,CAAE,SAAS,CAAC,CAAA;AACvD,QAAA,MAAM,aAAA,GAAgB,GAAA,CAAI,MAAA,CAAO,IAAA,CAAK,CAAA,CAAA,KAAK,CAAA,CAAE,KAAA,CAAM,WAAA,EAAY,CAAE,QAAA,CAAS,CAAC,CAAC,CAAA;AAC5E,QAAA,IAAI,CAAC,YAAA,IAAgB,CAAC,aAAA,EAAe;AAAA,MACvC;AACA,MAAA,IAAI,IAAI,KAAA,EAAO;AACb,QAAA,IAAI,KAAA,GAAQ,QAAA,CAAS,GAAA,CAAI,GAAA,CAAI,KAAK,CAAA;AAClC,QAAA,IAAI,CAAC,KAAA,EAAO;AACV,UAAA,KAAA,GAAQ,EAAC;AACT,UAAA,QAAA,CAAS,GAAA,CAAI,GAAA,CAAI,KAAA,EAAO,KAAK,CAAA;AAAA,QAC/B;AACA,QAAA,KAAA,CAAM,KAAK,GAAG,CAAA;AAAA,MAChB,CAAA,MAAO;AACL,QAAA,SAAA,CAAU,KAAK,GAAG,CAAA;AAAA,MACpB;AAAA,IACF;AAGA,IAAA,KAAA,MAAW,OAAO,SAAA,EAAW;AAC3B,MAAA,MAAA,CAAO,IAAA,CAAK,EAAE,GAAA,EAAK,GAAA,CAAI,IAAI,KAAA,EAAO,CAAC,GAAG,CAAA,EAAG,CAAA;AAAA,IAC3C;AAEA,IAAA,KAAA,MAAW,CAAC,UAAA,EAAY,KAAK,CAAA,IAAK,QAAA,EAAU;AAC1C,MAAA,MAAA,CAAO,IAAA,CAAK,EAAE,GAAA,EAAK,CAAA,MAAA,EAAS,UAAU,CAAA,CAAA,EAAI,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA,IACtE;AAEA,IAAA,OAAO,MAAA;AAAA,EACT,CAAA,EAAG,CAAC,UAAA,EAAY,YAAY,CAAC,CAAA;AAE7B,EAAA,MAAM,YAAA,GAAe,CAAC,UAAA,EAAoB,aAAA,EAAuB,IAAA,KAA+B;AAC9F,IAAA,MAAM,OAAA,GAAU,KAAA,CAAM,UAAU,CAAA,IAAK,EAAC;AACtC,IAAA,IAAI,IAAA;AAEJ,IAAA,IAAI,SAAS,QAAA,EAAU;AACrB,MAAA,IAAA,GAAO,QAAQ,QAAA,CAAS,aAAa,IAAI,EAAC,GAAI,CAAC,aAAa,CAAA;AAAA,IAC9D,CAAA,MAAO;AACL,MAAA,IAAA,GAAO,OAAA,CAAQ,QAAA,CAAS,aAAa,CAAA,GAAI,OAAA,CAAQ,MAAA,CAAO,CAAA,CAAA,KAAK,CAAA,KAAM,aAAa,CAAA,GAAI,CAAC,GAAG,SAAS,aAAa,CAAA;AAAA,IAChH;AAEA,IAAA,QAAA,CAAS,EAAE,GAAG,KAAA,EAAO,CAAC,UAAU,GAAG,MAAM,CAAA;AAAA,EAC3C,CAAA;AAEA,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,QAAA,CAAS,EAAE,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,MAAM,cAAA,GAAiB,CAAC,GAAA,KAAkC;AACxD,IAAA,MAAM,IAAA,GAAO,IAAI,IAAA,IAAQ,OAAA;AACzB,IAAA,MAAM,QAAA,GAAW,KAAA,CAAM,GAAA,CAAI,EAAE,KAAK,EAAC;AACnC,IAAA,MAAM,gBAAgB,QAAA,CAAS,MAAA;AAE/B,IAAA,uBACEC,eAAA,CAACC,yBAAA,CAAa,GAAA,EAAb,EAA8B,cAAc,cAAA,EAC3C,QAAA,EAAA;AAAA,sBAAAD,eAAA,CAACC,yBAAA,CAAa,YAAb,EACC,QAAA,EAAA;AAAA,wBAAAN,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAA,GAAA,CAAI,KAAA,EAAM,CAAA;AAAA,QAC5C,aAAA,GAAgB,qBAAKA,cAAA,CAAC,MAAA,EAAA,EAAK,WAAWF,WAAA,CAAG,2BAA2B,GAAI,QAAA,EAAA,aAAA,EAAc;AAAA,OAAA,EACzF,CAAA;AAAA,sBACAO,eAAA,CAACC,yBAAA,CAAa,UAAA,EAAb,EACE,QAAA,EAAA;AAAA,QAAA,GAAA,CAAI,MAAA,CAAO,MAAA,IAAU,eAAA,oBACpBN,cAAA,CAAC,cAAW,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,YAAA,EAAc,OAAO,CAAA,OAAA,EAAU,GAAA,CAAI,KAAA,CAAM,WAAA,EAAa,CAAA,CAAA,EAAI,CAAA;AAAA,QAEnG,IAAA,KAAS,QAAA,mBACRA,cAAA,CAACM,yBAAA,CAAa,YAAb,EAAwB,KAAA,EAAO,QAAA,CAAS,CAAC,KAAK,EAAA,EAAI,aAAA,EAAe,CAAA,GAAA,KAAO,YAAA,CAAa,IAAI,EAAA,EAAI,GAAA,EAAK,IAAI,CAAA,EACpG,cAAI,MAAA,CACF,MAAA,CAAO,CAAA,CAAA,KAAK,CAAC,aAAa,CAAA,CAAE,KAAA,CAAM,WAAA,EAAY,CAAE,SAAS,SAAA,CAAU,WAAA,EAAa,CAAC,EACjF,GAAA,CAAI,CAAA,CAAA,qBACHN,cAAA,CAACM,yBAAA,CAAa,WAAb,EAAqC,KAAA,EAAO,CAAA,CAAE,KAAA,EAC7C,yCAAC,MAAA,EAAA,EAAK,SAAA,EAAWR,WAAA,CAAG,UAAU,GAAI,QAAA,EAAA,CAAA,CAAE,KAAA,EAAM,CAAA,EAAA,EADf,CAAA,CAAE,KAE/B,CACD,CAAA,EACL,CAAA,GAEA,GAAA,CAAI,OACD,MAAA,CAAO,CAAA,CAAA,KAAK,CAAC,SAAA,IAAa,EAAE,KAAA,CAAM,WAAA,EAAY,CAAE,QAAA,CAAS,UAAU,WAAA,EAAa,CAAC,CAAA,CACjF,IAAI,CAAA,CAAA,qBACHE,cAAA;AAAA,UAACM,yBAAA,CAAa,YAAA;AAAA,UAAb;AAAA,YAEC,OAAA,EAAS,QAAA,CAAS,QAAA,CAAS,CAAA,CAAE,KAAK,CAAA;AAAA,YAClC,iBAAiB,MAAM,YAAA,CAAa,IAAI,EAAA,EAAI,CAAA,CAAE,OAAO,IAAI,CAAA;AAAA,YACzD,QAAA,EAAU,CAAA,CAAA,KAAK,CAAA,CAAE,cAAA,EAAe;AAAA,YAEhC,yCAAC,MAAA,EAAA,EAAK,SAAA,EAAWR,YAAG,UAAU,CAAA,EAAI,YAAE,KAAA,EAAM;AAAA,WAAA;AAAA,UALrC,CAAA,CAAE;AAAA,SAOV;AAAA,OAAA,EAEP;AAAA,KAAA,EAAA,EAjCqB,IAAI,EAkC3B,CAAA;AAAA,EAEJ,CAAA;AAEA,EAAA,uBACEO,eAAA,CAACC,yBAAA,EAAA,EAAa,KAAA,EAAO,KAAA,EACnB,QAAA,EAAA;AAAA,oBAAAN,cAAA,CAACM,yBAAA,CAAa,OAAA,EAAb,EAAqB,OAAA,EAAO,MAC3B,QAAA,kBAAAD,eAAA,CAACE,aAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,UAAoB,IAAA,EAAK,IAAA,EAAK,IAAA,kBAAMP,cAAA,CAACQ,0BAAW,CAAA,EACvE,QAAA,EAAA;AAAA,MAAA,KAAA;AAAA,MACA,oBAAoB,CAAA,oBACnBR,cAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAWF,WAAA;AAAA,YACT;AAAA,WACF;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA;AACH,KAAA,EAEJ,CAAA,EACF,CAAA;AAAA,oBACAO,eAAA,CAACC,yBAAA,CAAa,OAAA,EAAb,EAAqB,KAAA,EACpB,QAAA,EAAA;AAAA,sBAAAN,cAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,YAAA;AAAA,UACP,QAAA,EAAU,eAAA;AAAA,UACV,KAAA,EAAM,gBAAA;AAAA,UACN,WAAA,EAAY;AAAA;AAAA,OACd;AAAA,MAEC,OAAA,CAAQ,IAAI,CAAA,KAAA,KAAS;AACpB,QAAA,MAAM,SAAA,GAAY,KAAA,CAAM,KAAA,CAAM,CAAC,CAAA;AAE/B,QAAA,IAAI,KAAA,CAAM,KAAA,CAAM,MAAA,KAAW,CAAA,IAAK,SAAA,EAAW;AAEzC,UAAA,OAAO,eAAe,SAAS,CAAA;AAAA,QACjC;AAGA,QAAA,uBACEK,eAAA,CAACC,yBAAA,CAAa,GAAA,EAAb,EACC,QAAA,EAAA;AAAA,0BAAAN,cAAA,CAACM,yBAAA,CAAa,UAAA,EAAb,EAAyB,QAAA,EAAA,KAAA,CAAM,KAAA,EAAM,CAAA;AAAA,0BACtCN,cAAA,CAACM,yBAAA,CAAa,UAAA,EAAb,EAAyB,QAAA,EAAA,KAAA,CAAM,KAAA,CAAM,GAAA,CAAI,CAAA,GAAA,KAAO,cAAA,CAAe,GAAG,CAAC,CAAA,EAAE;AAAA,SAAA,EAAA,EAFjD,MAAM,GAG7B,CAAA;AAAA,MAEJ,CAAC,CAAA;AAAA,MAGA,iBAAA,GAAoB,qBACnBD,eAAA,CAAAI,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAAT,cAAA,CAACM,yBAAA,CAAa,WAAb,EAAuB,CAAA;AAAA,wBACxBD,eAAA,CAACC,yBAAA,CAAa,IAAA,EAAb,EAAkB,UAAU,cAAA,EAC3B,QAAA,EAAA;AAAA,0BAAAN,cAAA,CAACU,iBAAA,EAAA,EAAM,CAAA;AAAA,UAAE;AAAA,SAAA,EAEX;AAAA,OAAA,EACF;AAAA,KAAA,EAEJ;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/DataFilter.d.ts

@@ -1,2 +0,0 @@
-export * from '../src/ds/components/DataFilter/index'
-export {}

package/dist/components/DataFilter.es.js

@@ -1,169 +0,0 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { FilterIcon, XIcon, SearchIcon } from 'lucide-react';
-import { useState, useCallback, useMemo } from 'react';
-import { B as Button } from '../Button-KUj0U-5I.js';
-import { D as DropdownMenu } from '../dropdown-menu-DpEn6HwK.js';
-import { menuSearchClasses } from '../primitives/menu-item.es.js';
-import { c as cn } from '../cn-65Adrsfj.js';
-
-const SUBMENU_SEARCH_THRESHOLD = 6;
-function MenuSearch({
-  value,
-  onChange,
-  label = "Search",
-  placeholder = "Search..."
-}) {
-  return (
-    // Pull the row flush against the popup edges (the popup pads its items with p-1).
-    /* @__PURE__ */ jsxs("div", { className: cn(menuSearchClasses.container, "-mx-1 -mt-1 mb-1"), children: [
-      /* @__PURE__ */ jsx(SearchIcon, { className: menuSearchClasses.icon }),
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          type: "text",
-          placeholder,
-          "aria-label": label,
-          value,
-          onChange: (e) => onChange(e.target.value),
-          onKeyDown: (e) => e.stopPropagation(),
-          className: menuSearchClasses.input
-        }
-      )
-    ] })
-  );
-}
-function SelectDataFilter({
-  categories,
-  value,
-  onChange,
-  disabled,
-  label = "Filter",
-  align = "end",
-  searchThreshold = SUBMENU_SEARCH_THRESHOLD
-}) {
-  const [filterSearch, setFilterSearch] = useState("");
-  const [subSearch, setSubSearch] = useState("");
-  const resetSubSearch = useCallback((open) => {
-    if (!open) setSubSearch("");
-  }, []);
-  const activeFilterCount = useMemo(() => {
-    let count = 0;
-    for (const selections of Object.values(value)) {
-      if (selections.length > 0) count++;
-    }
-    return count;
-  }, [value]);
-  const grouped = useMemo(() => {
-    const q = filterSearch.toLowerCase();
-    const groups = [];
-    const groupMap = /* @__PURE__ */ new Map();
-    const ungrouped = [];
-    for (const cat of categories) {
-      if (cat.values.length === 0) continue;
-      if (q) {
-        const matchesLabel = cat.label.toLowerCase().includes(q);
-        const matchesValues = cat.values.some((v) => v.label.toLowerCase().includes(q));
-        if (!matchesLabel && !matchesValues) continue;
-      }
-      if (cat.group) {
-        let items = groupMap.get(cat.group);
-        if (!items) {
-          items = [];
-          groupMap.set(cat.group, items);
-        }
-        items.push(cat);
-      } else {
-        ungrouped.push(cat);
-      }
-    }
-    for (const cat of ungrouped) {
-      groups.push({ key: cat.id, items: [cat] });
-    }
-    for (const [groupLabel, items] of groupMap) {
-      groups.push({ key: `group-${groupLabel}`, label: groupLabel, items });
-    }
-    return groups;
-  }, [categories, filterSearch]);
-  const handleSelect = (categoryId, selectedValue, mode) => {
-    const current = value[categoryId] ?? [];
-    let next;
-    if (mode === "single") {
-      next = current.includes(selectedValue) ? [] : [selectedValue];
-    } else {
-      next = current.includes(selectedValue) ? current.filter((v) => v !== selectedValue) : [...current, selectedValue];
-    }
-    onChange({ ...value, [categoryId]: next });
-  };
-  const handleClearAll = () => {
-    onChange({});
-  };
-  const renderCategory = (cat) => {
-    const mode = cat.mode ?? "multi";
-    const selected = value[cat.id] ?? [];
-    const selectedCount = selected.length;
-    return /* @__PURE__ */ jsxs(DropdownMenu.Sub, { onOpenChange: resetSubSearch, children: [
-      /* @__PURE__ */ jsxs(DropdownMenu.SubTrigger, { children: [
-        /* @__PURE__ */ jsx("span", { className: "flex-1 truncate", children: cat.label }),
-        selectedCount > 0 && /* @__PURE__ */ jsx("span", { className: cn("text-caption text-accent1"), children: selectedCount })
-      ] }),
-      /* @__PURE__ */ jsxs(DropdownMenu.SubContent, { children: [
-        cat.values.length >= searchThreshold && /* @__PURE__ */ jsx(MenuSearch, { value: subSearch, onChange: setSubSearch, label: `Search ${cat.label.toLowerCase()}` }),
-        mode === "single" ? /* @__PURE__ */ jsx(DropdownMenu.RadioGroup, { value: selected[0] ?? "", onValueChange: (val) => handleSelect(cat.id, val, mode), children: cat.values.filter((v) => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase())).map((v) => /* @__PURE__ */ jsx(DropdownMenu.RadioItem, { value: v.value, children: /* @__PURE__ */ jsx("span", { className: cn("truncate"), children: v.label }) }, v.value)) }) : cat.values.filter((v) => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase())).map((v) => /* @__PURE__ */ jsx(
-          DropdownMenu.CheckboxItem,
-          {
-            checked: selected.includes(v.value),
-            onCheckedChange: () => handleSelect(cat.id, v.value, mode),
-            onSelect: (e) => e.preventDefault(),
-            children: /* @__PURE__ */ jsx("span", { className: cn("truncate"), children: v.label })
-          },
-          v.value
-        ))
-      ] })
-    ] }, cat.id);
-  };
-  return /* @__PURE__ */ jsxs(DropdownMenu, { modal: false, children: [
-    /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { variant: "outline", disabled, size: "md", icon: /* @__PURE__ */ jsx(FilterIcon, {}), children: [
-      label,
-      activeFilterCount > 0 && /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: cn(
-            "ml-0.5 inline-flex size-5 items-center justify-center rounded-full bg-accent1/50 text-caption text-foreground"
-          ),
-          children: activeFilterCount
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxs(DropdownMenu.Content, { align, children: [
-      /* @__PURE__ */ jsx(
-        MenuSearch,
-        {
-          value: filterSearch,
-          onChange: setFilterSearch,
-          label: "Search filters",
-          placeholder: "Search filters..."
-        }
-      ),
-      grouped.map((group) => {
-        const firstItem = group.items[0];
-        if (group.items.length === 1 && firstItem) {
-          return renderCategory(firstItem);
-        }
-        return /* @__PURE__ */ jsxs(DropdownMenu.Sub, { children: [
-          /* @__PURE__ */ jsx(DropdownMenu.SubTrigger, { children: group.label }),
-          /* @__PURE__ */ jsx(DropdownMenu.SubContent, { children: group.items.map((cat) => renderCategory(cat)) })
-        ] }, group.key);
-      }),
-      activeFilterCount > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
-        /* @__PURE__ */ jsxs(DropdownMenu.Item, { onSelect: handleClearAll, children: [
-          /* @__PURE__ */ jsx(XIcon, {}),
-          "Clear all filters"
-        ] })
-      ] })
-    ] })
-  ] });
-}
-
-export { SelectDataFilter };
-//# sourceMappingURL=DataFilter.es.js.map

package/dist/components/DataFilter.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataFilter.es.js","sources":["../../src/ds/components/DataFilter/select-data-filter.tsx"],"sourcesContent":["import { FilterIcon, SearchIcon, XIcon } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { useState, useMemo, useCallback } from 'react';\n\nimport { Button } from '@/ds/components/Button/Button';\nimport { DropdownMenu } from '@/ds/components/DropdownMenu/dropdown-menu';\nimport { menuSearchClasses } from '@/ds/primitives/menu-item';\nimport { cn } from '@/lib/utils';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** A single selectable value within a filter category */\nexport type SelectDataFilterValue = {\n  value: string;\n  label: string;\n};\n\n/** Selection mode for a filter category */\nexport type SelectDataFilterMode = 'single' | 'multi';\n\n/** A filter category that appears in the filter dropdown */\nexport type SelectDataFilterCategory = {\n  /** Unique identifier */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Optional group header (categories with the same group are nested under it) */\n  group?: string;\n  /** Available values to pick from */\n  values: SelectDataFilterValue[];\n  /** 'single' = radio, 'multi' = checkboxes. Defaults to 'multi'. */\n  mode?: SelectDataFilterMode;\n};\n\n/** Current selected state: category id -> selected value(s) */\nexport type SelectDataFilterState = Record<string, string[]>;\n\nexport type SelectDataFilterProps = {\n  /** Filter categories to display */\n  categories: SelectDataFilterCategory[];\n  /** Current filter selections */\n  value: SelectDataFilterState;\n  /** Called when selections change */\n  onChange: (next: SelectDataFilterState) => void;\n  /** Disable the trigger button */\n  disabled?: boolean;\n  /** Override the trigger label */\n  label?: ReactNode;\n  /** Content alignment */\n  align?: 'start' | 'center' | 'end';\n  /** Minimum items before showing search in a submenu */\n  searchThreshold?: number;\n};\n\n// ---------------------------------------------------------------------------\n// Internal helpers\n// ---------------------------------------------------------------------------\n\nconst SUBMENU_SEARCH_THRESHOLD = 6;\n\nfunction MenuSearch({\n  value,\n  onChange,\n  label = 'Search',\n  placeholder = 'Search...',\n}: {\n  value: string;\n  onChange: (v: string) => void;\n  label?: string;\n  placeholder?: string;\n}) {\n  return (\n    // Pull the row flush against the popup edges (the popup pads its items with p-1).\n    <div className={cn(menuSearchClasses.container, '-mx-1 -mt-1 mb-1')}>\n      <SearchIcon className={menuSearchClasses.icon} />\n      <input\n        type=\"text\"\n        placeholder={placeholder}\n        aria-label={label}\n        value={value}\n        onChange={e => onChange(e.target.value)}\n        onKeyDown={e => e.stopPropagation()}\n        className={menuSearchClasses.input}\n      />\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function SelectDataFilter({\n  categories,\n  value,\n  onChange,\n  disabled,\n  label = 'Filter',\n  align = 'end',\n  searchThreshold = SUBMENU_SEARCH_THRESHOLD,\n}: SelectDataFilterProps) {\n  const [filterSearch, setFilterSearch] = useState('');\n  const [subSearch, setSubSearch] = useState('');\n\n  const resetSubSearch = useCallback((open: boolean) => {\n    if (!open) setSubSearch('');\n  }, []);\n\n  // Count active filters\n  const activeFilterCount = useMemo(() => {\n    let count = 0;\n    for (const selections of Object.values(value)) {\n      if (selections.length > 0) count++;\n    }\n    return count;\n  }, [value]);\n\n  // Group categories\n  const grouped = useMemo(() => {\n    const q = filterSearch.toLowerCase();\n    const groups: { key: string; label?: string; items: SelectDataFilterCategory[] }[] = [];\n    const groupMap = new Map<string, SelectDataFilterCategory[]>();\n    const ungrouped: SelectDataFilterCategory[] = [];\n\n    for (const cat of categories) {\n      if (cat.values.length === 0) continue;\n      // Filter by search\n      if (q) {\n        const matchesLabel = cat.label.toLowerCase().includes(q);\n        const matchesValues = cat.values.some(v => v.label.toLowerCase().includes(q));\n        if (!matchesLabel && !matchesValues) continue;\n      }\n      if (cat.group) {\n        let items = groupMap.get(cat.group);\n        if (!items) {\n          items = [];\n          groupMap.set(cat.group, items);\n        }\n        items.push(cat);\n      } else {\n        ungrouped.push(cat);\n      }\n    }\n\n    // Ungrouped items first\n    for (const cat of ungrouped) {\n      groups.push({ key: cat.id, items: [cat] });\n    }\n    // Then grouped\n    for (const [groupLabel, items] of groupMap) {\n      groups.push({ key: `group-${groupLabel}`, label: groupLabel, items });\n    }\n\n    return groups;\n  }, [categories, filterSearch]);\n\n  const handleSelect = (categoryId: string, selectedValue: string, mode: SelectDataFilterMode) => {\n    const current = value[categoryId] ?? [];\n    let next: string[];\n\n    if (mode === 'single') {\n      next = current.includes(selectedValue) ? [] : [selectedValue];\n    } else {\n      next = current.includes(selectedValue) ? current.filter(v => v !== selectedValue) : [...current, selectedValue];\n    }\n\n    onChange({ ...value, [categoryId]: next });\n  };\n\n  const handleClearAll = () => {\n    onChange({});\n  };\n\n  const renderCategory = (cat: SelectDataFilterCategory) => {\n    const mode = cat.mode ?? 'multi';\n    const selected = value[cat.id] ?? [];\n    const selectedCount = selected.length;\n\n    return (\n      <DropdownMenu.Sub key={cat.id} onOpenChange={resetSubSearch}>\n        <DropdownMenu.SubTrigger>\n          <span className=\"flex-1 truncate\">{cat.label}</span>\n          {selectedCount > 0 && <span className={cn('text-caption text-accent1')}>{selectedCount}</span>}\n        </DropdownMenu.SubTrigger>\n        <DropdownMenu.SubContent>\n          {cat.values.length >= searchThreshold && (\n            <MenuSearch value={subSearch} onChange={setSubSearch} label={`Search ${cat.label.toLowerCase()}`} />\n          )}\n          {mode === 'single' ? (\n            <DropdownMenu.RadioGroup value={selected[0] ?? ''} onValueChange={val => handleSelect(cat.id, val, mode)}>\n              {cat.values\n                .filter(v => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase()))\n                .map(v => (\n                  <DropdownMenu.RadioItem key={v.value} value={v.value}>\n                    <span className={cn('truncate')}>{v.label}</span>\n                  </DropdownMenu.RadioItem>\n                ))}\n            </DropdownMenu.RadioGroup>\n          ) : (\n            cat.values\n              .filter(v => !subSearch || v.label.toLowerCase().includes(subSearch.toLowerCase()))\n              .map(v => (\n                <DropdownMenu.CheckboxItem\n                  key={v.value}\n                  checked={selected.includes(v.value)}\n                  onCheckedChange={() => handleSelect(cat.id, v.value, mode)}\n                  onSelect={e => e.preventDefault()}\n                >\n                  <span className={cn('truncate')}>{v.label}</span>\n                </DropdownMenu.CheckboxItem>\n              ))\n          )}\n        </DropdownMenu.SubContent>\n      </DropdownMenu.Sub>\n    );\n  };\n\n  return (\n    <DropdownMenu modal={false}>\n      <DropdownMenu.Trigger asChild>\n        <Button variant=\"outline\" disabled={disabled} size=\"md\" icon={<FilterIcon />}>\n          {label}\n          {activeFilterCount > 0 && (\n            <span\n              className={cn(\n                'ml-0.5 inline-flex size-5 items-center justify-center rounded-full bg-accent1/50 text-caption text-foreground',\n              )}\n            >\n              {activeFilterCount}\n            </span>\n          )}\n        </Button>\n      </DropdownMenu.Trigger>\n      <DropdownMenu.Content align={align}>\n        <MenuSearch\n          value={filterSearch}\n          onChange={setFilterSearch}\n          label=\"Search filters\"\n          placeholder=\"Search filters...\"\n        />\n\n        {grouped.map(group => {\n          const firstItem = group.items[0];\n\n          if (group.items.length === 1 && firstItem) {\n            // A single category (grouped or not) renders directly, without a sub-trigger.\n            return renderCategory(firstItem);\n          }\n\n          // Multiple items under a group label — nest under a sub-trigger\n          return (\n            <DropdownMenu.Sub key={group.key}>\n              <DropdownMenu.SubTrigger>{group.label}</DropdownMenu.SubTrigger>\n              <DropdownMenu.SubContent>{group.items.map(cat => renderCategory(cat))}</DropdownMenu.SubContent>\n            </DropdownMenu.Sub>\n          );\n        })}\n\n        {/* Clear all */}\n        {activeFilterCount > 0 && (\n          <>\n            <DropdownMenu.Separator />\n            <DropdownMenu.Item onSelect={handleClearAll}>\n              <XIcon />\n              Clear all filters\n            </DropdownMenu.Item>\n          </>\n        )}\n      </DropdownMenu.Content>\n    </DropdownMenu>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AA4DA,MAAM,wBAAA,GAA2B,CAAA;AAEjC,SAAS,UAAA,CAAW;AAAA,EAClB,KAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,GAAQ,QAAA;AAAA,EACR,WAAA,GAAc;AAChB,CAAA,EAKG;AACD,EAAA;AAAA;AAAA,yBAEG,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,iBAAA,CAAkB,SAAA,EAAW,kBAAkB,CAAA,EAChE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAA,EAAW,iBAAA,CAAkB,IAAA,EAAM,CAAA;AAAA,sBAC/C,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,IAAA,EAAK,MAAA;AAAA,UACL,WAAA;AAAA,UACA,YAAA,EAAY,KAAA;AAAA,UACZ,KAAA;AAAA,UACA,QAAA,EAAU,CAAA,CAAA,KAAK,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,UACtC,SAAA,EAAW,CAAA,CAAA,KAAK,CAAA,CAAE,eAAA,EAAgB;AAAA,UAClC,WAAW,iBAAA,CAAkB;AAAA;AAAA;AAC/B,KAAA,EACF;AAAA;AAEJ;AAMO,SAAS,gBAAA,CAAiB;AAAA,EAC/B,UAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,GAAQ,QAAA;AAAA,EACR,KAAA,GAAQ,KAAA;AAAA,EACR,eAAA,GAAkB;AACpB,CAAA,EAA0B;AACxB,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,EAAE,CAAA;AACnD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,EAAE,CAAA;AAE7C,EAAA,MAAM,cAAA,GAAiB,WAAA,CAAY,CAAC,IAAA,KAAkB;AACpD,IAAA,IAAI,CAAC,IAAA,EAAM,YAAA,CAAa,EAAE,CAAA;AAAA,EAC5B,CAAA,EAAG,EAAE,CAAA;AAGL,EAAA,MAAM,iBAAA,GAAoB,QAAQ,MAAM;AACtC,IAAA,IAAI,KAAA,GAAQ,CAAA;AACZ,IAAA,KAAA,MAAW,UAAA,IAAc,MAAA,CAAO,MAAA,CAAO,KAAK,CAAA,EAAG;AAC7C,MAAA,IAAI,UAAA,CAAW,SAAS,CAAA,EAAG,KAAA,EAAA;AAAA,IAC7B;AACA,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAGV,EAAA,MAAM,OAAA,GAAU,QAAQ,MAAM;AAC5B,IAAA,MAAM,CAAA,GAAI,aAAa,WAAA,EAAY;AACnC,IAAA,MAAM,SAA+E,EAAC;AACtF,IAAA,MAAM,QAAA,uBAAe,GAAA,EAAwC;AAC7D,IAAA,MAAM,YAAwC,EAAC;AAE/C,IAAA,KAAA,MAAW,OAAO,UAAA,EAAY;AAC5B,MAAA,IAAI,GAAA,CAAI,MAAA,CAAO,MAAA,KAAW,CAAA,EAAG;AAE7B,MAAA,IAAI,CAAA,EAAG;AACL,QAAA,MAAM,eAAe,GAAA,CAAI,KAAA,CAAM,WAAA,EAAY,CAAE,SAAS,CAAC,CAAA;AACvD,QAAA,MAAM,aAAA,GAAgB,GAAA,CAAI,MAAA,CAAO,IAAA,CAAK,CAAA,CAAA,KAAK,CAAA,CAAE,KAAA,CAAM,WAAA,EAAY,CAAE,QAAA,CAAS,CAAC,CAAC,CAAA;AAC5E,QAAA,IAAI,CAAC,YAAA,IAAgB,CAAC,aAAA,EAAe;AAAA,MACvC;AACA,MAAA,IAAI,IAAI,KAAA,EAAO;AACb,QAAA,IAAI,KAAA,GAAQ,QAAA,CAAS,GAAA,CAAI,GAAA,CAAI,KAAK,CAAA;AAClC,QAAA,IAAI,CAAC,KAAA,EAAO;AACV,UAAA,KAAA,GAAQ,EAAC;AACT,UAAA,QAAA,CAAS,GAAA,CAAI,GAAA,CAAI,KAAA,EAAO,KAAK,CAAA;AAAA,QAC/B;AACA,QAAA,KAAA,CAAM,KAAK,GAAG,CAAA;AAAA,MAChB,CAAA,MAAO;AACL,QAAA,SAAA,CAAU,KAAK,GAAG,CAAA;AAAA,MACpB;AAAA,IACF;AAGA,IAAA,KAAA,MAAW,OAAO,SAAA,EAAW;AAC3B,MAAA,MAAA,CAAO,IAAA,CAAK,EAAE,GAAA,EAAK,GAAA,CAAI,IAAI,KAAA,EAAO,CAAC,GAAG,CAAA,EAAG,CAAA;AAAA,IAC3C;AAEA,IAAA,KAAA,MAAW,CAAC,UAAA,EAAY,KAAK,CAAA,IAAK,QAAA,EAAU;AAC1C,MAAA,MAAA,CAAO,IAAA,CAAK,EAAE,GAAA,EAAK,CAAA,MAAA,EAAS,UAAU,CAAA,CAAA,EAAI,KAAA,EAAO,UAAA,EAAY,KAAA,EAAO,CAAA;AAAA,IACtE;AAEA,IAAA,OAAO,MAAA;AAAA,EACT,CAAA,EAAG,CAAC,UAAA,EAAY,YAAY,CAAC,CAAA;AAE7B,EAAA,MAAM,YAAA,GAAe,CAAC,UAAA,EAAoB,aAAA,EAAuB,IAAA,KAA+B;AAC9F,IAAA,MAAM,OAAA,GAAU,KAAA,CAAM,UAAU,CAAA,IAAK,EAAC;AACtC,IAAA,IAAI,IAAA;AAEJ,IAAA,IAAI,SAAS,QAAA,EAAU;AACrB,MAAA,IAAA,GAAO,QAAQ,QAAA,CAAS,aAAa,IAAI,EAAC,GAAI,CAAC,aAAa,CAAA;AAAA,IAC9D,CAAA,MAAO;AACL,MAAA,IAAA,GAAO,OAAA,CAAQ,QAAA,CAAS,aAAa,CAAA,GAAI,OAAA,CAAQ,MAAA,CAAO,CAAA,CAAA,KAAK,CAAA,KAAM,aAAa,CAAA,GAAI,CAAC,GAAG,SAAS,aAAa,CAAA;AAAA,IAChH;AAEA,IAAA,QAAA,CAAS,EAAE,GAAG,KAAA,EAAO,CAAC,UAAU,GAAG,MAAM,CAAA;AAAA,EAC3C,CAAA;AAEA,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,QAAA,CAAS,EAAE,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,MAAM,cAAA,GAAiB,CAAC,GAAA,KAAkC;AACxD,IAAA,MAAM,IAAA,GAAO,IAAI,IAAA,IAAQ,OAAA;AACzB,IAAA,MAAM,QAAA,GAAW,KAAA,CAAM,GAAA,CAAI,EAAE,KAAK,EAAC;AACnC,IAAA,MAAM,gBAAgB,QAAA,CAAS,MAAA;AAE/B,IAAA,uBACE,IAAA,CAAC,YAAA,CAAa,GAAA,EAAb,EAA8B,cAAc,cAAA,EAC3C,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,YAAA,CAAa,YAAb,EACC,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAA,GAAA,CAAI,KAAA,EAAM,CAAA;AAAA,QAC5C,aAAA,GAAgB,qBAAK,GAAA,CAAC,MAAA,EAAA,EAAK,WAAW,EAAA,CAAG,2BAA2B,GAAI,QAAA,EAAA,aAAA,EAAc;AAAA,OAAA,EACzF,CAAA;AAAA,sBACA,IAAA,CAAC,YAAA,CAAa,UAAA,EAAb,EACE,QAAA,EAAA;AAAA,QAAA,GAAA,CAAI,MAAA,CAAO,MAAA,IAAU,eAAA,oBACpB,GAAA,CAAC,cAAW,KAAA,EAAO,SAAA,EAAW,QAAA,EAAU,YAAA,EAAc,OAAO,CAAA,OAAA,EAAU,GAAA,CAAI,KAAA,CAAM,WAAA,EAAa,CAAA,CAAA,EAAI,CAAA;AAAA,QAEnG,IAAA,KAAS,QAAA,mBACR,GAAA,CAAC,YAAA,CAAa,YAAb,EAAwB,KAAA,EAAO,QAAA,CAAS,CAAC,KAAK,EAAA,EAAI,aAAA,EAAe,CAAA,GAAA,KAAO,YAAA,CAAa,IAAI,EAAA,EAAI,GAAA,EAAK,IAAI,CAAA,EACpG,cAAI,MAAA,CACF,MAAA,CAAO,CAAA,CAAA,KAAK,CAAC,aAAa,CAAA,CAAE,KAAA,CAAM,WAAA,EAAY,CAAE,SAAS,SAAA,CAAU,WAAA,EAAa,CAAC,EACjF,GAAA,CAAI,CAAA,CAAA,qBACH,GAAA,CAAC,YAAA,CAAa,WAAb,EAAqC,KAAA,EAAO,CAAA,CAAE,KAAA,EAC7C,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAW,EAAA,CAAG,UAAU,GAAI,QAAA,EAAA,CAAA,CAAE,KAAA,EAAM,CAAA,EAAA,EADf,CAAA,CAAE,KAE/B,CACD,CAAA,EACL,CAAA,GAEA,GAAA,CAAI,OACD,MAAA,CAAO,CAAA,CAAA,KAAK,CAAC,SAAA,IAAa,EAAE,KAAA,CAAM,WAAA,EAAY,CAAE,QAAA,CAAS,UAAU,WAAA,EAAa,CAAC,CAAA,CACjF,IAAI,CAAA,CAAA,qBACH,GAAA;AAAA,UAAC,YAAA,CAAa,YAAA;AAAA,UAAb;AAAA,YAEC,OAAA,EAAS,QAAA,CAAS,QAAA,CAAS,CAAA,CAAE,KAAK,CAAA;AAAA,YAClC,iBAAiB,MAAM,YAAA,CAAa,IAAI,EAAA,EAAI,CAAA,CAAE,OAAO,IAAI,CAAA;AAAA,YACzD,QAAA,EAAU,CAAA,CAAA,KAAK,CAAA,CAAE,cAAA,EAAe;AAAA,YAEhC,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAW,GAAG,UAAU,CAAA,EAAI,YAAE,KAAA,EAAM;AAAA,WAAA;AAAA,UALrC,CAAA,CAAE;AAAA,SAOV;AAAA,OAAA,EAEP;AAAA,KAAA,EAAA,EAjCqB,IAAI,EAkC3B,CAAA;AAAA,EAEJ,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,YAAA,EAAA,EAAa,KAAA,EAAO,KAAA,EACnB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,YAAA,CAAa,OAAA,EAAb,EAAqB,OAAA,EAAO,MAC3B,QAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAQ,SAAA,EAAU,UAAoB,IAAA,EAAK,IAAA,EAAK,IAAA,kBAAM,GAAA,CAAC,cAAW,CAAA,EACvE,QAAA,EAAA;AAAA,MAAA,KAAA;AAAA,MACA,oBAAoB,CAAA,oBACnB,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,EAAA;AAAA,YACT;AAAA,WACF;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA;AACH,KAAA,EAEJ,CAAA,EACF,CAAA;AAAA,oBACA,IAAA,CAAC,YAAA,CAAa,OAAA,EAAb,EAAqB,KAAA,EACpB,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,UAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,YAAA;AAAA,UACP,QAAA,EAAU,eAAA;AAAA,UACV,KAAA,EAAM,gBAAA;AAAA,UACN,WAAA,EAAY;AAAA;AAAA,OACd;AAAA,MAEC,OAAA,CAAQ,IAAI,CAAA,KAAA,KAAS;AACpB,QAAA,MAAM,SAAA,GAAY,KAAA,CAAM,KAAA,CAAM,CAAC,CAAA;AAE/B,QAAA,IAAI,KAAA,CAAM,KAAA,CAAM,MAAA,KAAW,CAAA,IAAK,SAAA,EAAW;AAEzC,UAAA,OAAO,eAAe,SAAS,CAAA;AAAA,QACjC;AAGA,QAAA,uBACE,IAAA,CAAC,YAAA,CAAa,GAAA,EAAb,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,YAAA,CAAa,UAAA,EAAb,EAAyB,QAAA,EAAA,KAAA,CAAM,KAAA,EAAM,CAAA;AAAA,0BACtC,GAAA,CAAC,YAAA,CAAa,UAAA,EAAb,EAAyB,QAAA,EAAA,KAAA,CAAM,KAAA,CAAM,GAAA,CAAI,CAAA,GAAA,KAAO,cAAA,CAAe,GAAG,CAAC,CAAA,EAAE;AAAA,SAAA,EAAA,EAFjD,MAAM,GAG7B,CAAA;AAAA,MAEJ,CAAC,CAAA;AAAA,MAGA,iBAAA,GAAoB,qBACnB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAA,CAAa,WAAb,EAAuB,CAAA;AAAA,wBACxB,IAAA,CAAC,YAAA,CAAa,IAAA,EAAb,EAAkB,UAAU,cAAA,EAC3B,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,KAAA,EAAA,EAAM,CAAA;AAAA,UAAE;AAAA,SAAA,EAEX;AAAA,OAAA,EACF;AAAA,KAAA,EAEJ;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/components/ErrorState.cjs.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const ErrorState = require('../ErrorState-B0839u-q.cjs');
-
-
-
-exports.ErrorState = ErrorState.ErrorState;
-//# sourceMappingURL=ErrorState.cjs.js.map

package/dist/components/ErrorState.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorState.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/ErrorState.d.ts

@@ -1,2 +0,0 @@
-export * from '../src/ds/components/ErrorState/index'
-export {}

package/dist/components/ErrorState.es.js

@@ -1,2 +0,0 @@
-export { E as ErrorState } from '../ErrorState-HyRJdaA2.js';
-//# sourceMappingURL=ErrorState.es.js.map

package/dist/components/ErrorState.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorState.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/PermissionDenied.cjs.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const PermissionDenied = require('../PermissionDenied-fdVmTjjf.cjs');
-
-
-
-exports.PermissionDenied = PermissionDenied.PermissionDenied;
-//# sourceMappingURL=PermissionDenied.cjs.js.map

package/dist/components/PermissionDenied.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PermissionDenied.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/PermissionDenied.d.ts

@@ -1,2 +0,0 @@
-export * from '../src/ds/components/PermissionDenied/index'
-export {}

package/dist/components/PermissionDenied.es.js

@@ -1,2 +0,0 @@
-export { P as PermissionDenied } from '../PermissionDenied-CTqnE57B.js';
-//# sourceMappingURL=PermissionDenied.es.js.map

package/dist/components/PermissionDenied.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PermissionDenied.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Sections.cjs.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const jsxRuntime = require('react/jsx-runtime');
-const utils_cn = require('../cn-DG0X1KEP.cjs');
-
-function Sections({ children, className }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid gap-6", className), children });
-}
-
-exports.Sections = Sections;
-//# sourceMappingURL=Sections.cjs.js.map

package/dist/components/Sections.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sections.cjs.js","sources":["../../src/ds/components/Sections/sections.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type SectionsProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function Sections({ children, className }: SectionsProps) {\n  return <div className={cn('grid gap-6', className)}>{children}</div>;\n}\n"],"names":["cn"],"mappings":";;;;;;;AAOO,SAAS,QAAA,CAAS,EAAE,QAAA,EAAU,SAAA,EAAU,EAAkB;AAC/D,EAAA,sCAAQ,KAAA,EAAA,EAAI,SAAA,EAAWA,YAAG,YAAA,EAAc,SAAS,GAAI,QAAA,EAAS,CAAA;AAChE;;;;"}

package/dist/components/Sections.d.ts

@@ -1,2 +0,0 @@
-export * from '../src/ds/components/Sections/index'
-export {}

package/dist/components/Sections.es.js

@@ -1,9 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { c as cn } from '../cn-65Adrsfj.js';
-
-function Sections({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("grid gap-6", className), children });
-}
-
-export { Sections };
-//# sourceMappingURL=Sections.es.js.map

package/dist/components/Sections.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Sections.es.js","sources":["../../src/ds/components/Sections/sections.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport type SectionsProps = {\n  children: React.ReactNode;\n  className?: string;\n};\n\nexport function Sections({ children, className }: SectionsProps) {\n  return <div className={cn('grid gap-6', className)}>{children}</div>;\n}\n"],"names":[],"mappings":";;;AAOO,SAAS,QAAA,CAAS,EAAE,QAAA,EAAU,SAAA,EAAU,EAAkB;AAC/D,EAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,GAAG,YAAA,EAAc,SAAS,GAAI,QAAA,EAAS,CAAA;AAChE;;;;"}

package/dist/components/SessionExpired.cjs.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const SessionExpired = require('../SessionExpired-GSQkcV9f.cjs');
-
-
-
-exports.SessionExpired = SessionExpired.SessionExpired;
-//# sourceMappingURL=SessionExpired.cjs.js.map

package/dist/components/SessionExpired.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SessionExpired.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/SessionExpired.d.ts

@@ -1,2 +0,0 @@
-export * from '../src/ds/components/SessionExpired/index'
-export {}

package/dist/components/SessionExpired.es.js

@@ -1,2 +0,0 @@
-export { S as SessionExpired } from '../SessionExpired-B9e1Kx4I.js';
-//# sourceMappingURL=SessionExpired.es.js.map

package/dist/components/SessionExpired.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SessionExpired.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/SettingsLayout.cjs.js

@@ -1,10 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const settingsLayout = require('../settings-layout-BGvMSClL.cjs');
-
-
-
-exports.SettingsLayout = settingsLayout.SettingsLayout;
-//# sourceMappingURL=SettingsLayout.cjs.js.map

package/dist/components/SettingsLayout.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingsLayout.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/SettingsLayout.d.ts

@@ -1,2 +0,0 @@
-export * from '../src/ds/components/SettingsLayout/index'
-export {}

package/dist/components/SettingsLayout.es.js

@@ -1,2 +0,0 @@
-export { S as SettingsLayout } from '../settings-layout-DA-JWqW3.js';
-//# sourceMappingURL=SettingsLayout.es.js.map

package/dist/components/SettingsLayout.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SettingsLayout.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/data-keys-and-values-BduKvvC5.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"data-keys-and-values-BduKvvC5.cjs","sources":["../src/ds/components/DataKeysAndValues/data-keys-and-values-header.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-key.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-root.tsx","../src/ds/components/DataKeysAndValues/shared.ts","../src/ds/components/DataKeysAndValues/data-keys-and-values-value.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-value-link.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-value-with-copy-btn.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-value-with-tooltip.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataKeysAndValuesHeader({ className, children }: DataKeysAndValuesHeaderProps) {\n  return (\n    <dt className={cn('col-span-full py-3 text-caption tracking-widest text-placeholder uppercase', className)}>\n      {children}\n    </dt>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesKeyProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataKeysAndValuesKey({ className, children }: DataKeysAndValuesKeyProps) {\n  return <dt className={cn('shrink-0 py-0.5 text-body-sm text-placeholder', className)}>{children}</dt>;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesProps {\n  className?: string;\n  children: React.ReactNode;\n  numOfCol?: 1 | 2 | 3;\n  density?: 'default' | 'dense';\n}\n\nconst GRID_TEMPLATES: Record<NonNullable<DataKeysAndValuesProps['numOfCol']>, string> = {\n  1: 'auto 1fr',\n  2: 'auto auto auto 1fr',\n  3: 'auto auto auto auto auto 1fr',\n};\n\nconst DENSITY_GAP_Y: Record<NonNullable<DataKeysAndValuesProps['density']>, string> = {\n  default: 'gap-y-1.5',\n  dense: 'gap-y-0',\n};\n\nexport function DataKeysAndValuesRoot({\n  className,\n  children,\n  numOfCol = 1,\n  density = 'default',\n}: DataKeysAndValuesProps) {\n  return (\n    <dl\n      className={cn('grid gap-x-4', DENSITY_GAP_Y[density], className)}\n      style={{ gridTemplateColumns: GRID_TEMPLATES[numOfCol] }}\n    >\n      {children}\n    </dl>\n  );\n}\n","export const dataKeysAndValuesValueStyles = 'text-body-sm text-muted-foreground min-w-0 py-0.5 pr-6';\n","import { dataKeysAndValuesValueStyles } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataKeysAndValuesValue({ className, children }: DataKeysAndValuesValueProps) {\n  return <dd className={cn(dataKeysAndValuesValueStyles, 'truncate', className)}>{children}</dd>;\n}\n","import { ExternalLinkIcon, Link2Icon } from 'lucide-react';\nimport { dataKeysAndValuesValueStyles } from './shared';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueLinkProps {\n  className?: string;\n  children: React.ReactNode;\n  href: string;\n  as?: React.ElementType;\n}\n\nfunction isExternalUrl(href: string) {\n  return /^https?:\\/\\//.test(href);\n}\n\nexport function DataKeysAndValuesValueLink({ className, children, href, as }: DataKeysAndValuesValueLinkProps) {\n  const isExternal = isExternalUrl(href);\n  const Component = as || 'a';\n  // Pass `to` only for custom components so React-Router's `Link` (which reads `to`) works\n  // while native anchors don't get an unknown `to` attribute warning.\n  const navigationProps = as ? { href, to: href } : { href };\n\n  const linkClassName = cn(\n    'flex items-center gap-2 truncate hover:text-foreground',\n    controlStateColorTransition,\n    '[&:hover>svg]:opacity-100 [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:opacity-70',\n  );\n\n  if (isExternal) {\n    return (\n      <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n        <a href={href} target=\"_blank\" rel=\"noopener noreferrer\" className={linkClassName}>\n          <span>{children}</span>\n          <ExternalLinkIcon />\n        </a>\n      </dd>\n    );\n  }\n\n  return (\n    <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n      <Component {...navigationProps} className={linkClassName}>\n        <span>{children}</span>\n        <Link2Icon />\n      </Component>\n    </dd>\n  );\n}\n","import { CheckIcon, CopyIcon } from 'lucide-react';\nimport { dataKeysAndValuesValueStyles } from './shared';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueWithCopyBtnProps {\n  className?: string;\n  children: React.ReactNode;\n  copyValue: string;\n  copyTooltip?: string;\n}\n\nexport function DataKeysAndValuesValueWithCopyBtn({\n  className,\n  children,\n  copyValue,\n  copyTooltip = 'Copy to clipboard',\n}: DataKeysAndValuesValueWithCopyBtnProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({\n    text: copyValue,\n    copyMessage: 'Copied!',\n  });\n\n  return (\n    <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n      <Tooltip open={isCopied || undefined}>\n        <TooltipTrigger asChild>\n          <button\n            onClick={handleCopy}\n            type=\"button\"\n            className={cn(\n              'flex items-center gap-2 text-left whitespace-nowrap',\n              '[&:hover>svg]:opacity-100 [&>svg]:size-3 [&>svg]:shrink-0 [&>svg]:opacity-70',\n              { '[&>svg]:h-4 [&>svg]:w-4 [&>svg]:text-accent1': isCopied },\n            )}\n            aria-label={isCopied ? 'Copied!' : copyTooltip}\n          >\n            <span>{children}</span>\n            {isCopied ? <CheckIcon /> : <CopyIcon />}\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>{isCopied ? 'Copied!' : copyTooltip}</TooltipContent>\n      </Tooltip>\n    </dd>\n  );\n}\n","import { dataKeysAndValuesValueStyles } from './shared';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueWithTooltipProps {\n  className?: string;\n  children: React.ReactNode;\n  tooltip: string;\n}\n\nexport function DataKeysAndValuesValueWithTooltip({\n  className,\n  children,\n  tooltip,\n}: DataKeysAndValuesValueWithTooltipProps) {\n  return (\n    <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <div tabIndex={0} className=\"inline cursor-help truncate\">\n            {children}\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    </dd>\n  );\n}\n","import { DataKeysAndValuesHeader } from './data-keys-and-values-header';\nimport { DataKeysAndValuesKey } from './data-keys-and-values-key';\nimport { DataKeysAndValuesRoot } from './data-keys-and-values-root';\nimport { DataKeysAndValuesValue } from './data-keys-and-values-value';\nimport { DataKeysAndValuesValueLink } from './data-keys-and-values-value-link';\nimport { DataKeysAndValuesValueWithCopyBtn } from './data-keys-and-values-value-with-copy-btn';\nimport { DataKeysAndValuesValueWithTooltip } from './data-keys-and-values-value-with-tooltip';\n\nexport const DataKeysAndValues = Object.assign(DataKeysAndValuesRoot, {\n  Key: DataKeysAndValuesKey,\n  Value: DataKeysAndValuesValue,\n  ValueLink: DataKeysAndValuesValueLink,\n  ValueWithTooltip: DataKeysAndValuesValueWithTooltip,\n  ValueWithCopyBtn: DataKeysAndValuesValueWithCopyBtn,\n  Header: DataKeysAndValuesHeader,\n});\n"],"names":["cn","jsx","controlStateColorTransition","jsxs","ExternalLinkIcon","Link2Icon","useCopyToClipboard","Tooltip","TooltipTrigger","CheckIcon","CopyIcon","TooltipContent","tooltip"],"mappings":"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"}