@solibo/solibo-ui 2.0.3 → 2.1.0

package/dist/components/nav/index.js

@@ -1,52 +1,52 @@
-import { jsx as l, jsxs as p } from "react/jsx-runtime";
-import { t as c } from "../../classix-DG18itHa.js";
-import { useState as b } from "react";
-import { i as f } from "../../icons-dUP7sKyt.js";
-import '../../assets/index13.css';const v = "_nav_1cda7_3", u = "_label_1cda7_9", g = "_item_1cda7_17", N = "_actions_1cda7_36", w = "_highlighted_1cda7_60", x = "_horizontal_1cda7_64", z = "_sidebar_1cda7_74", C = "_tabs_1cda7_131", j = "_pills_1cda7_151", a = {
+import { jsx as o, jsxs as h } from "react/jsx-runtime";
+import { t as r } from "../../classix-DG18itHa.js";
+import { useState as p } from "react";
+import { i as b } from "../../icons-CBbpxsJF.js";
+import '../../assets/index13.css';const v = "_nav_1lfxs_3", x = "_label_1lfxs_9", u = "_item_1lfxs_17", g = "_actions_1lfxs_36", N = "_highlighted_1lfxs_60", w = "_horizontal_1lfxs_64", z = "_sidebar_1lfxs_74", C = "_tabs_1lfxs_130", j = "_pills_1lfxs_150", t = {
   nav: v,
-  label: u,
-  item: g,
-  actions: N,
-  highlighted: w,
-  horizontal: x,
+  label: x,
+  item: u,
+  actions: g,
+  highlighted: N,
+  horizontal: w,
   sidebar: z,
   tabs: C,
   pills: j
 }, y = {
-  default: a.default,
-  pills: a.pills,
-  sidebar: a.sidebar,
-  tabs: a.tabs
+  default: t.default,
+  pills: t.pills,
+  sidebar: t.sidebar,
+  tabs: t.tabs
 }, k = ({
-  className: t,
-  ...n
-}) => /* @__PURE__ */ l("span", { className: c(t, a.label), ...n, "data-component": "navlabel" }), B = ({
-  actions: t,
-  children: n,
-  className: o,
-  highlighted: e = !1,
+  className: a,
   ...s
-}) => /* @__PURE__ */ p("div", { className: c(a.item, e && a.highlighted, o), "data-nav-item": !0, ...s, "data-component": "navitem", children: [
-  n,
-  t && /* @__PURE__ */ l("span", { className: a.actions, children: t })
+}) => /* @__PURE__ */ o("span", { className: r(a, t.label), ...s, "data-component": "navlabel" }), B = ({
+  actions: a,
+  children: s,
+  className: i,
+  highlighted: e = !1,
+  ...n
+}) => /* @__PURE__ */ h("div", { className: r(t.item, e && t.highlighted, i), "data-nav-item": !0, ...n, "data-component": "navitem", children: [
+  s,
+  a && /* @__PURE__ */ o("span", { className: t.actions, children: a })
 ] }), D = ({
-  animation: t,
-  children: n,
-  className: o,
+  animation: a,
+  children: s,
+  className: i,
   horizontal: e = !1,
-  variant: s = "default",
+  variant: n = "default",
   ...d
 }) => {
-  const [_, r] = b(!1), m = {
-    "--icon-svg": f("CaretDown")
+  const [_, c] = p(!1), f = {
+    "--icon-svg": b("CaretDown")
   };
-  return /* @__PURE__ */ l("nav", { className: c(o, e && a.horizontal, a.nav, y[s]), "data-animation": t, "data-open": _ ? "true" : "false", "data-orientation": e ? "horizontal" : "vertical", onBlurCapture: (i) => {
-    if (s !== "pills" || window.innerWidth > 960) return;
-    const h = i.relatedTarget;
-    i.currentTarget.contains(h) || r(!1);
+  return /* @__PURE__ */ o("nav", { className: r(i, e && t.horizontal, t.nav, y[n]), "data-animation": a, "data-open": _ ? "true" : "false", "data-orientation": e ? "horizontal" : "vertical", onBlurCapture: (l) => {
+    if (n !== "pills" || window.innerWidth > 960) return;
+    const m = l.relatedTarget;
+    l.currentTarget.contains(m) || c(!1);
   }, onClick: () => {
-    s !== "pills" || window.innerWidth > 960 || r((i) => !i);
-  }, style: m, ...d, "data-component": "nav", children: n });
+    n !== "pills" || window.innerWidth > 960 || c((l) => !l);
+  }, style: f, ...d, "data-component": "nav", children: s });
 };
 export {
   D as Nav,

package/dist/components/popover/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index52.css');const m=require("react/jsx-runtime"),k=require("../../classix-5H4IWnMA.cjs"),o=require("react"),S=require("react-dom"),K=require("../button/index.cjs"),O="_popover_14bo5_1",I="_inline_14bo5_6",N="_below_14bo5_47",H="_above_14bo5_52",W="_left_14bo5_62",M="_right_14bo5_67",U="_trigger_14bo5_72",r={popover:O,inline:I,"popover-panel":"_popover-panel_14bo5_26",below:N,above:H,"inline-panel":"_inline-panel_14bo5_57",left:W,right:M,trigger:U,"inline-trigger":"_inline-trigger_14bo5_76"},X=({children:v,inline:s=!1,triggerAccessibleLabel:C,triggerAriaHasPopup:T,triggerButtonContent:z})=>{var B;const h=o.useRef(null),y=o.useRef(void 0),b=o.useRef(null),P=o.useId(),p=o.useRef(null),[t,R]=o.useState(!1),[f,D]=o.useState(!1),[d,x]=o.useState("right"),_=({initialFocus:e}={})=>{y.current=e,D(!1),x("right"),R(!0)},l=o.useCallback(({restoreFocus:e=!0}={})=>{var i;R(!1),e&&((i=p.current)==null||i.focus())},[]),L=e=>{t&&e.key==="Escape"&&l()},j=e=>{if(!t){if(e.key==="ArrowDown"){e.preventDefault(),_({initialFocus:"first"});return}e.key==="ArrowUp"&&(e.preventDefault(),_({initialFocus:"last"}))}};o.useEffect(()=>{if(!t)return;const e=i=>{var n,g;const u=i.target;(n=h.current)!=null&&n.contains(u)||(g=b.current)!=null&&g.contains(u)||l({restoreFocus:!1})};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[l,t]);const a=o.useCallback(()=>{const e=b.current,i=p.current;if(!e||!i)return;const u=e.getBoundingClientRect(),n=i.getBoundingClientRect(),g=n.top,E=window.innerHeight-n.bottom;D(u.height>E&&g>E),x(u.width>window.innerWidth-n.left&&n.right>window.innerWidth-n.left?"left":"right")},[]);o.useLayoutEffect(()=>{if(t)return a(),window.addEventListener("resize",a),window.addEventListener("scroll",a,!0),()=>{window.removeEventListener("resize",a),window.removeEventListener("scroll",a,!0)}},[t,a]);const F=e=>{e.preventDefault(),e.stopPropagation(),t?l({restoreFocus:!1}):_()},q={"aria-controls":t?P:void 0,"aria-expanded":t,"aria-haspopup":T,"aria-label":C,className:s?r["inline-trigger"]:r.trigger,onClick:F,onKeyDown:j},c=s?(B=p.current)==null?void 0:B.getBoundingClientRect():void 0,A=[d==="left"?"translateX(-100%)":"",f?"translateY(calc(-100% - var(--shape-spacing-2xs)))":""].filter(Boolean).join(" "),w=t?m.jsx("div",{className:k.t(r["popover-panel"],r[f?"above":"below"],s&&r["inline-panel"],!s&&r[d]),"data-horizontal-placement":d,"data-placement":f?"above":"below",id:P,ref:b,style:c?{left:d==="left"?c.right:c.left,position:"fixed",top:f?c.top:c.bottom,transform:A||void 0}:void 0,children:typeof v=="function"?v({close:l,initialFocus:y.current,isOpen:t}):v}):null;return m.jsxs("div",{className:k.t(r.popover,s&&r.inline),"data-open":t,onKeyDown:L,onClick:e=>{e.preventDefault(),e.stopPropagation()},ref:h,"data-component":"popover",children:[m.jsx(K.Button,{...q,ref:p,variant:"simple",children:z}),s&&w&&typeof document<"u"?S.createPortal(w,document.body):w]})};exports.Popover=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index53.css');const h=require("react/jsx-runtime"),S=require("../../classix-5H4IWnMA.cjs"),t=require("react"),K=require("react-dom"),N=require("../button/index.cjs"),O="_popover_9ekpx_1",H="_inline_9ekpx_6",W="_below_9ekpx_47",M="_above_9ekpx_52",U="_trigger_9ekpx_62",a={popover:O,inline:H,"popover-panel":"_popover-panel_9ekpx_26",below:W,above:M,"floating-panel":"_floating-panel_9ekpx_57",trigger:U,"inline-trigger":"_inline-trigger_9ekpx_66"},X=({children:v,inline:b=!1,triggerAccessibleLabel:T,triggerAriaHasPopup:C,triggerButtonContent:z})=>{const x=t.useRef(null),k=t.useRef(void 0),c=t.useRef(null),y=t.useId(),f=t.useRef(null),[n,P]=t.useState(!1),[F,R]=t.useState(!1),[u,D]=t.useState(),[d,B]=t.useState(!1),[m,E]=t.useState("right"),w=({initialFocus:e}={})=>{var r;k.current=e,D((r=f.current)==null?void 0:r.getBoundingClientRect()),R(!1),B(!1),E("right"),P(!0)},l=t.useCallback(({restoreFocus:e=!0}={})=>{var r;P(!1),e&&((r=f.current)==null||r.focus({preventScroll:!0}))},[]),L=e=>{n&&e.key==="Escape"&&l()},j=e=>{if(!n){if(e.key==="ArrowDown"){e.preventDefault(),w({initialFocus:"first"});return}e.key==="ArrowUp"&&(e.preventDefault(),w({initialFocus:"last"}))}};t.useEffect(()=>{if(!n)return;const e=s=>{var i,p;const o=s.target;(i=x.current)!=null&&i.contains(o)||(p=c.current)!=null&&p.contains(o)||l({restoreFocus:!1})},r=s=>{var o,i;s.target instanceof Node&&((o=c.current)!=null&&o.contains(s.target))||l({restoreFocus:((i=c.current)==null?void 0:i.contains(document.activeElement))??!1})};return document.addEventListener("mousedown",e),window.addEventListener("scroll",r,!0),()=>{document.removeEventListener("mousedown",e),window.removeEventListener("scroll",r,!0)}},[l,n]);const g=t.useCallback(()=>{const e=c.current,r=f.current;if(!e||!r)return;const s=e.getBoundingClientRect(),o=r.getBoundingClientRect();D(o),R(!0);const i=o.top,p=window.innerHeight-o.bottom;B(s.height>p&&i>p),E(s.width>window.innerWidth-o.left&&o.right>window.innerWidth-o.left?"left":"right")},[]);t.useLayoutEffect(()=>{if(n)return g(),window.addEventListener("resize",g),()=>{window.removeEventListener("resize",g)}},[n,g]);const q=e=>{e.preventDefault(),e.stopPropagation(),n?l({restoreFocus:!1}):w()},A={"aria-controls":n?y:void 0,"aria-expanded":n,"aria-haspopup":C,"aria-label":T,className:b?a["inline-trigger"]:a.trigger,onClick:q,onKeyDown:j},I=[m==="left"?"translateX(-100%)":"",d?"translateY(calc(-100% - var(--shape-spacing-2xs)))":""].filter(Boolean).join(" "),_=n?h.jsx("div",{className:S.t(a["popover-panel"],a[d?"above":"below"],a["floating-panel"]),"data-horizontal-placement":m,"data-placement":d?"above":"below",id:y,ref:c,style:u?{left:m==="left"?u.right:u.left,position:"fixed",top:d?u.top:u.bottom,transform:I||void 0}:{position:"fixed",left:0,top:0},children:typeof v=="function"?v({close:l,initialFocus:k.current,isOpen:n,isPositioned:F}):v}):null;return h.jsxs("div",{className:S.t(a.popover,b&&a.inline),"data-open":n,onKeyDown:L,onClick:e=>{e.preventDefault(),e.stopPropagation()},ref:x,"data-component":"popover",children:[h.jsx(N.Button,{...A,ref:f,variant:"simple",children:z}),_&&typeof document<"u"?K.createPortal(_,document.body):_]})};exports.Popover=X;
 //# sourceMappingURL=index.cjs.map

package/dist/components/popover/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/popover/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport {\n  type AriaAttributes,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Button } from '@/components/button';\n\nimport styles from './styles.module.css';\n\nexport type PopoverCloseOptions = {\n  restoreFocus?: boolean;\n};\n\nexport type PopoverInitialFocus = 'first' | 'last';\n\nexport type PopoverRenderProps = {\n  close: (options?: PopoverCloseOptions) => void;\n  initialFocus?: PopoverInitialFocus;\n  isOpen: boolean;\n};\n\ntype PopoverOpenOptions = {\n  initialFocus?: PopoverInitialFocus;\n};\n\nexport type PopoverProps = {\n  children: ReactNode | ((props: PopoverRenderProps) => ReactNode);\n  inline?: boolean;\n  triggerAccessibleLabel?: string;\n  triggerAriaHasPopup?: AriaAttributes['aria-haspopup'];\n  triggerButtonContent: ReactNode;\n};\n\nexport const Popover = ({\n  children,\n  inline = false,\n  triggerAccessibleLabel,\n  triggerAriaHasPopup,\n  triggerButtonContent,\n}: PopoverProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const initialFocusRef = useRef<PopoverInitialFocus | undefined>(undefined);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const panelId = useId();\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [opensAbove, setOpensAbove] = useState(false);\n  const [horizontalPlacement, setHorizontalPlacement] = useState<'left' | 'right'>('right');\n\n  const openPopover = ({ initialFocus }: PopoverOpenOptions = {}) => {\n    initialFocusRef.current = initialFocus;\n    setOpensAbove(false);\n    setHorizontalPlacement('right');\n    setIsOpen(true);\n  };\n\n  const closePopover = useCallback(({ restoreFocus = true }: PopoverCloseOptions = {}) => {\n    setIsOpen(false);\n\n    if (restoreFocus) {\n      triggerRef.current?.focus();\n    }\n  }, []);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (isOpen && event.key === 'Escape') {\n      closePopover();\n    }\n  };\n\n  const handleTriggerKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    if (isOpen) {\n      return;\n    }\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      openPopover({ initialFocus: 'first' });\n      return;\n    }\n\n    if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      openPopover({ initialFocus: 'last' });\n    }\n  };\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handlePointerDown = (event: MouseEvent) => {\n      const target = event.target as Node;\n      if (containerRef.current?.contains(target) || panelRef.current?.contains(target)) return;\n\n      closePopover({ restoreFocus: false });\n    };\n\n    document.addEventListener('mousedown', handlePointerDown);\n\n    return () => {\n      document.removeEventListener('mousedown', handlePointerDown);\n    };\n  }, [closePopover, isOpen]);\n\n  const updatePosition = useCallback(() => {\n    const panel = panelRef.current;\n    const trigger = triggerRef.current;\n    if (!panel || !trigger) return;\n\n    const panelBounds = panel.getBoundingClientRect();\n    const triggerBounds = trigger.getBoundingClientRect();\n    const spaceAbove = triggerBounds.top;\n    const spaceBelow = window.innerHeight - triggerBounds.bottom;\n\n    setOpensAbove(panelBounds.height > spaceBelow && spaceAbove > spaceBelow);\n    setHorizontalPlacement(\n      panelBounds.width > window.innerWidth - triggerBounds.left &&\n        triggerBounds.right > window.innerWidth - triggerBounds.left\n        ? 'left'\n        : 'right'\n    );\n  }, []);\n\n  useLayoutEffect(() => {\n    if (!isOpen) return undefined;\n\n    updatePosition();\n    window.addEventListener('resize', updatePosition);\n    window.addEventListener('scroll', updatePosition, true);\n\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', updatePosition, true);\n    };\n  }, [isOpen, updatePosition]);\n\n  const handleTriggerClick = (event: React.MouseEvent<HTMLElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (isOpen) {\n      closePopover({ restoreFocus: false });\n    } else {\n      openPopover();\n    }\n  };\n\n  const triggerProps = {\n    'aria-controls': isOpen ? panelId : undefined,\n    'aria-expanded': isOpen,\n    'aria-haspopup': triggerAriaHasPopup,\n    'aria-label': triggerAccessibleLabel,\n    className: inline ? styles['inline-trigger'] : styles.trigger,\n    onClick: handleTriggerClick,\n    onKeyDown: handleTriggerKeyDown,\n  };\n\n  const triggerBounds = inline ? triggerRef.current?.getBoundingClientRect() : undefined;\n  const horizontalTransform = horizontalPlacement === 'left' ? 'translateX(-100%)' : '';\n  const verticalTransform = opensAbove ? 'translateY(calc(-100% - var(--shape-spacing-2xs)))' : '';\n  const inlineTransform = [horizontalTransform, verticalTransform].filter(Boolean).join(' ');\n  const panel = isOpen ? (\n    <div\n      className={cx(\n        styles['popover-panel'],\n        styles[opensAbove ? 'above' : 'below'],\n        inline && styles['inline-panel'],\n        !inline && styles[horizontalPlacement]\n      )}\n      data-horizontal-placement={horizontalPlacement}\n      data-placement={opensAbove ? 'above' : 'below'}\n      id={panelId}\n      ref={panelRef}\n      style={\n        triggerBounds\n          ? {\n              left: horizontalPlacement === 'left' ? triggerBounds.right : triggerBounds.left,\n              position: 'fixed',\n              top: opensAbove ? triggerBounds.top : triggerBounds.bottom,\n              transform: inlineTransform || undefined,\n            }\n          : undefined\n      }\n    >\n      {typeof children === 'function'\n        ? children({ close: closePopover, initialFocus: initialFocusRef.current, isOpen })\n        : children}\n    </div>\n  ) : null;\n\n  return (\n    <div\n      className={cx(styles.popover, inline && styles.inline)}\n      data-open={isOpen}\n      onKeyDown={handleKeyDown}\n      onClick={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n      }}\n      ref={containerRef}\n    >\n      <Button\n        {...triggerProps}\n        ref={triggerRef}\n        variant='simple'\n      >\n        {triggerButtonContent}\n      </Button>\n      {inline && panel && typeof document !== 'undefined'\n        ? createPortal(panel, document.body)\n        : panel}\n    </div>\n  );\n};\n"],"names":["Popover","children","inline","triggerAccessibleLabel","triggerAriaHasPopup","triggerButtonContent","containerRef","useRef","initialFocusRef","undefined","panelRef","panelId","useId","triggerRef","isOpen","setIsOpen","useState","opensAbove","setOpensAbove","horizontalPlacement","setHorizontalPlacement","openPopover","initialFocus","current","closePopover","useCallback","restoreFocus","focus","handleKeyDown","event","key","handleTriggerKeyDown","preventDefault","useEffect","handlePointerDown","target","contains","document","addEventListener","removeEventListener","updatePosition","panel","trigger","panelBounds","getBoundingClientRect","triggerBounds","spaceAbove","top","spaceBelow","window","innerHeight","bottom","height","width","innerWidth","left","right","useLayoutEffect","handleTriggerClick","stopPropagation","triggerProps","className","styles","onClick","onKeyDown","inlineTransform","filter","Boolean","join","jsx","cx","position","transform","close","jsxs","popover","Button","createPortal","body"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/popover/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport {\n  type AriaAttributes,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Button } from '@/components/button';\n\nimport styles from './styles.module.css';\n\nexport type PopoverCloseOptions = {\n  restoreFocus?: boolean;\n};\n\nexport type PopoverInitialFocus = 'first' | 'last';\n\nexport type PopoverRenderProps = {\n  close: (options?: PopoverCloseOptions) => void;\n  initialFocus?: PopoverInitialFocus;\n  isOpen: boolean;\n  isPositioned: boolean;\n};\n\ntype PopoverOpenOptions = {\n  initialFocus?: PopoverInitialFocus;\n};\n\nexport type PopoverProps = {\n  children: ReactNode | ((props: PopoverRenderProps) => ReactNode);\n  inline?: boolean;\n  triggerAccessibleLabel?: string;\n  triggerAriaHasPopup?: AriaAttributes['aria-haspopup'];\n  triggerButtonContent: ReactNode;\n};\n\nexport const Popover = ({\n  children,\n  inline = false,\n  triggerAccessibleLabel,\n  triggerAriaHasPopup,\n  triggerButtonContent,\n}: PopoverProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const initialFocusRef = useRef<PopoverInitialFocus | undefined>(undefined);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const panelId = useId();\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isPositioned, setIsPositioned] = useState(false);\n  const [triggerBounds, setTriggerBounds] = useState<DOMRect>();\n  const [opensAbove, setOpensAbove] = useState(false);\n  const [horizontalPlacement, setHorizontalPlacement] = useState<'left' | 'right'>('right');\n\n  const openPopover = ({ initialFocus }: PopoverOpenOptions = {}) => {\n    initialFocusRef.current = initialFocus;\n    setTriggerBounds(triggerRef.current?.getBoundingClientRect());\n    setIsPositioned(false);\n    setOpensAbove(false);\n    setHorizontalPlacement('right');\n    setIsOpen(true);\n  };\n\n  const closePopover = useCallback(({ restoreFocus = true }: PopoverCloseOptions = {}) => {\n    setIsOpen(false);\n\n    if (restoreFocus) {\n      triggerRef.current?.focus({ preventScroll: true });\n    }\n  }, []);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (isOpen && event.key === 'Escape') {\n      closePopover();\n    }\n  };\n\n  const handleTriggerKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    if (isOpen) {\n      return;\n    }\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      openPopover({ initialFocus: 'first' });\n      return;\n    }\n\n    if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      openPopover({ initialFocus: 'last' });\n    }\n  };\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handlePointerDown = (event: MouseEvent) => {\n      const target = event.target as Node;\n      if (containerRef.current?.contains(target) || panelRef.current?.contains(target)) return;\n\n      closePopover({ restoreFocus: false });\n    };\n\n    const handleScroll = (event: Event) => {\n      if (event.target instanceof Node && panelRef.current?.contains(event.target)) return;\n      closePopover({ restoreFocus: panelRef.current?.contains(document.activeElement) ?? false });\n    };\n\n    document.addEventListener('mousedown', handlePointerDown);\n    window.addEventListener('scroll', handleScroll, true);\n\n    return () => {\n      document.removeEventListener('mousedown', handlePointerDown);\n      window.removeEventListener('scroll', handleScroll, true);\n    };\n  }, [closePopover, isOpen]);\n\n  const updatePosition = useCallback(() => {\n    const panel = panelRef.current;\n    const trigger = triggerRef.current;\n    if (!panel || !trigger) return;\n\n    const panelBounds = panel.getBoundingClientRect();\n    const triggerBounds = trigger.getBoundingClientRect();\n    setTriggerBounds(triggerBounds);\n    setIsPositioned(true);\n    const spaceAbove = triggerBounds.top;\n    const spaceBelow = window.innerHeight - triggerBounds.bottom;\n\n    setOpensAbove(panelBounds.height > spaceBelow && spaceAbove > spaceBelow);\n    setHorizontalPlacement(\n      panelBounds.width > window.innerWidth - triggerBounds.left &&\n        triggerBounds.right > window.innerWidth - triggerBounds.left\n        ? 'left'\n        : 'right'\n    );\n  }, []);\n\n  useLayoutEffect(() => {\n    if (!isOpen) return undefined;\n\n    updatePosition();\n    window.addEventListener('resize', updatePosition);\n\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n    };\n  }, [isOpen, updatePosition]);\n\n  const handleTriggerClick = (event: React.MouseEvent<HTMLElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (isOpen) {\n      closePopover({ restoreFocus: false });\n    } else {\n      openPopover();\n    }\n  };\n\n  const triggerProps = {\n    'aria-controls': isOpen ? panelId : undefined,\n    'aria-expanded': isOpen,\n    'aria-haspopup': triggerAriaHasPopup,\n    'aria-label': triggerAccessibleLabel,\n    className: inline ? styles['inline-trigger'] : styles.trigger,\n    onClick: handleTriggerClick,\n    onKeyDown: handleTriggerKeyDown,\n  };\n\n  const horizontalTransform = horizontalPlacement === 'left' ? 'translateX(-100%)' : '';\n  const verticalTransform = opensAbove ? 'translateY(calc(-100% - var(--shape-spacing-2xs)))' : '';\n  const panelTransform = [horizontalTransform, verticalTransform].filter(Boolean).join(' ');\n  const panel = isOpen ? (\n    <div\n      className={cx(\n        styles['popover-panel'],\n        styles[opensAbove ? 'above' : 'below'],\n        styles['floating-panel']\n      )}\n      data-horizontal-placement={horizontalPlacement}\n      data-placement={opensAbove ? 'above' : 'below'}\n      id={panelId}\n      ref={panelRef}\n      style={\n        triggerBounds\n          ? {\n              left: horizontalPlacement === 'left' ? triggerBounds.right : triggerBounds.left,\n              position: 'fixed',\n              top: opensAbove ? triggerBounds.top : triggerBounds.bottom,\n              transform: panelTransform || undefined,\n            }\n          : { position: 'fixed', left: 0, top: 0 }\n      }\n    >\n      {typeof children === 'function'\n        ? children({\n            close: closePopover,\n            initialFocus: initialFocusRef.current,\n            isOpen,\n            isPositioned,\n          })\n        : children}\n    </div>\n  ) : null;\n\n  return (\n    <div\n      className={cx(styles.popover, inline && styles.inline)}\n      data-open={isOpen}\n      onKeyDown={handleKeyDown}\n      onClick={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n      }}\n      ref={containerRef}\n    >\n      <Button\n        {...triggerProps}\n        ref={triggerRef}\n        variant='simple'\n      >\n        {triggerButtonContent}\n      </Button>\n      {panel && typeof document !== 'undefined' ? createPortal(panel, document.body) : panel}\n    </div>\n  );\n};\n"],"names":["Popover","children","inline","triggerAccessibleLabel","triggerAriaHasPopup","triggerButtonContent","containerRef","useRef","initialFocusRef","undefined","panelRef","panelId","useId","triggerRef","isOpen","setIsOpen","useState","isPositioned","setIsPositioned","triggerBounds","setTriggerBounds","opensAbove","setOpensAbove","horizontalPlacement","setHorizontalPlacement","openPopover","initialFocus","current","getBoundingClientRect","closePopover","useCallback","restoreFocus","focus","preventScroll","handleKeyDown","event","key","handleTriggerKeyDown","preventDefault","useEffect","handlePointerDown","target","contains","handleScroll","Node","document","activeElement","addEventListener","window","removeEventListener","updatePosition","panel","trigger","panelBounds","spaceAbove","top","spaceBelow","innerHeight","bottom","height","width","innerWidth","left","right","useLayoutEffect","handleTriggerClick","stopPropagation","triggerProps","className","styles","onClick","onKeyDown","panelTransform","filter","Boolean","join","jsx","cx","position","transform","close","jsxs","popover","Button","createPortal","body"],"mappings":"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"}

package/dist/components/popover/index.js

@@ -1,104 +1,116 @@
-import { jsx as z, jsxs as O } from "react/jsx-runtime";
-import { t as C } from "../../classix-DG18itHa.js";
-import { useRef as g, useId as H, useState as b, useCallback as L, useEffect as W, useLayoutEffect as S } from "react";
-import { createPortal as U } from "react-dom";
-import { Button as X } from "../button/index.js";
-import '../../assets/index52.css';const Y = "_popover_14bo5_1", q = "_inline_14bo5_6", G = "_below_14bo5_47", J = "_above_14bo5_52", M = "_left_14bo5_62", Q = "_right_14bo5_67", V = "_trigger_14bo5_72", n = {
-  popover: Y,
-  inline: q,
-  "popover-panel": "_popover-panel_14bo5_26",
-  below: G,
-  above: J,
-  "inline-panel": "_inline-panel_14bo5_57",
-  left: M,
-  right: Q,
+import { jsx as T, jsxs as H } from "react/jsx-runtime";
+import { t as z } from "../../classix-DG18itHa.js";
+import { useRef as m, useId as W, useState as f, useCallback as C, useEffect as U, useLayoutEffect as X } from "react";
+import { createPortal as Y } from "react-dom";
+import { Button as q } from "../button/index.js";
+import '../../assets/index53.css';const G = "_popover_9ekpx_1", J = "_inline_9ekpx_6", M = "_below_9ekpx_47", Q = "_above_9ekpx_52", V = "_trigger_9ekpx_62", s = {
+  popover: G,
+  inline: J,
+  "popover-panel": "_popover-panel_9ekpx_26",
+  below: M,
+  above: Q,
+  "floating-panel": "_floating-panel_9ekpx_57",
   trigger: V,
-  "inline-trigger": "_inline-trigger_14bo5_76"
+  "inline-trigger": "_inline-trigger_9ekpx_66"
 }, ie = ({
   children: v,
-  inline: i = !1,
-  triggerAccessibleLabel: T,
-  triggerAriaHasPopup: x,
-  triggerButtonContent: F
+  inline: b = !1,
+  triggerAccessibleLabel: F,
+  triggerAriaHasPopup: L,
+  triggerButtonContent: A
 }) => {
-  var R;
-  const h = g(null), y = g(void 0), m = g(null), P = H(), p = g(null), [o, D] = b(!1), [f, B] = b(!1), [u, E] = b("right"), w = ({
+  const k = m(null), x = m(void 0), l = m(null), y = W(), u = m(null), [t, P] = f(!1), [I, B] = f(!1), [c, D] = f(), [d, E] = f(!1), [w, R] = f("right"), _ = ({
     initialFocus: e
   } = {}) => {
-    y.current = e, B(!1), E("right"), D(!0);
-  }, a = L(({
+    var n;
+    x.current = e, D((n = u.current) == null ? void 0 : n.getBoundingClientRect()), B(!1), E(!1), R("right"), P(!0);
+  }, a = C(({
     restoreFocus: e = !0
   } = {}) => {
-    var r;
-    D(!1), e && ((r = p.current) == null || r.focus());
-  }, []), A = (e) => {
-    o && e.key === "Escape" && a();
-  }, K = (e) => {
-    if (!o) {
+    var n;
+    P(!1), e && ((n = u.current) == null || n.focus({
+      preventScroll: !0
+    }));
+  }, []), K = (e) => {
+    t && e.key === "Escape" && a();
+  }, N = (e) => {
+    if (!t) {
       if (e.key === "ArrowDown") {
-        e.preventDefault(), w({
+        e.preventDefault(), _({
           initialFocus: "first"
         });
         return;
       }
-      e.key === "ArrowUp" && (e.preventDefault(), w({
+      e.key === "ArrowUp" && (e.preventDefault(), _({
         initialFocus: "last"
       }));
     }
   };
-  W(() => {
-    if (!o)
+  U(() => {
+    if (!t)
       return;
     const e = (r) => {
-      var t, d;
-      const c = r.target;
-      (t = h.current) != null && t.contains(c) || (d = m.current) != null && d.contains(c) || a({
+      var i, p;
+      const o = r.target;
+      (i = k.current) != null && i.contains(o) || (p = l.current) != null && p.contains(o) || a({
         restoreFocus: !1
       });
+    }, n = (r) => {
+      var o, i;
+      r.target instanceof Node && ((o = l.current) != null && o.contains(r.target)) || a({
+        restoreFocus: ((i = l.current) == null ? void 0 : i.contains(document.activeElement)) ?? !1
+      });
     };
-    return document.addEventListener("mousedown", e), () => {
-      document.removeEventListener("mousedown", e);
+    return document.addEventListener("mousedown", e), window.addEventListener("scroll", n, !0), () => {
+      document.removeEventListener("mousedown", e), window.removeEventListener("scroll", n, !0);
     };
-  }, [a, o]);
-  const s = L(() => {
-    const e = m.current, r = p.current;
-    if (!e || !r) return;
-    const c = e.getBoundingClientRect(), t = r.getBoundingClientRect(), d = t.top, k = window.innerHeight - t.bottom;
-    B(c.height > k && d > k), E(c.width > window.innerWidth - t.left && t.right > window.innerWidth - t.left ? "left" : "right");
+  }, [a, t]);
+  const g = C(() => {
+    const e = l.current, n = u.current;
+    if (!e || !n) return;
+    const r = e.getBoundingClientRect(), o = n.getBoundingClientRect();
+    D(o), B(!0);
+    const i = o.top, p = window.innerHeight - o.bottom;
+    E(r.height > p && i > p), R(r.width > window.innerWidth - o.left && o.right > window.innerWidth - o.left ? "left" : "right");
   }, []);
-  S(() => {
-    if (o)
-      return s(), window.addEventListener("resize", s), window.addEventListener("scroll", s, !0), () => {
-        window.removeEventListener("resize", s), window.removeEventListener("scroll", s, !0);
+  X(() => {
+    if (t)
+      return g(), window.addEventListener("resize", g), () => {
+        window.removeEventListener("resize", g);
       };
-  }, [o, s]);
+  }, [t, g]);
   const j = (e) => {
-    e.preventDefault(), e.stopPropagation(), o ? a({
+    e.preventDefault(), e.stopPropagation(), t ? a({
       restoreFocus: !1
-    }) : w();
-  }, I = {
-    "aria-controls": o ? P : void 0,
-    "aria-expanded": o,
-    "aria-haspopup": x,
-    "aria-label": T,
-    className: i ? n["inline-trigger"] : n.trigger,
+    }) : _();
+  }, O = {
+    "aria-controls": t ? y : void 0,
+    "aria-expanded": t,
+    "aria-haspopup": L,
+    "aria-label": F,
+    className: b ? s["inline-trigger"] : s.trigger,
     onClick: j,
-    onKeyDown: K
-  }, l = i ? (R = p.current) == null ? void 0 : R.getBoundingClientRect() : void 0, N = [u === "left" ? "translateX(-100%)" : "", f ? "translateY(calc(-100% - var(--shape-spacing-2xs)))" : ""].filter(Boolean).join(" "), _ = o ? /* @__PURE__ */ z("div", { className: C(n["popover-panel"], n[f ? "above" : "below"], i && n["inline-panel"], !i && n[u]), "data-horizontal-placement": u, "data-placement": f ? "above" : "below", id: P, ref: m, style: l ? {
-    left: u === "left" ? l.right : l.left,
+    onKeyDown: N
+  }, S = [w === "left" ? "translateX(-100%)" : "", d ? "translateY(calc(-100% - var(--shape-spacing-2xs)))" : ""].filter(Boolean).join(" "), h = t ? /* @__PURE__ */ T("div", { className: z(s["popover-panel"], s[d ? "above" : "below"], s["floating-panel"]), "data-horizontal-placement": w, "data-placement": d ? "above" : "below", id: y, ref: l, style: c ? {
+    left: w === "left" ? c.right : c.left,
+    position: "fixed",
+    top: d ? c.top : c.bottom,
+    transform: S || void 0
+  } : {
     position: "fixed",
-    top: f ? l.top : l.bottom,
-    transform: N || void 0
-  } : void 0, children: typeof v == "function" ? v({
+    left: 0,
+    top: 0
+  }, children: typeof v == "function" ? v({
     close: a,
-    initialFocus: y.current,
-    isOpen: o
+    initialFocus: x.current,
+    isOpen: t,
+    isPositioned: I
   }) : v }) : null;
-  return /* @__PURE__ */ O("div", { className: C(n.popover, i && n.inline), "data-open": o, onKeyDown: A, onClick: (e) => {
+  return /* @__PURE__ */ H("div", { className: z(s.popover, b && s.inline), "data-open": t, onKeyDown: K, onClick: (e) => {
     e.preventDefault(), e.stopPropagation();
-  }, ref: h, "data-component": "popover", children: [
-    /* @__PURE__ */ z(X, { ...I, ref: p, variant: "simple", children: F }),
-    i && _ && typeof document < "u" ? U(_, document.body) : _
+  }, ref: k, "data-component": "popover", children: [
+    /* @__PURE__ */ T(q, { ...O, ref: u, variant: "simple", children: A }),
+    h && typeof document < "u" ? Y(h, document.body) : h
   ] });
 };
 export {

package/dist/components/popover/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/popover/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport {\n  type AriaAttributes,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Button } from '@/components/button';\n\nimport styles from './styles.module.css';\n\nexport type PopoverCloseOptions = {\n  restoreFocus?: boolean;\n};\n\nexport type PopoverInitialFocus = 'first' | 'last';\n\nexport type PopoverRenderProps = {\n  close: (options?: PopoverCloseOptions) => void;\n  initialFocus?: PopoverInitialFocus;\n  isOpen: boolean;\n};\n\ntype PopoverOpenOptions = {\n  initialFocus?: PopoverInitialFocus;\n};\n\nexport type PopoverProps = {\n  children: ReactNode | ((props: PopoverRenderProps) => ReactNode);\n  inline?: boolean;\n  triggerAccessibleLabel?: string;\n  triggerAriaHasPopup?: AriaAttributes['aria-haspopup'];\n  triggerButtonContent: ReactNode;\n};\n\nexport const Popover = ({\n  children,\n  inline = false,\n  triggerAccessibleLabel,\n  triggerAriaHasPopup,\n  triggerButtonContent,\n}: PopoverProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const initialFocusRef = useRef<PopoverInitialFocus | undefined>(undefined);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const panelId = useId();\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [opensAbove, setOpensAbove] = useState(false);\n  const [horizontalPlacement, setHorizontalPlacement] = useState<'left' | 'right'>('right');\n\n  const openPopover = ({ initialFocus }: PopoverOpenOptions = {}) => {\n    initialFocusRef.current = initialFocus;\n    setOpensAbove(false);\n    setHorizontalPlacement('right');\n    setIsOpen(true);\n  };\n\n  const closePopover = useCallback(({ restoreFocus = true }: PopoverCloseOptions = {}) => {\n    setIsOpen(false);\n\n    if (restoreFocus) {\n      triggerRef.current?.focus();\n    }\n  }, []);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (isOpen && event.key === 'Escape') {\n      closePopover();\n    }\n  };\n\n  const handleTriggerKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    if (isOpen) {\n      return;\n    }\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      openPopover({ initialFocus: 'first' });\n      return;\n    }\n\n    if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      openPopover({ initialFocus: 'last' });\n    }\n  };\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handlePointerDown = (event: MouseEvent) => {\n      const target = event.target as Node;\n      if (containerRef.current?.contains(target) || panelRef.current?.contains(target)) return;\n\n      closePopover({ restoreFocus: false });\n    };\n\n    document.addEventListener('mousedown', handlePointerDown);\n\n    return () => {\n      document.removeEventListener('mousedown', handlePointerDown);\n    };\n  }, [closePopover, isOpen]);\n\n  const updatePosition = useCallback(() => {\n    const panel = panelRef.current;\n    const trigger = triggerRef.current;\n    if (!panel || !trigger) return;\n\n    const panelBounds = panel.getBoundingClientRect();\n    const triggerBounds = trigger.getBoundingClientRect();\n    const spaceAbove = triggerBounds.top;\n    const spaceBelow = window.innerHeight - triggerBounds.bottom;\n\n    setOpensAbove(panelBounds.height > spaceBelow && spaceAbove > spaceBelow);\n    setHorizontalPlacement(\n      panelBounds.width > window.innerWidth - triggerBounds.left &&\n        triggerBounds.right > window.innerWidth - triggerBounds.left\n        ? 'left'\n        : 'right'\n    );\n  }, []);\n\n  useLayoutEffect(() => {\n    if (!isOpen) return undefined;\n\n    updatePosition();\n    window.addEventListener('resize', updatePosition);\n    window.addEventListener('scroll', updatePosition, true);\n\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', updatePosition, true);\n    };\n  }, [isOpen, updatePosition]);\n\n  const handleTriggerClick = (event: React.MouseEvent<HTMLElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (isOpen) {\n      closePopover({ restoreFocus: false });\n    } else {\n      openPopover();\n    }\n  };\n\n  const triggerProps = {\n    'aria-controls': isOpen ? panelId : undefined,\n    'aria-expanded': isOpen,\n    'aria-haspopup': triggerAriaHasPopup,\n    'aria-label': triggerAccessibleLabel,\n    className: inline ? styles['inline-trigger'] : styles.trigger,\n    onClick: handleTriggerClick,\n    onKeyDown: handleTriggerKeyDown,\n  };\n\n  const triggerBounds = inline ? triggerRef.current?.getBoundingClientRect() : undefined;\n  const horizontalTransform = horizontalPlacement === 'left' ? 'translateX(-100%)' : '';\n  const verticalTransform = opensAbove ? 'translateY(calc(-100% - var(--shape-spacing-2xs)))' : '';\n  const inlineTransform = [horizontalTransform, verticalTransform].filter(Boolean).join(' ');\n  const panel = isOpen ? (\n    <div\n      className={cx(\n        styles['popover-panel'],\n        styles[opensAbove ? 'above' : 'below'],\n        inline && styles['inline-panel'],\n        !inline && styles[horizontalPlacement]\n      )}\n      data-horizontal-placement={horizontalPlacement}\n      data-placement={opensAbove ? 'above' : 'below'}\n      id={panelId}\n      ref={panelRef}\n      style={\n        triggerBounds\n          ? {\n              left: horizontalPlacement === 'left' ? triggerBounds.right : triggerBounds.left,\n              position: 'fixed',\n              top: opensAbove ? triggerBounds.top : triggerBounds.bottom,\n              transform: inlineTransform || undefined,\n            }\n          : undefined\n      }\n    >\n      {typeof children === 'function'\n        ? children({ close: closePopover, initialFocus: initialFocusRef.current, isOpen })\n        : children}\n    </div>\n  ) : null;\n\n  return (\n    <div\n      className={cx(styles.popover, inline && styles.inline)}\n      data-open={isOpen}\n      onKeyDown={handleKeyDown}\n      onClick={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n      }}\n      ref={containerRef}\n    >\n      <Button\n        {...triggerProps}\n        ref={triggerRef}\n        variant='simple'\n      >\n        {triggerButtonContent}\n      </Button>\n      {inline && panel && typeof document !== 'undefined'\n        ? createPortal(panel, document.body)\n        : panel}\n    </div>\n  );\n};\n"],"names":["Popover","children","inline","triggerAccessibleLabel","triggerAriaHasPopup","triggerButtonContent","containerRef","useRef","initialFocusRef","undefined","panelRef","panelId","useId","triggerRef","isOpen","setIsOpen","useState","opensAbove","setOpensAbove","horizontalPlacement","setHorizontalPlacement","openPopover","initialFocus","current","closePopover","useCallback","restoreFocus","focus","handleKeyDown","event","key","handleTriggerKeyDown","preventDefault","useEffect","handlePointerDown","target","contains","document","addEventListener","removeEventListener","updatePosition","panel","trigger","panelBounds","getBoundingClientRect","triggerBounds","spaceAbove","top","spaceBelow","window","innerHeight","bottom","height","width","innerWidth","left","right","useLayoutEffect","handleTriggerClick","stopPropagation","triggerProps","className","styles","onClick","onKeyDown","inlineTransform","filter","Boolean","join","jsx","cx","position","transform","close","jsxs","popover","Button","createPortal","body"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/popover/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport {\n  type AriaAttributes,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Button } from '@/components/button';\n\nimport styles from './styles.module.css';\n\nexport type PopoverCloseOptions = {\n  restoreFocus?: boolean;\n};\n\nexport type PopoverInitialFocus = 'first' | 'last';\n\nexport type PopoverRenderProps = {\n  close: (options?: PopoverCloseOptions) => void;\n  initialFocus?: PopoverInitialFocus;\n  isOpen: boolean;\n  isPositioned: boolean;\n};\n\ntype PopoverOpenOptions = {\n  initialFocus?: PopoverInitialFocus;\n};\n\nexport type PopoverProps = {\n  children: ReactNode | ((props: PopoverRenderProps) => ReactNode);\n  inline?: boolean;\n  triggerAccessibleLabel?: string;\n  triggerAriaHasPopup?: AriaAttributes['aria-haspopup'];\n  triggerButtonContent: ReactNode;\n};\n\nexport const Popover = ({\n  children,\n  inline = false,\n  triggerAccessibleLabel,\n  triggerAriaHasPopup,\n  triggerButtonContent,\n}: PopoverProps) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const initialFocusRef = useRef<PopoverInitialFocus | undefined>(undefined);\n  const panelRef = useRef<HTMLDivElement>(null);\n  const panelId = useId();\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [isOpen, setIsOpen] = useState(false);\n  const [isPositioned, setIsPositioned] = useState(false);\n  const [triggerBounds, setTriggerBounds] = useState<DOMRect>();\n  const [opensAbove, setOpensAbove] = useState(false);\n  const [horizontalPlacement, setHorizontalPlacement] = useState<'left' | 'right'>('right');\n\n  const openPopover = ({ initialFocus }: PopoverOpenOptions = {}) => {\n    initialFocusRef.current = initialFocus;\n    setTriggerBounds(triggerRef.current?.getBoundingClientRect());\n    setIsPositioned(false);\n    setOpensAbove(false);\n    setHorizontalPlacement('right');\n    setIsOpen(true);\n  };\n\n  const closePopover = useCallback(({ restoreFocus = true }: PopoverCloseOptions = {}) => {\n    setIsOpen(false);\n\n    if (restoreFocus) {\n      triggerRef.current?.focus({ preventScroll: true });\n    }\n  }, []);\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n    if (isOpen && event.key === 'Escape') {\n      closePopover();\n    }\n  };\n\n  const handleTriggerKeyDown = (event: React.KeyboardEvent<HTMLElement>) => {\n    if (isOpen) {\n      return;\n    }\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      openPopover({ initialFocus: 'first' });\n      return;\n    }\n\n    if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      openPopover({ initialFocus: 'last' });\n    }\n  };\n\n  useEffect(() => {\n    if (!isOpen) {\n      return;\n    }\n\n    const handlePointerDown = (event: MouseEvent) => {\n      const target = event.target as Node;\n      if (containerRef.current?.contains(target) || panelRef.current?.contains(target)) return;\n\n      closePopover({ restoreFocus: false });\n    };\n\n    const handleScroll = (event: Event) => {\n      if (event.target instanceof Node && panelRef.current?.contains(event.target)) return;\n      closePopover({ restoreFocus: panelRef.current?.contains(document.activeElement) ?? false });\n    };\n\n    document.addEventListener('mousedown', handlePointerDown);\n    window.addEventListener('scroll', handleScroll, true);\n\n    return () => {\n      document.removeEventListener('mousedown', handlePointerDown);\n      window.removeEventListener('scroll', handleScroll, true);\n    };\n  }, [closePopover, isOpen]);\n\n  const updatePosition = useCallback(() => {\n    const panel = panelRef.current;\n    const trigger = triggerRef.current;\n    if (!panel || !trigger) return;\n\n    const panelBounds = panel.getBoundingClientRect();\n    const triggerBounds = trigger.getBoundingClientRect();\n    setTriggerBounds(triggerBounds);\n    setIsPositioned(true);\n    const spaceAbove = triggerBounds.top;\n    const spaceBelow = window.innerHeight - triggerBounds.bottom;\n\n    setOpensAbove(panelBounds.height > spaceBelow && spaceAbove > spaceBelow);\n    setHorizontalPlacement(\n      panelBounds.width > window.innerWidth - triggerBounds.left &&\n        triggerBounds.right > window.innerWidth - triggerBounds.left\n        ? 'left'\n        : 'right'\n    );\n  }, []);\n\n  useLayoutEffect(() => {\n    if (!isOpen) return undefined;\n\n    updatePosition();\n    window.addEventListener('resize', updatePosition);\n\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n    };\n  }, [isOpen, updatePosition]);\n\n  const handleTriggerClick = (event: React.MouseEvent<HTMLElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (isOpen) {\n      closePopover({ restoreFocus: false });\n    } else {\n      openPopover();\n    }\n  };\n\n  const triggerProps = {\n    'aria-controls': isOpen ? panelId : undefined,\n    'aria-expanded': isOpen,\n    'aria-haspopup': triggerAriaHasPopup,\n    'aria-label': triggerAccessibleLabel,\n    className: inline ? styles['inline-trigger'] : styles.trigger,\n    onClick: handleTriggerClick,\n    onKeyDown: handleTriggerKeyDown,\n  };\n\n  const horizontalTransform = horizontalPlacement === 'left' ? 'translateX(-100%)' : '';\n  const verticalTransform = opensAbove ? 'translateY(calc(-100% - var(--shape-spacing-2xs)))' : '';\n  const panelTransform = [horizontalTransform, verticalTransform].filter(Boolean).join(' ');\n  const panel = isOpen ? (\n    <div\n      className={cx(\n        styles['popover-panel'],\n        styles[opensAbove ? 'above' : 'below'],\n        styles['floating-panel']\n      )}\n      data-horizontal-placement={horizontalPlacement}\n      data-placement={opensAbove ? 'above' : 'below'}\n      id={panelId}\n      ref={panelRef}\n      style={\n        triggerBounds\n          ? {\n              left: horizontalPlacement === 'left' ? triggerBounds.right : triggerBounds.left,\n              position: 'fixed',\n              top: opensAbove ? triggerBounds.top : triggerBounds.bottom,\n              transform: panelTransform || undefined,\n            }\n          : { position: 'fixed', left: 0, top: 0 }\n      }\n    >\n      {typeof children === 'function'\n        ? children({\n            close: closePopover,\n            initialFocus: initialFocusRef.current,\n            isOpen,\n            isPositioned,\n          })\n        : children}\n    </div>\n  ) : null;\n\n  return (\n    <div\n      className={cx(styles.popover, inline && styles.inline)}\n      data-open={isOpen}\n      onKeyDown={handleKeyDown}\n      onClick={(event) => {\n        event.preventDefault();\n        event.stopPropagation();\n      }}\n      ref={containerRef}\n    >\n      <Button\n        {...triggerProps}\n        ref={triggerRef}\n        variant='simple'\n      >\n        {triggerButtonContent}\n      </Button>\n      {panel && typeof document !== 'undefined' ? createPortal(panel, document.body) : panel}\n    </div>\n  );\n};\n"],"names":["Popover","children","inline","triggerAccessibleLabel","triggerAriaHasPopup","triggerButtonContent","containerRef","useRef","initialFocusRef","undefined","panelRef","panelId","useId","triggerRef","isOpen","setIsOpen","useState","isPositioned","setIsPositioned","triggerBounds","setTriggerBounds","opensAbove","setOpensAbove","horizontalPlacement","setHorizontalPlacement","openPopover","initialFocus","current","getBoundingClientRect","closePopover","useCallback","restoreFocus","focus","preventScroll","handleKeyDown","event","key","handleTriggerKeyDown","preventDefault","useEffect","handlePointerDown","target","contains","handleScroll","Node","document","activeElement","addEventListener","window","removeEventListener","updatePosition","panel","trigger","panelBounds","spaceAbove","top","spaceBelow","innerHeight","bottom","height","width","innerWidth","left","right","useLayoutEffect","handleTriggerClick","stopPropagation","triggerProps","className","styles","onClick","onKeyDown","panelTransform","filter","Boolean","join","jsx","cx","position","transform","close","jsxs","popover","Button","createPortal","body"],"mappings":"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"}

package/dist/components/search/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index9.css');const a=require("react/jsx-runtime"),b=require("react"),h=require("../button/index.cjs"),I=require("../checkbox/index.cjs"),T=require("../chip/index.cjs"),H=require("../collapsible/index.cjs"),P=require("../controls/index.cjs"),z=require("../dialog/index.cjs"),A=require("../header/index.cjs"),E=require("../../index-DWDp66fp.cjs"),J="_search_1rde5_3",K="_controls_1rde5_15",Q="_chips_1rde5_35",S="_radio_1rde5_101",l={search:J,controls:K,chips:Q,"filter-dialog":"_filter-dialog_1rde5_42","filter-groups":"_filter-groups_1rde5_47","filter-group":"_filter-group_1rde5_47","filter-option":"_filter-option_1rde5_83","option-copy":"_option-copy_1rde5_89",radio:S,"collapsible-options":"_collapsible-options_1rde5_128"},U=({filterButtonLabel:x="Filters",filterDialogColumns:k=1,filterDialogTitle:q="Filters",filterGroups:d=[],onChange:M,onSelectedFiltersChange:i,removeFilterLabel:$=c=>`Remove ${c.label} filter`,resetLabel:j="Reset",searchLabel:O="Search",searchPlaceholder:w="Search",selectedFilters:t=[],showResultsLabel:B="Show results",value:D=""})=>{const c=b.useId(),[v,r]=b.useState(!1),R=b.useMemo(()=>new Map(d.flatMap(e=>{var n;return[...e.options,...((n=e.collapsible)==null?void 0:n.options)??[]]}).map(e=>[e.value,e])),[d]),p=t.flatMap(e=>{const n=R.get(e);return n?[n]:[]}),_=(e,n,s)=>{var f;if(!i)return;const m=new Set([...(s==null?void 0:s.options.map(o=>o.value))??[],...((f=s==null?void 0:s.collapsible)==null?void 0:f.options.map(o=>o.value))??[]]),N=t.filter(o=>!m.has(o));if(n&&(s==null?void 0:s.defaultValue)===e){i(N);return}i(n?(s==null?void 0:s.control)==="radio"||(s==null?void 0:s.selectionMode)==="single"?[...N,e]:[...new Set([...t,e])]:t.filter(o=>o!==e))},u=(e,n)=>{var s;return t.includes(e)||n.defaultValue===e&&![...n.options,...((s=n.collapsible)==null?void 0:s.options)??[]].some(m=>t.includes(m.value))},y=(e,n)=>a.jsx("div",{className:l["filter-option"],"data-component":"renderfilter",children:n.control==="radio"?a.jsxs("label",{className:l.radio,children:[a.jsx("input",{checked:u(e.value,n),name:`${c}-filter-${n.label??"group"}`,onChange:s=>_(e.value,s.target.checked,n),type:"radio"}),a.jsxs("span",{className:l["option-copy"],children:[e.label,e.description&&a.jsx("sub",{children:e.description})]})]}):a.jsx(I.Checkbox,{checked:u(e.value,n),label:a.jsxs("span",{className:l["option-copy"],children:[e.label,e.description&&a.jsx("sub",{children:e.description})]}),onChange:s=>_(e.value,s.target.checked,n)})},e.value);return a.jsxs("div",{className:l.search,"data-component":"search",children:[a.jsxs("div",{className:l.controls,children:[a.jsx(E.Input,{"aria-label":O,icon:"MagnifyingGlass",onChange:e=>M(e.target.value),placeholder:w,type:"search",value:D}),d.length>0&&a.jsx(h.Button,{"aria-expanded":v,"aria-haspopup":"dialog",badge:p.length,icon:"Funnel",onClick:()=>r(!0),variant:"tertiary",children:x})]}),p.length>0&&a.jsxs("div",{"aria-label":x,className:l.chips,children:[p.map(e=>a.jsx(T.Chip,{accessibleLabel:$(e),label:e.label,onDelete:()=>_(e.value,!1)},e.value)),a.jsx(h.Button,{onClick:()=>i==null?void 0:i([]),variant:"tertiary",children:j})]}),v&&a.jsx(z.Dialog,{"aria-labelledby":c,className:l["filter-dialog"],controls:a.jsxs(P.Controls,{children:[a.jsx(h.Button,{onClick:()=>{i==null||i([]),r(!1)},children:j}),a.jsx(h.Button,{onClick:()=>r(!1),variant:"primary",children:B})]}),header:a.jsx(A.Header,{children:a.jsx("h2",{id:c,children:q})}),open:!0,setOpen:r,children:a.jsx("div",{className:l["filter-groups"],"data-columns":k,children:d.map((e,n)=>a.jsxs("section",{"aria-labelledby":e.label?`${c}-${n}`:void 0,className:l["filter-group"],"data-column-span":e.columnSpan??1,role:e.control==="radio"?"radiogroup":"group",children:[e.label&&a.jsx("h3",{id:`${c}-${n}`,children:e.label}),e.options.map(s=>y(s,e)),e.collapsible&&a.jsx(H.Collapsible,{summary:e.collapsible.label,children:a.jsx("div",{className:l["collapsible-options"],children:e.collapsible.options.map(s=>y(s,e))})})]},e.label??n))})})]})};exports.Search=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index9.css');const a=require("react/jsx-runtime"),b=require("react"),h=require("../button/index.cjs"),I=require("../checkbox/index.cjs"),T=require("../chip/index.cjs"),H=require("../collapsible/index.cjs"),P=require("../controls/index.cjs"),z=require("../dialog/index.cjs"),A=require("../header/index.cjs"),E=require("../../index-CeHwRKAg.cjs"),J="_search_1rde5_3",K="_controls_1rde5_15",Q="_chips_1rde5_35",S="_radio_1rde5_101",l={search:J,controls:K,chips:Q,"filter-dialog":"_filter-dialog_1rde5_42","filter-groups":"_filter-groups_1rde5_47","filter-group":"_filter-group_1rde5_47","filter-option":"_filter-option_1rde5_83","option-copy":"_option-copy_1rde5_89",radio:S,"collapsible-options":"_collapsible-options_1rde5_128"},U=({filterButtonLabel:x="Filters",filterDialogColumns:k=1,filterDialogTitle:q="Filters",filterGroups:d=[],onChange:M,onSelectedFiltersChange:i,removeFilterLabel:$=c=>`Remove ${c.label} filter`,resetLabel:j="Reset",searchLabel:O="Search",searchPlaceholder:w="Search",selectedFilters:t=[],showResultsLabel:B="Show results",value:D=""})=>{const c=b.useId(),[v,r]=b.useState(!1),R=b.useMemo(()=>new Map(d.flatMap(e=>{var n;return[...e.options,...((n=e.collapsible)==null?void 0:n.options)??[]]}).map(e=>[e.value,e])),[d]),p=t.flatMap(e=>{const n=R.get(e);return n?[n]:[]}),_=(e,n,s)=>{var f;if(!i)return;const m=new Set([...(s==null?void 0:s.options.map(o=>o.value))??[],...((f=s==null?void 0:s.collapsible)==null?void 0:f.options.map(o=>o.value))??[]]),N=t.filter(o=>!m.has(o));if(n&&(s==null?void 0:s.defaultValue)===e){i(N);return}i(n?(s==null?void 0:s.control)==="radio"||(s==null?void 0:s.selectionMode)==="single"?[...N,e]:[...new Set([...t,e])]:t.filter(o=>o!==e))},u=(e,n)=>{var s;return t.includes(e)||n.defaultValue===e&&![...n.options,...((s=n.collapsible)==null?void 0:s.options)??[]].some(m=>t.includes(m.value))},y=(e,n)=>a.jsx("div",{className:l["filter-option"],"data-component":"renderfilter",children:n.control==="radio"?a.jsxs("label",{className:l.radio,children:[a.jsx("input",{checked:u(e.value,n),name:`${c}-filter-${n.label??"group"}`,onChange:s=>_(e.value,s.target.checked,n),type:"radio"}),a.jsxs("span",{className:l["option-copy"],children:[e.label,e.description&&a.jsx("sub",{children:e.description})]})]}):a.jsx(I.Checkbox,{checked:u(e.value,n),label:a.jsxs("span",{className:l["option-copy"],children:[e.label,e.description&&a.jsx("sub",{children:e.description})]}),onChange:s=>_(e.value,s.target.checked,n)})},e.value);return a.jsxs("div",{className:l.search,"data-component":"search",children:[a.jsxs("div",{className:l.controls,children:[a.jsx(E.Input,{"aria-label":O,icon:"MagnifyingGlass",onChange:e=>M(e.target.value),placeholder:w,type:"search",value:D}),d.length>0&&a.jsx(h.Button,{"aria-expanded":v,"aria-haspopup":"dialog",badge:p.length,icon:"Funnel",onClick:()=>r(!0),variant:"tertiary",children:x})]}),p.length>0&&a.jsxs("div",{"aria-label":x,className:l.chips,children:[p.map(e=>a.jsx(T.Chip,{accessibleLabel:$(e),label:e.label,onDelete:()=>_(e.value,!1)},e.value)),a.jsx(h.Button,{onClick:()=>i==null?void 0:i([]),variant:"tertiary",children:j})]}),v&&a.jsx(z.Dialog,{"aria-labelledby":c,className:l["filter-dialog"],controls:a.jsxs(P.Controls,{children:[a.jsx(h.Button,{onClick:()=>{i==null||i([]),r(!1)},children:j}),a.jsx(h.Button,{onClick:()=>r(!1),variant:"primary",children:B})]}),header:a.jsx(A.Header,{children:a.jsx("h2",{id:c,children:q})}),open:!0,setOpen:r,children:a.jsx("div",{className:l["filter-groups"],"data-columns":k,children:d.map((e,n)=>a.jsxs("section",{"aria-labelledby":e.label?`${c}-${n}`:void 0,className:l["filter-group"],"data-column-span":e.columnSpan??1,role:e.control==="radio"?"radiogroup":"group",children:[e.label&&a.jsx("h3",{id:`${c}-${n}`,children:e.label}),e.options.map(s=>y(s,e)),e.collapsible&&a.jsx(H.Collapsible,{summary:e.collapsible.label,children:a.jsx("div",{className:l["collapsible-options"],children:e.collapsible.options.map(s=>y(s,e))})})]},e.label??n))})})]})};exports.Search=U;
 //# sourceMappingURL=index.cjs.map

package/dist/components/search/index.js

@@ -7,7 +7,7 @@ import { Collapsible as E } from "../collapsible/index.js";
 import { Controls as J } from "../controls/index.js";
 import { Dialog as K } from "../dialog/index.js";
 import { Header as P } from "../header/index.js";
-import { I as Q } from "../../index-Ds-Ocs4L.js";
+import { I as Q } from "../../index-DBWgRXp9.js";
 import '../../assets/index9.css';const U = "_search_1rde5_3", V = "_controls_1rde5_15", W = "_chips_1rde5_35", X = "_radio_1rde5_101", o = {
   search: U,
   controls: V,

package/dist/components/select/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../classix-5H4IWnMA.cjs");require("../../icons-Dv_p0bUF.cjs");const e=require("../../index-Bt7vnwji.cjs");require("../../use-touched-Bq5Gjbpz.cjs");exports.Select=e.Select;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../classix-5H4IWnMA.cjs");require("../../icons-BTif0nDb.cjs");const e=require("../../index-5qUTKX7P.cjs");require("../../use-touched-Bq5Gjbpz.cjs");exports.Select=e.Select;
 //# sourceMappingURL=index.cjs.map

package/dist/components/select/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../classix-DG18itHa.js";
-import "../../icons-dUP7sKyt.js";
-import { S as e } from "../../index-BLb3JiCr.js";
+import "../../icons-CBbpxsJF.js";
+import { S as e } from "../../index-BuSfz4qx.js";
 import "../../use-touched-B999bBr8.js";
 export {
   e as Select