@cognite/aura 0.3.5 → 1.46104.0

package/dist/components/ui/core/segmented-control/segmented-control.js

@@ -1,157 +1,211 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { createContext as t, useContext as n, useLayoutEffect as r, useRef as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { cva as s } from "class-variance-authority";
-import { Tabs as c } from "@base-ui/react/tabs";
-//#region libs/aura/src/components/ui/core/segmented-control/segmented-control.tsx
-function l({ className: t, ...n }) {
-	return /* @__PURE__ */ a(c.Root, {
-		"data-slot": "segmented-control",
-		className: e("flex flex-col gap-2", t),
-		...n
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, useContext, useLayoutEffect, useRef } from "react";
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../../lib/utils.js";
+function SegmentedControl({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(TabsPrimitive.Root, {
+        "data-slot": "segmented-control",
+        className: cn('flex flex-col gap-2', className),
+        ...props
+    });
 }
-var u = s("bg-muted-background text-muted-foreground relative isolate inline-flex w-fit items-center justify-center gap-2 p-0.5", {
-	variants: { size: {
-		default: "h-9 rounded-lg",
-		small: "h-7 rounded-md"
-	} },
-	defaultVariants: { size: "default" }
-}), d = t(void 0);
-function f(e) {
-	let t = n(d);
-	return e ?? t ?? "default";
+const segmentedControlListVariants = cva('bg-medium-background text-muted-foreground relative isolate inline-flex w-fit items-center justify-center gap-2 p-0.5', {
+    variants: {
+        size: {
+            default: 'h-9 rounded-lg',
+            small: 'h-7 rounded-md'
+        }
+    },
+    defaultVariants: {
+        size: 'default'
+    }
+});
+const SegmentedControlSizeContext = /*#__PURE__*/ createContext(undefined);
+function useSegmentedControlSize(size) {
+    const inherited = useContext(SegmentedControlSizeContext);
+    return size ?? inherited ?? 'default';
 }
-function p({ className: t, size: n, children: r, ...i }) {
-	let s = n ?? "default";
-	return /* @__PURE__ */ a(c.List, {
-		"data-slot": "segmented-control-list",
-		className: e(u({ size: n }), t),
-		...i,
-		children: /* @__PURE__ */ o(d.Provider, {
-			value: s,
-			children: [/* @__PURE__ */ a(h, {
-				size: s,
-				activeSelector: "[aria-selected=\"true\"]"
-			}), r]
-		})
-	});
+function SegmentedControlList({ className, size, children, ...props }) {
+    const resolvedSize = size ?? 'default';
+    return /*#__PURE__*/ _jsx(TabsPrimitive.List, {
+        "data-slot": "segmented-control-list",
+        className: cn(segmentedControlListVariants({
+            size
+        }), className),
+        ...props,
+        children: /*#__PURE__*/ _jsxs(SegmentedControlSizeContext.Provider, {
+            value: resolvedSize,
+            children: [
+                /*#__PURE__*/ _jsx(SegmentedControlIndicator, {
+                    size: resolvedSize,
+                    activeSelector: '[aria-selected="true"]'
+                }),
+                children
+            ]
+        })
+    });
 }
-var m = s("bg-background pointer-events-none absolute top-(--active-tab-top) left-(--active-tab-left) -z-0 h-(--active-tab-height) w-(--active-tab-width) motion-safe:transition-[top,left,width,height] motion-safe:duration-200 motion-safe:ease-out data-[activation-direction=none]:transition-none", {
-	variants: { size: {
-		default: "rounded-md",
-		small: "rounded-sm"
-	} },
-	defaultVariants: { size: "default" }
+const segmentedControlIndicatorVariants = cva('bg-background shadow-sm pointer-events-none absolute top-(--active-tab-top) left-(--active-tab-left) -z-0 h-(--active-tab-height) w-(--active-tab-width) motion-safe:transition-[top,left,width,height] motion-safe:duration-200 motion-safe:ease-out data-[activation-direction=none]:transition-none', {
+    variants: {
+        size: {
+            default: 'rounded-md',
+            small: 'rounded-sm'
+        }
+    },
+    defaultVariants: {
+        size: 'default'
+    }
 });
-function h({ className: t, size: n, activeSelector: o = "[aria-selected=\"true\"],[data-active]", style: s, ...c }) {
-	let l = i(null), u = i(null);
-	return r(() => {
-		let e = l.current, t = e?.parentElement;
-		if (!e || !t) return;
-		let n = null, r = /* @__PURE__ */ new Set(), i = (e) => {
-			r.add(e), s.observe(e);
-		}, a = (r = !1) => {
-			let a = t.querySelector(o);
-			if (!a) {
-				e.style.opacity = "0";
-				return;
-			}
-			a !== n && (n && s.unobserve(n), i(a), n = a);
-			let c = a.offsetLeft, l = u.current, d = r || l === null || c === l ? "none" : c > l ? "right" : "left";
-			e.dataset.activationDirection = d, e.style.opacity = "1", e.style.setProperty("--active-tab-left", `${c}px`), e.style.setProperty("--active-tab-top", `${a.offsetTop}px`), e.style.setProperty("--active-tab-width", `${a.offsetWidth}px`), e.style.setProperty("--active-tab-height", `${a.offsetHeight}px`), u.current = c;
-		}, s = new ResizeObserver((e) => {
-			e.some((e) => r.has(e.target) ? (r.delete(e.target), !1) : !0) && a(!0);
-		});
-		i(t), a();
-		let c = new MutationObserver(() => a(!1));
-		return c.observe(t, {
-			attributes: !0,
-			attributeFilter: [
-				"aria-selected",
-				"data-active",
-				"class"
-			],
-			subtree: !0,
-			childList: !0
-		}), () => {
-			c.disconnect(), s.disconnect();
-		};
-	}, [o]), /* @__PURE__ */ a("div", {
-		ref: l,
-		"data-slot": "segmented-control-indicator",
-		"data-activation-direction": "none",
-		className: e("opacity-0", m({ size: n }), t),
-		style: s,
-		...c
-	});
+function SegmentedControlIndicator({ className, size, activeSelector = '[aria-selected="true"],[data-active]', style, ...props }) {
+    const ref = useRef(null);
+    const previousLeftRef = useRef(null);
+    useLayoutEffect(()=>{
+        const indicator = ref.current;
+        const list = indicator?.parentElement;
+        if (!indicator || !list) {
+            return undefined;
+        }
+        let currentActive = null;
+        const pendingInitialObserve = new Set();
+        const observeResize = (element)=>{
+            pendingInitialObserve.add(element);
+            resizeObserver.observe(element);
+        };
+        const update = (isResize = false)=>{
+            const active = list.querySelector(activeSelector);
+            if (!active) {
+                indicator.style.opacity = '0';
+                return;
+            }
+            if (active !== currentActive) {
+                if (currentActive) {
+                    resizeObserver.unobserve(currentActive);
+                }
+                observeResize(active);
+                currentActive = active;
+            }
+            const left = active.offsetLeft;
+            const previousLeft = previousLeftRef.current;
+            const direction = isResize || previousLeft === null || left === previousLeft ? 'none' : left > previousLeft ? 'right' : 'left';
+            indicator.dataset.activationDirection = direction;
+            indicator.style.opacity = '1';
+            indicator.style.setProperty('--active-tab-left', `${left}px`);
+            indicator.style.setProperty('--active-tab-top', `${active.offsetTop}px`);
+            indicator.style.setProperty('--active-tab-width', `${active.offsetWidth}px`);
+            indicator.style.setProperty('--active-tab-height', `${active.offsetHeight}px`);
+            previousLeftRef.current = left;
+        };
+        const resizeObserver = new ResizeObserver((entries)=>{
+            const isGenuineResize = entries.some((entry)=>{
+                if (pendingInitialObserve.has(entry.target)) {
+                    pendingInitialObserve.delete(entry.target);
+                    return false;
+                }
+                return true;
+            });
+            if (isGenuineResize) {
+                update(true);
+            }
+        });
+        observeResize(list);
+        update();
+        const mutationObserver = new MutationObserver(()=>update(false));
+        mutationObserver.observe(list, {
+            attributes: true,
+            attributeFilter: [
+                'aria-selected',
+                'data-active',
+                'class'
+            ],
+            subtree: true,
+            childList: true
+        });
+        return ()=>{
+            mutationObserver.disconnect();
+            resizeObserver.disconnect();
+        };
+    }, [
+        activeSelector
+    ]);
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        "data-slot": "segmented-control-indicator",
+        "data-activation-direction": "none",
+        className: cn('opacity-0', segmentedControlIndicatorVariants({
+            size
+        }), className),
+        style: style,
+        ...props
+    });
 }
-var g = s("text-sm leading-4.5 tracking-normal font-medium relative z-10 inline-flex flex-1 items-center justify-center whitespace-nowrap text-muted-foreground dark:text-muted-foreground border border-transparent transition-[color,box-shadow] duration-200 ease-out focus-visible:border-ring focus-visible:ring focus-visible:ring-ring-shadow focus-visible:outline-1 focus-visible:outline-ring [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 data-disabled:pointer-events-none data-disabled:opacity-50 hover:text-foreground data-active:text-foreground data-active:hover:text-foreground", {
-	variants: {
-		size: {
-			default: "rounded-md",
-			small: "rounded-sm"
-		},
-		tabContent: {
-			"icon-label": "",
-			"label-only": "",
-			"icon-only": "px-0"
-		}
-	},
-	compoundVariants: [
-		{
-			size: "default",
-			tabContent: "icon-label",
-			className: "h-8 gap-2 px-2 py-0"
-		},
-		{
-			size: "default",
-			tabContent: "label-only",
-			className: "h-8 gap-0 px-2 py-0"
-		},
-		{
-			size: "default",
-			tabContent: "icon-only",
-			className: "size-8 gap-0 py-0"
-		},
-		{
-			size: "small",
-			tabContent: "icon-label",
-			className: "h-6 gap-2 px-2 py-0"
-		},
-		{
-			size: "small",
-			tabContent: "label-only",
-			className: "h-6 gap-0 px-2 py-0"
-		},
-		{
-			size: "small",
-			tabContent: "icon-only",
-			className: "size-6 gap-0 py-0"
-		}
-	],
-	defaultVariants: {
-		size: "default",
-		tabContent: "icon-label"
-	}
+const segmentedControlButtonVariants = cva('text-sm leading-4.5 tracking-normal font-medium relative z-10 inline-flex flex-1 items-center justify-center whitespace-nowrap text-muted-foreground dark:text-muted-foreground border border-transparent transition-[color,box-shadow] duration-200 ease-out focus-visible:border-ring focus-visible:ring focus-visible:ring-ring-shadow focus-visible:outline-1 focus-visible:outline-ring [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 data-disabled:pointer-events-none data-disabled:opacity-50 hover:text-foreground data-active:text-foreground data-active:hover:text-foreground', {
+    variants: {
+        size: {
+            default: 'rounded-md',
+            small: 'rounded-sm'
+        },
+        tabContent: {
+            'icon-label': '',
+            'label-only': '',
+            'icon-only': 'px-0'
+        }
+    },
+    compoundVariants: [
+        {
+            size: 'default',
+            tabContent: 'icon-label',
+            className: 'h-8 gap-2 px-2 py-0'
+        },
+        {
+            size: 'default',
+            tabContent: 'label-only',
+            className: 'h-8 gap-0 px-2 py-0'
+        },
+        {
+            size: 'default',
+            tabContent: 'icon-only',
+            className: 'size-8 gap-0 py-0'
+        },
+        {
+            size: 'small',
+            tabContent: 'icon-label',
+            className: 'h-6 gap-2 px-2 py-0'
+        },
+        {
+            size: 'small',
+            tabContent: 'label-only',
+            className: 'h-6 gap-0 px-2 py-0'
+        },
+        {
+            size: 'small',
+            tabContent: 'icon-only',
+            className: 'size-6 gap-0 py-0'
+        }
+    ],
+    defaultVariants: {
+        size: 'default',
+        tabContent: 'icon-label'
+    }
 });
-function _({ className: t, size: n, tabContent: r, ...i }) {
-	let o = f(n);
-	return /* @__PURE__ */ a(c.Tab, {
-		"data-slot": "segmented-control-trigger",
-		className: e(g({
-			size: o,
-			tabContent: r
-		}), t),
-		...i
-	});
+function SegmentedControlButton({ className, size, tabContent, ...props }) {
+    const resolvedSize = useSegmentedControlSize(size);
+    return /*#__PURE__*/ _jsx(TabsPrimitive.Tab, {
+        "data-slot": "segmented-control-trigger",
+        className: cn(segmentedControlButtonVariants({
+            size: resolvedSize,
+            tabContent
+        }), className),
+        ...props
+    });
 }
-function v({ className: t, ...n }) {
-	return /* @__PURE__ */ a(c.Panel, {
-		"data-slot": "segmented-control-content",
-		className: e("flex-1 outline-none", t),
-		...n
-	});
+function SegmentedControlContent({ className, ...props }) {
+    return /*#__PURE__*/ _jsx(TabsPrimitive.Panel, {
+        "data-slot": "segmented-control-content",
+        className: cn('flex-1 outline-none', className),
+        ...props
+    });
 }
-//#endregion
-export { l as SegmentedControl, _ as SegmentedControlButton, v as SegmentedControlContent, h as SegmentedControlIndicator, p as SegmentedControlList, g as segmentedControlButtonVariants, m as segmentedControlIndicatorVariants, u as segmentedControlListVariants };
+export { SegmentedControl, SegmentedControlButton, SegmentedControlContent, SegmentedControlIndicator, SegmentedControlList, segmentedControlButtonVariants, segmentedControlIndicatorVariants, segmentedControlListVariants };
+
+//# sourceMappingURL=segmented-control.js.map

package/dist/components/ui/core/segmented-control/segmented-control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/segmented-control/segmented-control.tsx"],"sourcesContent":["import {\n  type ComponentProps,\n  type Context,\n  type ReactNode,\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useRef,\n} from 'react';\n\nimport { Tabs as TabsPrimitive } from '@base-ui/react/tabs';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { ClassProp } from 'class-variance-authority/types';\n\nimport { cn } from '../../../../lib/utils';\n\nfunction SegmentedControl({\n  className,\n  ...props\n}: TabsPrimitive.Root.Props): ReactNode {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"segmented-control\"\n      className={cn('flex flex-col gap-2', className)}\n      {...props}\n    />\n  );\n}\n\ninterface SegmentedControlSizeVariantProps {\n  size?: 'small' | 'default' | null;\n}\n\nconst segmentedControlListVariants: (\n  props?: (SegmentedControlSizeVariantProps & ClassProp) | undefined\n) => string = cva(\n  'bg-medium-background text-muted-foreground relative isolate inline-flex w-fit items-center justify-center gap-2 p-0.5',\n  {\n    variants: {\n      size: {\n        default: 'h-9 rounded-lg',\n        small: 'h-7 rounded-md',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\ntype SegmentedControlSize = NonNullable<\n  VariantProps<typeof segmentedControlListVariants>['size']\n>;\n\nconst SegmentedControlSizeContext: Context<SegmentedControlSize | undefined> =\n  createContext<SegmentedControlSize | undefined>(undefined);\n\nfunction useSegmentedControlSize(\n  size?: SegmentedControlSize | null\n): SegmentedControlSize {\n  const inherited = useContext(SegmentedControlSizeContext);\n  return size ?? inherited ?? 'default';\n}\n\ntype SegmentedControlListProps = TabsPrimitive.List.Props &\n  VariantProps<typeof segmentedControlListVariants>;\n\nfunction SegmentedControlList({\n  className,\n  size,\n  children,\n  ...props\n}: SegmentedControlListProps): ReactNode {\n  const resolvedSize = size ?? 'default';\n\n  return (\n    <TabsPrimitive.List\n      data-slot=\"segmented-control-list\"\n      className={cn(segmentedControlListVariants({ size }), className)}\n      {...props}\n    >\n      <SegmentedControlSizeContext.Provider value={resolvedSize}>\n        <SegmentedControlIndicator\n          size={resolvedSize}\n          activeSelector='[aria-selected=\"true\"]'\n        />\n        {children}\n      </SegmentedControlSizeContext.Provider>\n    </TabsPrimitive.List>\n  );\n}\n\nconst segmentedControlIndicatorVariants: (\n  props?: (SegmentedControlSizeVariantProps & ClassProp) | undefined\n) => string = cva(\n  'bg-background shadow-sm pointer-events-none absolute top-(--active-tab-top) left-(--active-tab-left) -z-0 h-(--active-tab-height) w-(--active-tab-width) motion-safe:transition-[top,left,width,height] motion-safe:duration-200 motion-safe:ease-out data-[activation-direction=none]:transition-none',\n  {\n    variants: {\n      size: {\n        default: 'rounded-md',\n        small: 'rounded-sm',\n      },\n    },\n    defaultVariants: {\n      size: 'default',\n    },\n  }\n);\n\ntype SegmentedControlIndicatorProps = ComponentProps<'div'> &\n  VariantProps<typeof segmentedControlIndicatorVariants> & {\n    activeSelector?: string;\n  };\n\nfunction SegmentedControlIndicator({\n  className,\n  size,\n  activeSelector = '[aria-selected=\"true\"],[data-active]',\n  style,\n  ...props\n}: SegmentedControlIndicatorProps): ReactNode {\n  const ref = useRef<HTMLDivElement>(null);\n  const previousLeftRef = useRef<number | null>(null);\n\n  useLayoutEffect(() => {\n    const indicator = ref.current;\n    const list = indicator?.parentElement;\n    if (!indicator || !list) {\n      return undefined;\n    }\n\n    let currentActive: HTMLElement | null = null;\n    const pendingInitialObserve = new Set<Element>();\n\n    const observeResize = (element: Element): void => {\n      pendingInitialObserve.add(element);\n      resizeObserver.observe(element);\n    };\n\n    const update = (isResize = false): void => {\n      const active = list.querySelector<HTMLElement>(activeSelector);\n      if (!active) {\n        indicator.style.opacity = '0';\n        return;\n      }\n\n      if (active !== currentActive) {\n        if (currentActive) {\n          resizeObserver.unobserve(currentActive);\n        }\n        observeResize(active);\n        currentActive = active;\n      }\n\n      const left = active.offsetLeft;\n      const previousLeft = previousLeftRef.current;\n      const direction =\n        isResize || previousLeft === null || left === previousLeft\n          ? 'none'\n          : left > previousLeft\n            ? 'right'\n            : 'left';\n\n      indicator.dataset.activationDirection = direction;\n      indicator.style.opacity = '1';\n      indicator.style.setProperty('--active-tab-left', `${left}px`);\n      indicator.style.setProperty('--active-tab-top', `${active.offsetTop}px`);\n      indicator.style.setProperty(\n        '--active-tab-width',\n        `${active.offsetWidth}px`\n      );\n      indicator.style.setProperty(\n        '--active-tab-height',\n        `${active.offsetHeight}px`\n      );\n\n      previousLeftRef.current = left;\n    };\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      const isGenuineResize = entries.some((entry) => {\n        if (pendingInitialObserve.has(entry.target)) {\n          pendingInitialObserve.delete(entry.target);\n          return false;\n        }\n        return true;\n      });\n      if (isGenuineResize) {\n        update(true);\n      }\n    });\n    observeResize(list);\n\n    update();\n\n    const mutationObserver = new MutationObserver(() => update(false));\n    mutationObserver.observe(list, {\n      attributes: true,\n      attributeFilter: ['aria-selected', 'data-active', 'class'],\n      subtree: true,\n      childList: true,\n    });\n\n    return () => {\n      mutationObserver.disconnect();\n      resizeObserver.disconnect();\n    };\n  }, [activeSelector]);\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"segmented-control-indicator\"\n      data-activation-direction=\"none\"\n      className={cn(\n        'opacity-0',\n        segmentedControlIndicatorVariants({ size }),\n        className\n      )}\n      style={style}\n      {...props}\n    />\n  );\n}\n\ninterface SegmentedControlButtonVariantProps extends SegmentedControlSizeVariantProps {\n  tabContent?: 'icon-label' | 'label-only' | 'icon-only' | null;\n}\n\nconst segmentedControlButtonVariants: (\n  props?: (SegmentedControlButtonVariantProps & ClassProp) | undefined\n) => string = cva(\n  'text-sm leading-4.5 tracking-normal font-medium relative z-10 inline-flex flex-1 items-center justify-center whitespace-nowrap text-muted-foreground dark:text-muted-foreground border border-transparent transition-[color,box-shadow] duration-200 ease-out focus-visible:border-ring focus-visible:ring focus-visible:ring-ring-shadow focus-visible:outline-1 focus-visible:outline-ring [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4 data-disabled:pointer-events-none data-disabled:opacity-50 hover:text-foreground data-active:text-foreground data-active:hover:text-foreground',\n  {\n    variants: {\n      size: {\n        default: 'rounded-md',\n        small: 'rounded-sm',\n      },\n      tabContent: {\n        'icon-label': '',\n        'label-only': '',\n        'icon-only': 'px-0',\n      },\n    },\n    compoundVariants: [\n      {\n        size: 'default',\n        tabContent: 'icon-label',\n        className: 'h-8 gap-2 px-2 py-0',\n      },\n      {\n        size: 'default',\n        tabContent: 'label-only',\n        className: 'h-8 gap-0 px-2 py-0',\n      },\n      {\n        size: 'default',\n        tabContent: 'icon-only',\n        className: 'size-8 gap-0 py-0',\n      },\n      {\n        size: 'small',\n        tabContent: 'icon-label',\n        className: 'h-6 gap-2 px-2 py-0',\n      },\n      {\n        size: 'small',\n        tabContent: 'label-only',\n        className: 'h-6 gap-0 px-2 py-0',\n      },\n      {\n        size: 'small',\n        tabContent: 'icon-only',\n        className: 'size-6 gap-0 py-0',\n      },\n    ],\n    defaultVariants: {\n      size: 'default',\n      tabContent: 'icon-label',\n    },\n  }\n);\n\ntype SegmentedControlButtonProps = TabsPrimitive.Tab.Props &\n  VariantProps<typeof segmentedControlButtonVariants>;\n\nfunction SegmentedControlButton({\n  className,\n  size,\n  tabContent,\n  ...props\n}: SegmentedControlButtonProps): ReactNode {\n  const resolvedSize = useSegmentedControlSize(size);\n\n  return (\n    <TabsPrimitive.Tab\n      data-slot=\"segmented-control-trigger\"\n      className={cn(\n        segmentedControlButtonVariants({ size: resolvedSize, tabContent }),\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction SegmentedControlContent({\n  className,\n  ...props\n}: TabsPrimitive.Panel.Props): ReactNode {\n  return (\n    <TabsPrimitive.Panel\n      data-slot=\"segmented-control-content\"\n      className={cn('flex-1 outline-none', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  SegmentedControl,\n  SegmentedControlButton,\n  SegmentedControlContent,\n  SegmentedControlIndicator,\n  SegmentedControlList,\n  segmentedControlButtonVariants,\n  segmentedControlIndicatorVariants,\n  segmentedControlListVariants,\n};\nexport type { SegmentedControlSize };\n"],"names":["createContext","useContext","useLayoutEffect","useRef","Tabs","TabsPrimitive","cva","cn","SegmentedControl","className","props","Root","data-slot","segmentedControlListVariants","variants","size","default","small","defaultVariants","SegmentedControlSizeContext","undefined","useSegmentedControlSize","inherited","SegmentedControlList","children","resolvedSize","List","Provider","value","SegmentedControlIndicator","activeSelector","segmentedControlIndicatorVariants","style","ref","previousLeftRef","indicator","current","list","parentElement","currentActive","pendingInitialObserve","Set","observeResize","element","add","resizeObserver","observe","update","isResize","active","querySelector","opacity","unobserve","left","offsetLeft","previousLeft","direction","dataset","activationDirection","setProperty","offsetTop","offsetWidth","offsetHeight","ResizeObserver","entries","isGenuineResize","some","entry","has","target","delete","mutationObserver","MutationObserver","attributes","attributeFilter","subtree","childList","disconnect","div","data-activation-direction","segmentedControlButtonVariants","tabContent","compoundVariants","SegmentedControlButton","Tab","SegmentedControlContent","Panel"],"mappings":"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"}

package/dist/components/ui/core/select/select.d.ts

@@ -1,45 +1,46 @@
-import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
-import { SelectTriggerProps, Select as SelectPrimitive } from '@base-ui/react/select';
-type SelectPropsBase = Omit<SelectPrimitive.Root.Props<string>, 'open' | 'defaultOpen' | 'onOpenChange' | 'value' | 'defaultValue' | 'onValueChange' | 'multiple'> & {
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
+import { type ForwardRefExoticComponent, type RefAttributes, type ReactNode } from "react";
+import type { SelectTriggerProps } from "@base-ui/react/select";
+import { Select as SelectPrimitive } from "@base-ui/react/select";
+type SelectPropsBase = Omit<SelectPrimitive.Root.Props<string>, "open" | "defaultOpen" | "onOpenChange" | "value" | "defaultValue" | "onValueChange" | "multiple"> & {
+	open?: boolean;
+	defaultOpen?: boolean;
+	onOpenChange?: (open: boolean) => void;
 };
 type SelectPropsSingle = SelectPropsBase & {
-    multiple?: false;
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
+	multiple?: false;
+	value?: string;
+	defaultValue?: string;
+	onValueChange?: (value: string) => void;
 };
 type SelectPropsMultiple = SelectPropsBase & {
-    multiple: true;
-    value?: string[];
-    defaultValue?: string[];
-    onValueChange?: (value: string[]) => void;
+	multiple: true;
+	value?: string[];
+	defaultValue?: string[];
+	onValueChange?: (value: string[]) => void;
 };
 declare function Select(props: SelectPropsSingle): ReactNode;
 declare function Select(props: SelectPropsMultiple): ReactNode;
 declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): ReactNode;
 declare function SelectValue({ icon, ...props }: SelectPrimitive.Value.Props & {
-    icon?: ReactNode;
+	icon?: ReactNode;
 }): ReactNode;
 declare const SelectTrigger: ForwardRefExoticComponent<Omit<SelectTriggerProps & {
-    size?: 'sm' | 'default';
-    errorMessage?: string;
-}, 'ref'> & RefAttributes<HTMLButtonElement>>;
+	size?: "sm" | "default";
+	errorMessage?: string;
+}, "ref"> & RefAttributes<HTMLButtonElement>>;
 declare function SelectContent({ className, children, position: _position, align, alignOffset, side, sideOffset, ...props }: SelectPrimitive.Popup.Props & {
-    position?: 'popper' | 'item-aligned';
-    align?: SelectPrimitive.Positioner.Props['align'];
-    alignOffset?: SelectPrimitive.Positioner.Props['alignOffset'];
-    side?: SelectPrimitive.Positioner.Props['side'];
-    sideOffset?: SelectPrimitive.Positioner.Props['sideOffset'];
+	position?: "popper" | "item-aligned";
+	align?: SelectPrimitive.Positioner.Props["align"];
+	alignOffset?: SelectPrimitive.Positioner.Props["alignOffset"];
+	side?: SelectPrimitive.Positioner.Props["side"];
+	sideOffset?: SelectPrimitive.Positioner.Props["sideOffset"];
 }): ReactNode;
 declare function SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): ReactNode;
 declare function SelectItem({ className, children, icon, suffix, ...props }: SelectPrimitive.Item.Props & {
-    icon?: ReactNode;
-    suffix?: ReactNode;
+	icon?: ReactNode;
+	suffix?: ReactNode;
 }): ReactNode;
 declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): ReactNode;
 declare function SelectScrollUpButton({ className, ...props }: SelectPrimitive.ScrollUpArrow.Props): ReactNode;
 declare function SelectScrollDownButton({ className, ...props }: SelectPrimitive.ScrollDownArrow.Props): ReactNode;
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };