@dev-dga/react 0.11.0 → 0.12.0

package/dist/chunk-4WXBRKGZ.cjs

@@ -0,0 +1,375 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunk7GAELGEBcjs = require('./chunk-7GAELGEB.cjs');
+
+
+
+
+var _chunkBNCUXVZFcjs = require('./chunk-BNCUXVZF.cjs');
+
+
+var _chunkFV6E33FYcjs = require('./chunk-FV6E33FY.cjs');
+
+
+var _chunk5NENDJOMcjs = require('./chunk-5NENDJOM.cjs');
+
+
+
+
+var _chunkYS2JJ73Mcjs = require('./chunk-YS2JJ73M.cjs');
+
+
+var _chunkV6MXOJQ4cjs = require('./chunk-V6MXOJQ4.cjs');
+
+// src/components/Filtration/Filtration.tsx
+
+
+
+
+
+
+
+
+
+
+
+var _react = require('react');
+var _radixui = require('radix-ui');
+var _classvarianceauthority = require('class-variance-authority');
+var _jsxruntime = require('react/jsx-runtime');
+var filtrationPanelVariants = _classvarianceauthority.cva.call(void 0, "ddga-filtration-panel", {
+  variants: {
+    inline: {
+      true: "ddga-filtration-panel--inline"
+    }
+  }
+});
+var FiltrationContext = _react.createContext.call(void 0, null);
+function Filtration({
+  overlay = true,
+  open,
+  defaultOpen,
+  onOpenChange,
+  children
+}) {
+  const isControlled = open !== void 0;
+  const [internalOpen, setInternalOpen] = _react.useState.call(void 0, _nullishCoalesce(defaultOpen, () => ( false)));
+  const actualOpen = isControlled ? open : internalOpen;
+  const setOpen = _react.useCallback.call(void 0, 
+    (next) => {
+      if (!isControlled) setInternalOpen(next);
+      _optionalChain([onOpenChange, 'optionalCall', _ => _(next)]);
+    },
+    [isControlled, onOpenChange]
+  );
+  const ctx = _react.useMemo.call(void 0, 
+    () => ({ overlay, open: actualOpen, setOpen }),
+    [overlay, actualOpen, setOpen]
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FiltrationContext.Provider, { value: ctx, children: overlay ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBNCUXVZFcjs.Popover, { open: actualOpen, onOpenChange: setOpen, children }) : children });
+}
+function FiltrationTrigger({
+  size = "lg",
+  startIcon,
+  endIcon,
+  className,
+  children,
+  ...props
+}) {
+  const ctx = _react.useContext.call(void 0, FiltrationContext);
+  const overlay = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _2 => _2.overlay]), () => ( true));
+  const warned = _react.useRef.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    if (process.env.NODE_ENV !== "production" && !overlay && !warned.current) {
+      warned.current = true;
+      console.warn(
+        "[@dev-dga/react] <FiltrationTrigger> only renders in overlay mode. In an inline <Filtration overlay={false}> the panel is always visible, so the trigger is omitted."
+      );
+    }
+  }, [overlay]);
+  if (!overlay) return null;
+  const button = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk5NENDJOMcjs.Button,
+    {
+      variant: "black",
+      size,
+      startIcon: _nullishCoalesce(startIcon, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Filter, { "aria-hidden": "true" }))),
+      endIcon: _nullishCoalesce(endIcon, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.ChevronDown, { "aria-hidden": "true" }))),
+      "data-slot": "filtration-trigger",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-filtration__trigger", className),
+      ...props,
+      children
+    }
+  );
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBNCUXVZFcjs.PopoverTrigger, { asChild: true, children: button });
+}
+function FiltrationResults({
+  className,
+  children,
+  "aria-label": ariaLabel,
+  ...props
+}) {
+  if (process.env.NODE_ENV !== "production" && !ariaLabel && !props["aria-labelledby"]) {
+    console.warn(
+      '[@dev-dga/react] <FiltrationResults> should have an `aria-label` (e.g. "Applied filters") so the chip group has an accessible name.'
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      role: "group",
+      "aria-label": ariaLabel,
+      "data-slot": "filtration-results",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-filtration-results", className),
+      ...props,
+      children
+    }
+  );
+}
+function interleaveDividers(children) {
+  const items = _react.Children.toArray(children).filter(Boolean);
+  return items.map((child, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
+    i > 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ddga-filtration__divider", "aria-hidden": "true" }) : null,
+    child
+  ] }, i));
+}
+function FiltrationPanel({ className, children, ...props }) {
+  const ctx = _react.useContext.call(void 0, FiltrationContext);
+  const overlay = _nullishCoalesce(_optionalChain([ctx, 'optionalAccess', _3 => _3.overlay]), () => ( true));
+  if (overlay) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkBNCUXVZFcjs.PopoverContent,
+      {
+        "data-slot": "filtration-panel",
+        align: "start",
+        className: _chunkV6MXOJQ4cjs.cn.call(void 0, filtrationPanelVariants(), className),
+        ...props,
+        children: interleaveDividers(children)
+      }
+    );
+  }
+  if (process.env.NODE_ENV !== "production" && !props["aria-label"] && !props["aria-labelledby"]) {
+    console.warn(
+      "[@dev-dga/react] An inline <FiltrationPanel> should have an `aria-label` or `aria-labelledby` so the region has an accessible name."
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "section",
+    {
+      "data-slot": "filtration-panel",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, filtrationPanelVariants({ inline: true }), className),
+      ...props,
+      children: interleaveDividers(children)
+    }
+  );
+}
+function FiltrationSection({
+  label,
+  count,
+  formatCount = (n) => `(${n} selections)`,
+  className,
+  children,
+  ...props
+}) {
+  const labelId = _react.useId.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      role: "group",
+      "aria-labelledby": labelId,
+      "data-slot": "filtration-section",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-filtration-section", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { id: labelId, className: "ddga-filtration-section__label", children: [
+          label,
+          count != null ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "ddga-filtration-section__count", children: [
+            " ",
+            formatCount(count)
+          ] }) : null
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "ddga-filtration-section__body", children })
+      ]
+    }
+  );
+}
+function optionText(label, value) {
+  return typeof label === "string" ? label : value;
+}
+function FiltrationCheckboxFilter({
+  options,
+  value,
+  defaultValue,
+  onValueChange,
+  searchable = false,
+  searchPlaceholder,
+  searchLabel = "Search options",
+  collapseAfter,
+  showMoreLabel = (remaining) => `Show ${remaining} more`,
+  showLessLabel = "Show less",
+  className,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledby,
+  ...rest
+}) {
+  const isControlled = value !== void 0;
+  const [internal, setInternal] = _react.useState.call(void 0, _nullishCoalesce(defaultValue, () => ( [])));
+  const selected = isControlled ? value : internal;
+  const [query, setQuery] = _react.useState.call(void 0, "");
+  const [expanded, setExpanded] = _react.useState.call(void 0, false);
+  const listId = _react.useId.call(void 0, );
+  const toggle = (optValue) => {
+    const next = selected.includes(optValue) ? selected.filter((v) => v !== optValue) : [...selected, optValue];
+    if (!isControlled) setInternal(next);
+    _optionalChain([onValueChange, 'optionalCall', _4 => _4(next)]);
+  };
+  const filtered = _react.useMemo.call(void 0, () => {
+    const q = query.trim().toLowerCase();
+    if (!searchable || !q) return options;
+    return options.filter((o) => optionText(o.label, o.value).toLowerCase().includes(q));
+  }, [options, query, searchable]);
+  const collapsible = collapseAfter != null && filtered.length > collapseAfter;
+  const visible = collapsible && !expanded ? filtered.slice(0, collapseAfter) : filtered;
+  const remaining = collapsible ? filtered.length - (_nullishCoalesce(collapseAfter, () => ( 0))) : 0;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      ...rest,
+      role: "group",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledby,
+      "data-slot": "filtration-checkbox-filter",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-filtration-checkbox-filter", className),
+      children: [
+        searchable ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunk7GAELGEBcjs.SearchBox,
+          {
+            "aria-label": searchLabel,
+            placeholder: searchPlaceholder,
+            voiceSearch: false,
+            value: query,
+            onChange: (event) => setQuery(event.target.value)
+          }
+        ) : null,
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id: listId, className: "ddga-filtration-checkbox-filter__list", children: visible.map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkFV6E33FYcjs.Checkbox,
+          {
+            size: "sm",
+            value: opt.value,
+            checked: selected.includes(opt.value),
+            onCheckedChange: () => toggle(opt.value),
+            disabled: opt.disabled,
+            label: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+              opt.label,
+              opt.count != null ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "ddga-filtration-checkbox-filter__count", "aria-hidden": "true", children: [
+                " ",
+                "(",
+                opt.count,
+                ")"
+              ] }) : null
+            ] })
+          },
+          opt.value
+        )) }),
+        collapsible ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "button",
+          {
+            type: "button",
+            className: "ddga-filtration-checkbox-filter__more",
+            "aria-expanded": expanded,
+            "aria-controls": listId,
+            onClick: () => setExpanded((prev) => !prev),
+            children: [
+              expanded ? showLessLabel : showMoreLabel(remaining),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkYS2JJ73Mcjs.ChevronDown,
+                {
+                  className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-filtration-checkbox-filter__more-icon", expanded && "is-open"),
+                  "aria-hidden": "true"
+                }
+              )
+            ]
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function FiltrationOptionList({ className, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _radixui.RadioGroup.Root,
+    {
+      "data-slot": "filtration-option-list",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-filtration-option-list", className),
+      ...props
+    }
+  );
+}
+function FiltrationOption({ className, children, ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    _radixui.RadioGroup.Item,
+    {
+      "data-slot": "filtration-option",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-filtration-option", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "ddga-filtration-option__label", children }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _radixui.RadioGroup.Indicator, { className: "ddga-filtration-option__indicator", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYS2JJ73Mcjs.Check, { className: "ddga-filtration-option__check", "aria-hidden": "true" }) })
+      ]
+    }
+  );
+}
+function FiltrationFooter({
+  applyLabel = "Apply Filters",
+  clearLabel = "Clear Filter",
+  appliedCount,
+  onApply,
+  onClear,
+  closeOnApply = true,
+  className,
+  ...props
+}) {
+  const ctx = _react.useContext.call(void 0, FiltrationContext);
+  const handleApply = () => {
+    _optionalChain([onApply, 'optionalCall', _5 => _5()]);
+    if (closeOnApply && _optionalChain([ctx, 'optionalAccess', _6 => _6.overlay])) ctx.setOpen(false);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "div",
+    {
+      "data-slot": "filtration-footer",
+      className: _chunkV6MXOJQ4cjs.cn.call(void 0, "ddga-filtration-footer", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          _chunk5NENDJOMcjs.Button,
+          {
+            variant: "primary",
+            size: "lg",
+            className: "ddga-filtration-footer__apply",
+            onClick: handleApply,
+            children: [
+              applyLabel,
+              appliedCount != null ? ` (${appliedCount})` : ""
+            ]
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5NENDJOMcjs.Button, { variant: "ghost", size: "lg", onClick: onClear, children: clearLabel })
+      ]
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+
+exports.filtrationPanelVariants = filtrationPanelVariants; exports.Filtration = Filtration; exports.FiltrationTrigger = FiltrationTrigger; exports.FiltrationResults = FiltrationResults; exports.FiltrationPanel = FiltrationPanel; exports.FiltrationSection = FiltrationSection; exports.FiltrationCheckboxFilter = FiltrationCheckboxFilter; exports.FiltrationOptionList = FiltrationOptionList; exports.FiltrationOption = FiltrationOption; exports.FiltrationFooter = FiltrationFooter;
+//# sourceMappingURL=chunk-4WXBRKGZ.cjs.map

package/dist/chunk-4WXBRKGZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-4WXBRKGZ.cjs","../src/components/Filtration/Filtration.tsx"],"names":["Fragment"],"mappings":"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","file":"/home/devdhaif/work/react/dga-dev/packages/react/dist/chunk-4WXBRKGZ.cjs","sourcesContent":[null,"'use client';\n\nimport {\n  Children,\n  Fragment,\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from 'react';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { Button, type ButtonProps } from '../Button';\nimport { Popover, PopoverTrigger, PopoverContent } from '../Popover';\nimport { Checkbox } from '../Checkbox';\nimport { SearchBox } from '../SearchBox';\nimport { Check, Filter, ChevronDown } from '../../internal/icons';\n\nconst filtrationPanelVariants = cva('ddga-filtration-panel', {\n  variants: {\n    inline: {\n      true: 'ddga-filtration-panel--inline',\n    },\n  },\n});\n\ninterface FiltrationContextValue {\n  /** `true` = floating overlay (Popover); `false` = embedded inline panel. */\n  overlay: boolean;\n  open: boolean;\n  setOpen: (open: boolean) => void;\n}\n\nconst FiltrationContext = createContext<FiltrationContextValue | null>(null);\n\ninterface FiltrationProps {\n  /** Floating overlay anchored to the trigger (default) vs an embedded inline panel. */\n  overlay?: boolean;\n  /** Controlled open state (overlay only). */\n  open?: boolean;\n  /** Uncontrolled initial open state (overlay only). */\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children?: ReactNode;\n}\n\ntype FiltrationTriggerProps = Omit<ButtonProps, 'variant' | 'asChild'>;\n\ninterface FiltrationResultsProps extends React.ComponentProps<'div'> {\n  /** Names the applied-filters chip group for assistive tech, e.g. \"Applied filters\". */\n  'aria-label'?: string;\n}\n\ntype FiltrationPanelProps = Omit<React.ComponentProps<typeof PopoverContent>, 'size' | 'arrow'>;\n\ninterface FiltrationSectionProps extends React.ComponentProps<'div'> {\n  /** Section heading (Text sm/Semibold). */\n  label: ReactNode;\n  /** Selected-count badge; rendered via `formatCount`. */\n  count?: number;\n  /** Maps `count` → the suffix text. Defaults to `(n selections)`. Override for i18n. */\n  formatCount?: (count: number) => ReactNode;\n}\n\ninterface FiltrationCheckboxOption {\n  value: string;\n  label: ReactNode;\n  /** Optional trailing count, e.g. number of matching results. */\n  count?: number;\n  disabled?: boolean;\n}\n\ninterface FiltrationCheckboxFilterProps extends Omit<React.ComponentProps<'div'>, 'defaultValue'> {\n  options: FiltrationCheckboxOption[];\n  /** Controlled selected values. */\n  value?: string[];\n  /** Uncontrolled initial selected values. */\n  defaultValue?: string[];\n  onValueChange?: (next: string[]) => void;\n  /** Show a search field that filters options by label. */\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  /** Accessible label for the search field (it has no visible label). */\n  searchLabel?: string;\n  /** Collapse to the first N options behind a \"Show more\" toggle. */\n  collapseAfter?: number;\n  /** Maps the hidden-count → the expand button label. Default `Show {n} more`. */\n  showMoreLabel?: (remaining: number) => ReactNode;\n  showLessLabel?: ReactNode;\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  className?: string;\n}\n\ntype FiltrationOptionListProps = Omit<\n  React.ComponentProps<typeof RadioGroupPrimitive.Root>,\n  'asChild'\n>;\n\ninterface FiltrationOptionProps extends Omit<\n  React.ComponentProps<typeof RadioGroupPrimitive.Item>,\n  'children'\n> {\n  children: ReactNode;\n}\n\ninterface FiltrationFooterProps extends React.ComponentProps<'div'> {\n  applyLabel?: ReactNode;\n  clearLabel?: ReactNode;\n  /** Appended to the apply label as `(n)`. */\n  appliedCount?: number;\n  onApply?: () => void;\n  onClear?: () => void;\n  /** Close the overlay when Apply is pressed (overlay only). Default `true`. */\n  closeOnApply?: boolean;\n}\n\nfunction Filtration({\n  overlay = true,\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n}: FiltrationProps) {\n  const isControlled = open !== undefined;\n  const [internalOpen, setInternalOpen] = useState(defaultOpen ?? false);\n  const actualOpen = isControlled ? open : internalOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) setInternalOpen(next);\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const ctx = useMemo<FiltrationContextValue>(\n    () => ({ overlay, open: actualOpen, setOpen }),\n    [overlay, actualOpen, setOpen],\n  );\n\n  return (\n    <FiltrationContext.Provider value={ctx}>\n      {overlay ? (\n        <Popover open={actualOpen} onOpenChange={setOpen}>\n          {children}\n        </Popover>\n      ) : (\n        children\n      )}\n    </FiltrationContext.Provider>\n  );\n}\n\nfunction FiltrationTrigger({\n  size = 'lg',\n  startIcon,\n  endIcon,\n  className,\n  children,\n  ...props\n}: FiltrationTriggerProps) {\n  const ctx = useContext(FiltrationContext);\n  const overlay = ctx?.overlay ?? true;\n\n  const warned = useRef(false);\n  useEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && !overlay && !warned.current) {\n      warned.current = true;\n      console.warn(\n        '[@dev-dga/react] <FiltrationTrigger> only renders in overlay mode. In an inline ' +\n          '<Filtration overlay={false}> the panel is always visible, so the trigger is omitted.',\n      );\n    }\n  }, [overlay]);\n\n  if (!overlay) return null;\n\n  const button = (\n    <Button\n      variant=\"black\"\n      size={size}\n      startIcon={startIcon ?? <Filter aria-hidden=\"true\" />}\n      endIcon={endIcon ?? <ChevronDown aria-hidden=\"true\" />}\n      data-slot=\"filtration-trigger\"\n      className={cn('ddga-filtration__trigger', className)}\n      {...props}\n    >\n      {children}\n    </Button>\n  );\n\n  return <PopoverTrigger asChild>{button}</PopoverTrigger>;\n}\n\nfunction FiltrationResults({\n  className,\n  children,\n  'aria-label': ariaLabel,\n  ...props\n}: FiltrationResultsProps) {\n  if (process.env.NODE_ENV !== 'production' && !ariaLabel && !props['aria-labelledby']) {\n    console.warn(\n      '[@dev-dga/react] <FiltrationResults> should have an `aria-label` (e.g. \"Applied filters\") so the chip group has an accessible name.',\n    );\n  }\n  return (\n    <div\n      role=\"group\"\n      aria-label={ariaLabel}\n      data-slot=\"filtration-results\"\n      className={cn('ddga-filtration-results', className)}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n\n// SDGA draws an explicit hairline between every panel child (sections + footer),\n// inset 8px each side and floating in the 8px inter-child gap — not an edge border.\nfunction interleaveDividers(children: ReactNode): ReactNode {\n  const items = Children.toArray(children).filter(Boolean);\n  return items.map((child, i) => (\n    <Fragment key={i}>\n      {i > 0 ? <div className=\"ddga-filtration__divider\" aria-hidden=\"true\" /> : null}\n      {child}\n    </Fragment>\n  ));\n}\n\nfunction FiltrationPanel({ className, children, ...props }: FiltrationPanelProps) {\n  const ctx = useContext(FiltrationContext);\n  const overlay = ctx?.overlay ?? true;\n\n  if (overlay) {\n    return (\n      <PopoverContent\n        data-slot=\"filtration-panel\"\n        align=\"start\"\n        className={cn(filtrationPanelVariants(), className)}\n        {...props}\n      >\n        {interleaveDividers(children)}\n      </PopoverContent>\n    );\n  }\n\n  if (process.env.NODE_ENV !== 'production' && !props['aria-label'] && !props['aria-labelledby']) {\n    console.warn(\n      '[@dev-dga/react] An inline <FiltrationPanel> should have an `aria-label` or `aria-labelledby` so the region has an accessible name.',\n    );\n  }\n\n  return (\n    <section\n      data-slot=\"filtration-panel\"\n      className={cn(filtrationPanelVariants({ inline: true }), className)}\n      {...props}\n    >\n      {interleaveDividers(children)}\n    </section>\n  );\n}\n\nfunction FiltrationSection({\n  label,\n  count,\n  formatCount = (n) => `(${n} selections)`,\n  className,\n  children,\n  ...props\n}: FiltrationSectionProps) {\n  const labelId = useId();\n  return (\n    <div\n      role=\"group\"\n      aria-labelledby={labelId}\n      data-slot=\"filtration-section\"\n      className={cn('ddga-filtration-section', className)}\n      {...props}\n    >\n      <p id={labelId} className=\"ddga-filtration-section__label\">\n        {label}\n        {count != null ? (\n          <span className=\"ddga-filtration-section__count\"> {formatCount(count)}</span>\n        ) : null}\n      </p>\n      <div className=\"ddga-filtration-section__body\">{children}</div>\n    </div>\n  );\n}\n\nfunction optionText(label: ReactNode, value: string): string {\n  return typeof label === 'string' ? label : value;\n}\n\nfunction FiltrationCheckboxFilter({\n  options,\n  value,\n  defaultValue,\n  onValueChange,\n  searchable = false,\n  searchPlaceholder,\n  searchLabel = 'Search options',\n  collapseAfter,\n  showMoreLabel = (remaining) => `Show ${remaining} more`,\n  showLessLabel = 'Show less',\n  className,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  ...rest\n}: FiltrationCheckboxFilterProps) {\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<string[]>(defaultValue ?? []);\n  const selected = isControlled ? value : internal;\n\n  const [query, setQuery] = useState('');\n  const [expanded, setExpanded] = useState(false);\n  const listId = useId();\n\n  const toggle = (optValue: string) => {\n    const next = selected.includes(optValue)\n      ? selected.filter((v) => v !== optValue)\n      : [...selected, optValue];\n    if (!isControlled) setInternal(next);\n    onValueChange?.(next);\n  };\n\n  const filtered = useMemo(() => {\n    const q = query.trim().toLowerCase();\n    if (!searchable || !q) return options;\n    return options.filter((o) => optionText(o.label, o.value).toLowerCase().includes(q));\n  }, [options, query, searchable]);\n\n  const collapsible = collapseAfter != null && filtered.length > collapseAfter;\n  const visible = collapsible && !expanded ? filtered.slice(0, collapseAfter) : filtered;\n  const remaining = collapsible ? filtered.length - (collapseAfter ?? 0) : 0;\n\n  return (\n    <div\n      {...rest}\n      role=\"group\"\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledby}\n      data-slot=\"filtration-checkbox-filter\"\n      className={cn('ddga-filtration-checkbox-filter', className)}\n    >\n      {searchable ? (\n        <SearchBox\n          aria-label={searchLabel}\n          placeholder={searchPlaceholder}\n          voiceSearch={false}\n          value={query}\n          onChange={(event) => setQuery(event.target.value)}\n        />\n      ) : null}\n      <div id={listId} className=\"ddga-filtration-checkbox-filter__list\">\n        {visible.map((opt) => (\n          <Checkbox\n            key={opt.value}\n            size=\"sm\"\n            value={opt.value}\n            checked={selected.includes(opt.value)}\n            onCheckedChange={() => toggle(opt.value)}\n            disabled={opt.disabled}\n            label={\n              <>\n                {opt.label}\n                {opt.count != null ? (\n                  <span className=\"ddga-filtration-checkbox-filter__count\" aria-hidden=\"true\">\n                    {' '}\n                    ({opt.count})\n                  </span>\n                ) : null}\n              </>\n            }\n          />\n        ))}\n      </div>\n      {collapsible ? (\n        <button\n          type=\"button\"\n          className=\"ddga-filtration-checkbox-filter__more\"\n          aria-expanded={expanded}\n          aria-controls={listId}\n          onClick={() => setExpanded((prev) => !prev)}\n        >\n          {expanded ? showLessLabel : showMoreLabel(remaining)}\n          <ChevronDown\n            className={cn('ddga-filtration-checkbox-filter__more-icon', expanded && 'is-open')}\n            aria-hidden=\"true\"\n          />\n        </button>\n      ) : null}\n    </div>\n  );\n}\n\nfunction FiltrationOptionList({ className, ...props }: FiltrationOptionListProps) {\n  return (\n    <RadioGroupPrimitive.Root\n      data-slot=\"filtration-option-list\"\n      className={cn('ddga-filtration-option-list', className)}\n      {...props}\n    />\n  );\n}\n\nfunction FiltrationOption({ className, children, ...props }: FiltrationOptionProps) {\n  return (\n    <RadioGroupPrimitive.Item\n      data-slot=\"filtration-option\"\n      className={cn('ddga-filtration-option', className)}\n      {...props}\n    >\n      <span className=\"ddga-filtration-option__label\">{children}</span>\n      <RadioGroupPrimitive.Indicator className=\"ddga-filtration-option__indicator\">\n        <Check className=\"ddga-filtration-option__check\" aria-hidden=\"true\" />\n      </RadioGroupPrimitive.Indicator>\n    </RadioGroupPrimitive.Item>\n  );\n}\n\nfunction FiltrationFooter({\n  applyLabel = 'Apply Filters',\n  clearLabel = 'Clear Filter',\n  appliedCount,\n  onApply,\n  onClear,\n  closeOnApply = true,\n  className,\n  ...props\n}: FiltrationFooterProps) {\n  const ctx = useContext(FiltrationContext);\n\n  const handleApply = () => {\n    onApply?.();\n    if (closeOnApply && ctx?.overlay) ctx.setOpen(false);\n  };\n\n  return (\n    <div\n      data-slot=\"filtration-footer\"\n      className={cn('ddga-filtration-footer', className)}\n      {...props}\n    >\n      <Button\n        variant=\"primary\"\n        size=\"lg\"\n        className=\"ddga-filtration-footer__apply\"\n        onClick={handleApply}\n      >\n        {applyLabel}\n        {appliedCount != null ? ` (${appliedCount})` : ''}\n      </Button>\n      <Button variant=\"ghost\" size=\"lg\" onClick={onClear}>\n        {clearLabel}\n      </Button>\n    </div>\n  );\n}\n\nexport {\n  Filtration,\n  FiltrationTrigger,\n  FiltrationResults,\n  FiltrationPanel,\n  FiltrationSection,\n  FiltrationCheckboxFilter,\n  FiltrationOptionList,\n  FiltrationOption,\n  FiltrationFooter,\n  filtrationPanelVariants,\n};\nexport type {\n  FiltrationProps,\n  FiltrationTriggerProps,\n  FiltrationResultsProps,\n  FiltrationPanelProps,\n  FiltrationSectionProps,\n  FiltrationCheckboxFilterProps,\n  FiltrationCheckboxOption,\n  FiltrationOptionListProps,\n  FiltrationOptionProps,\n  FiltrationFooterProps,\n};\n"]}