@cognite/aura 0.3.4 → 1.46104.0

package/dist/components/ui/core/tabs/tabs.js

@@ -1,150 +1,179 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { Badge as t } from "../badge/badge.js";
-import { resolveTabLabelTitle as n } from "./tabs.utils.js";
-import { createContext as r, forwardRef as i, useContext as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { cva as c } from "class-variance-authority";
-import { Tabs as l } from "@base-ui/react/tabs";
-//#region libs/aura/src/components/ui/core/tabs/tabs.tsx
-var u = c("relative isolate inline-flex", {
-	variants: {
-		orientation: {
-			horizontal: "flex-row",
-			vertical: "flex-col"
-		},
-		size: {
-			small: "",
-			default: ""
-		},
-		fullWidth: {
-			true: "w-full",
-			false: "w-fit"
-		}
-	},
-	compoundVariants: [
-		{
-			orientation: "horizontal",
-			size: "small",
-			className: "items-center gap-1"
-		},
-		{
-			orientation: "horizontal",
-			size: "default",
-			className: "items-center gap-2"
-		},
-		{
-			orientation: "vertical",
-			size: "small",
-			className: "items-stretch gap-1"
-		},
-		{
-			orientation: "vertical",
-			size: "default",
-			className: "items-stretch gap-2"
-		}
-	],
-	defaultVariants: {
-		orientation: "horizontal",
-		size: "small",
-		fullWidth: !1
-	}
-}), d = c("pointer-events-none absolute top-(--active-tab-top) left-(--active-tab-left) z-0 h-(--active-tab-height) w-(--active-tab-width) bg-active-muted-background motion-safe:transition-[top,left,width,height] motion-safe:duration-200 motion-safe:ease-out data-[activation-direction=none]:transition-none", {
-	variants: { size: {
-		small: "rounded-md",
-		default: "rounded-lg"
-	} },
-	defaultVariants: { size: "small" }
-}), f = c("group relative z-10 inline-flex min-w-0 max-w-full items-center justify-start outline-none transition-[color,box-shadow] duration-200 ease-out shrink-0 font-medium tracking-normal text-sm cursor-pointer focus-visible:border-ring focus-visible:ring-ring-shadow focus-visible:ring data-[disabled]:pointer-events-none data-[disabled]:cursor-default [&_[data-slot=tabs-label]]:min-w-0 [&_[data-slot=tabs-label]]:truncate", {
-	variants: {
-		size: {
-			small: "h-7 px-2 gap-1.5 leading-4.5 rounded-md",
-			default: "h-9 px-3 gap-2 leading-4.5 rounded-lg"
-		},
-		fullWidth: {
-			true: "min-w-px justify-center [&_[data-slot=tabs-label]]:flex-none [&_[data-slot=tabs-label]]:text-center",
-			false: ""
-		},
-		stateTone: { default: "text-muted-foreground hover:text-foreground data-active:text-foreground data-active:hover:text-foreground data-[disabled]:text-disabled-foreground" }
-	},
-	defaultVariants: {
-		size: "small",
-		fullWidth: !1,
-		stateTone: "default"
-	}
-}), p = i(({ className: t, ...n }, r) => /* @__PURE__ */ o(l.Root, {
-	ref: r,
-	"data-slot": "tabs",
-	className: e(t),
-	...n
-}));
-p.displayName = "Tabs";
-var m = r(void 0), h = i(({ className: t, size: n = "small", ...r }, i) => /* @__PURE__ */ o(l.Indicator, {
-	ref: i,
-	"data-slot": "tabs-indicator",
-	className: e(d({ size: n }), t),
-	...r
-}));
-h.displayName = "TabsIndicator";
-var g = i(({ className: t, orientation: n = "horizontal", size: r = "small", fullWidth: i = !1, children: a, ...c }, d) => {
-	let f = r ?? "small";
-	return /* @__PURE__ */ o(l.List, {
-		ref: d,
-		"data-slot": "tabs-list",
-		"data-size": f,
-		"data-orientation": n,
-		"data-full-width": i ? "true" : "false",
-		className: e("[&[data-orientation=horizontal][data-full-width=true]_[data-slot=tabs-trigger]]:flex-1", "[&[data-orientation=horizontal][data-full-width=true]_[data-slot=tabs-trigger]]:justify-center", "[&[data-orientation=horizontal][data-full-width=true]_[data-slot=tabs-label]]:flex-none", "[&[data-orientation=horizontal][data-full-width=true]_[data-slot=tabs-label]]:text-center", "[&[data-orientation=vertical][data-full-width=true]_[data-slot=tabs-trigger]]:w-full", u({
-			orientation: n,
-			size: f,
-			fullWidth: i
-		}), t),
-		...c,
-		children: /* @__PURE__ */ s(m.Provider, {
-			value: f,
-			children: [/* @__PURE__ */ o(h, { size: f }), a]
-		})
-	});
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createContext, forwardRef, useContext } from "react";
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import { cva } from "class-variance-authority";
+import { cn, focusRing } from "../../../../lib/utils.js";
+import { Badge } from "../badge/badge.js";
+import { resolveTabLabelTitle } from "./tabs.utils.js";
+const tabsListVariants = cva('relative isolate flex', {
+    variants: {
+        orientation: {
+            horizontal: 'flex-row',
+            vertical: 'flex-col'
+        },
+        size: {
+            small: '',
+            default: ''
+        },
+        fullWidth: {
+            true: 'w-full',
+            false: 'w-fit'
+        }
+    },
+    compoundVariants: [
+        {
+            orientation: 'horizontal',
+            fullWidth: false,
+            className: 'items-center gap-4'
+        },
+        {
+            orientation: 'horizontal',
+            fullWidth: true,
+            className: 'w-full min-w-0 max-w-full items-center justify-between gap-0 px-3'
+        },
+        {
+            orientation: 'vertical',
+            fullWidth: false,
+            className: 'items-start gap-4'
+        },
+        {
+            orientation: 'vertical',
+            fullWidth: true,
+            className: 'h-full min-h-0 w-full min-w-0 max-w-full items-start justify-between gap-0 px-3'
+        }
+    ],
+    defaultVariants: {
+        orientation: 'horizontal',
+        size: 'small',
+        fullWidth: false
+    }
 });
-g.displayName = "TabsList";
-var _ = i(({ className: n, size: r, fullWidth: i = !1, badge: c, disabled: u = !1, children: d, ...p }, h) => {
-	let g = a(m), _ = r ?? g ?? "small";
-	return /* @__PURE__ */ s(l.Tab, {
-		ref: h,
-		"data-slot": "tabs-trigger",
-		"data-size": _,
-		"data-full-width": i ? "true" : "false",
-		disabled: u,
-		className: e(f({
-			size: _,
-			fullWidth: i
-		}), n),
-		...p,
-		children: [d, c == null ? null : /* @__PURE__ */ o(t, {
-			variant: "mountain",
-			className: e("h-4 min-w-4 rounded-sm px-0.5 text-xs leading-3.5 tracking-tighter gap-0", u && "bg-disabled-background text-disabled-foreground border-transparent"),
-			children: c
-		})]
-	});
+const tabsTriggerVariants = cva(cn(`group relative z-10 inline-flex min-w-0 max-w-full items-center justify-start bg-transparent transition-[color,box-shadow] duration-200 ease-out shrink-0 font-medium tracking-normal text-sm cursor-pointer ${focusRing}`, "[&>svg]:pointer-events-none [&>svg]:shrink-0 [&>svg:not([class*='size-'])]:size-4 [&>svg:not([class*='text-'])]:text-muted-foreground hover:[&>svg:not([class*='text-'])]:text-muted-foreground-hover data-active:[&>svg:not([class*='text-'])]:text-primary-background data-active:hover:[&>svg:not([class*='text-'])]:text-primary-background data-[disabled]:[&>svg:not([class*='text-'])]:text-base-foreground-disabled [&_[data-slot=badge]]:text-decorative-7-foreground [&_[data-slot=badge]_svg]:text-decorative-7-foreground", 'data-[disabled]:pointer-events-none data-[disabled]:cursor-default [&_[data-slot=tabs-label]]:min-w-0 [&_[data-slot=tabs-label]]:truncate'), {
+    variants: {
+        size: {
+            small: 'h-7 gap-1.5 leading-4.5',
+            default: 'h-9 gap-2 leading-4.5'
+        },
+        stateTone: {
+            default: cn('text-muted-foreground hover:text-muted-foreground-hover hover:bg-transparent', 'data-active:text-primary-background data-active:hover:text-primary-background data-active:hover:bg-transparent', 'data-[disabled]:text-base-foreground-disabled')
+        }
+    },
+    defaultVariants: {
+        size: 'small',
+        stateTone: 'default'
+    }
 });
-_.displayName = "TabsTrigger";
-var v = i(({ className: t, children: r, title: i, ...a }, s) => {
-	let c = n(i, r);
-	return /* @__PURE__ */ o("span", {
-		ref: s,
-		"data-slot": "tabs-label",
-		className: e("block min-w-0 flex-1 truncate text-left", t),
-		title: c,
-		...a,
-		children: r
-	});
+const Tabs = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(TabsPrimitive.Root, {
+        ref: ref,
+        "data-slot": "tabs",
+        className: cn(className),
+        ...props
+    });
 });
-v.displayName = "TabsLabel";
-var y = i(({ className: t, ...n }, r) => /* @__PURE__ */ o(l.Panel, {
-	ref: r,
-	"data-slot": "tabs-panel",
-	className: e("outline-none", t),
-	...n
-}));
-y.displayName = "TabsPanel";
-//#endregion
-export { p as Tabs, v as TabsLabel, g as TabsList, y as TabsPanel, _ as TabsTrigger, u as tabsListVariants, f as tabsTriggerVariants };
+Tabs.displayName = 'Tabs';
+const TabsSizeContext = /*#__PURE__*/ createContext(undefined);
+const tabsIndicatorMotionClasses = 'pointer-events-none absolute z-[2] bg-primary-background motion-safe:transition-[top,left,width,height] motion-safe:duration-200 motion-safe:ease-out data-[activation-direction=none]:transition-none';
+/** Bottom underline under the active tab. */ const tabsIndicatorHorizontalClasses = 'h-px w-(--active-tab-width) top-[calc(var(--active-tab-top)+var(--active-tab-height)-1px)] left-(--active-tab-left)';
+/** Left tick beside the label — text-height only, never a full-width bar. */ const tabsIndicatorVerticalClasses = 'w-px max-w-px h-4.5 left-(--active-tab-left) top-[calc(var(--active-tab-top)+(var(--active-tab-height)-1.125rem)/2)]';
+const TabsIndicator = /*#__PURE__*/ forwardRef(({ className, orientation = 'horizontal', ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(TabsPrimitive.Indicator, {
+        ref: ref,
+        "data-slot": "tabs-indicator",
+        className: cn(tabsIndicatorMotionClasses, orientation === 'vertical' ? tabsIndicatorVerticalClasses : tabsIndicatorHorizontalClasses, className),
+        ...props
+    });
+});
+TabsIndicator.displayName = 'TabsIndicator';
+const TabsListSeparator = ({ orientation })=>{
+    if (orientation === 'vertical') {
+        return /*#__PURE__*/ _jsx("div", {
+            "aria-hidden": true,
+            "data-slot": "tabs-list-separator",
+            className: "pointer-events-none absolute top-0 right-0 z-[1] h-full max-h-full w-px bg-default"
+        });
+    }
+    return /*#__PURE__*/ _jsx("div", {
+        "aria-hidden": true,
+        "data-slot": "tabs-list-separator",
+        className: "pointer-events-none absolute bottom-0 left-0 z-[1] h-px w-full max-w-full bg-default"
+    });
+};
+const TabsList = /*#__PURE__*/ forwardRef(({ className, orientation = 'horizontal', size = 'small', fullWidth = false, showSeparator = false, children, ...props }, ref)=>{
+    const resolvedSize = size ?? 'small';
+    const resolvedOrientation = orientation ?? 'horizontal';
+    return /*#__PURE__*/ _jsxs(TabsPrimitive.List, {
+        ref: ref,
+        "data-slot": "tabs-list",
+        "data-size": resolvedSize,
+        "data-orientation": resolvedOrientation,
+        "data-full-width": fullWidth ? 'true' : 'false',
+        "data-separator": showSeparator ? 'true' : 'false',
+        className: cn(showSeparator && 'overflow-x-clip', tabsListVariants({
+            orientation: resolvedOrientation,
+            size: resolvedSize,
+            fullWidth
+        }), className),
+        ...props,
+        children: [
+            showSeparator ? /*#__PURE__*/ _jsx(TabsListSeparator, {
+                orientation: resolvedOrientation
+            }) : null,
+            /*#__PURE__*/ _jsx(TabsIndicator, {
+                orientation: resolvedOrientation
+            }),
+            /*#__PURE__*/ _jsx(TabsSizeContext.Provider, {
+                value: resolvedSize,
+                children: children
+            })
+        ]
+    });
+});
+TabsList.displayName = 'TabsList';
+const TabsTrigger = /*#__PURE__*/ forwardRef(({ className, size, badge, disabled = false, children, ...props }, ref)=>{
+    const inheritedSize = useContext(TabsSizeContext);
+    const resolvedSize = size ?? inheritedSize ?? 'small';
+    return /*#__PURE__*/ _jsxs(TabsPrimitive.Tab, {
+        ref: ref,
+        "data-slot": "tabs-trigger",
+        "data-size": resolvedSize,
+        disabled: disabled,
+        className: cn(tabsTriggerVariants({
+            size: resolvedSize
+        }), className),
+        ...props,
+        children: [
+            children,
+            badge == null ? null : /*#__PURE__*/ _jsx(Badge, {
+                variant: "decorative-1",
+                className: cn('h-4 min-w-4 rounded-sm px-0.5 text-xs leading-3.5 tracking-tighter gap-0', disabled && 'bg-base-background-disabled text-base-foreground-disabled border-transparent'),
+                children: badge
+            })
+        ]
+    });
+});
+TabsTrigger.displayName = 'TabsTrigger';
+const TabsLabel = /*#__PURE__*/ forwardRef(({ className, children, title, ...props }, ref)=>{
+    const resolvedTitle = resolveTabLabelTitle(title, children);
+    return /*#__PURE__*/ _jsx("span", {
+        ref: ref,
+        "data-slot": "tabs-label",
+        className: cn('block min-w-0 truncate text-left', className),
+        title: resolvedTitle,
+        ...props,
+        children: children
+    });
+});
+TabsLabel.displayName = 'TabsLabel';
+const TabsPanel = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(TabsPrimitive.Panel, {
+        ref: ref,
+        "data-slot": "tabs-panel",
+        className: cn('outline-none', className),
+        ...props
+    });
+});
+TabsPanel.displayName = 'TabsPanel';
+export { Tabs, TabsLabel, TabsList, TabsPanel, TabsTrigger, tabsListVariants, tabsTriggerVariants };
+
+//# sourceMappingURL=tabs.js.map

package/dist/components/ui/core/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/tabs/tabs.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ComponentProps,\n  type ComponentRef,\n  type ReactNode,\n  createContext,\n  forwardRef,\n  useContext,\n} from 'react';\n\nimport type { TabsRootProps } from '@base-ui/react/tabs';\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, focusRing } from '../../../../lib/utils';\nimport { Badge } from '../badge/badge';\n\nimport { resolveTabLabelTitle } from './tabs.utils';\n\ninterface TabsListVariantProps {\n  orientation?: 'horizontal' | 'vertical' | null;\n  size?: 'small' | 'default' | null;\n  fullWidth?: boolean | null;\n}\n\nconst tabsListVariants: (\n  props?: (TabsListVariantProps & ClassProp) | undefined\n) => string = cva('relative isolate flex', {\n  variants: {\n    orientation: {\n      horizontal: 'flex-row',\n      vertical: 'flex-col',\n    },\n    size: {\n      small: '',\n      default: '',\n    },\n    fullWidth: {\n      true: 'w-full',\n      false: 'w-fit',\n    },\n  },\n  compoundVariants: [\n    {\n      orientation: 'horizontal',\n      fullWidth: false,\n      className: 'items-center gap-4',\n    },\n    {\n      orientation: 'horizontal',\n      fullWidth: true,\n      className:\n        'w-full min-w-0 max-w-full items-center justify-between gap-0 px-3',\n    },\n    {\n      orientation: 'vertical',\n      fullWidth: false,\n      className: 'items-start gap-4',\n    },\n    {\n      orientation: 'vertical',\n      fullWidth: true,\n      className:\n        'h-full min-h-0 w-full min-w-0 max-w-full items-start justify-between gap-0 px-3',\n    },\n  ],\n  defaultVariants: {\n    orientation: 'horizontal',\n    size: 'small',\n    fullWidth: false,\n  },\n});\n\ninterface TabsTriggerVariantProps {\n  size?: 'small' | 'default' | null;\n  stateTone?: 'default' | null;\n}\n\nconst tabsTriggerVariants: (\n  props?: (TabsTriggerVariantProps & ClassProp) | undefined\n) => string = cva(\n  cn(\n    `group relative z-10 inline-flex min-w-0 max-w-full items-center justify-start bg-transparent transition-[color,box-shadow] duration-200 ease-out shrink-0 font-medium tracking-normal text-sm cursor-pointer ${focusRing}`,\n    \"[&>svg]:pointer-events-none [&>svg]:shrink-0 [&>svg:not([class*='size-'])]:size-4 [&>svg:not([class*='text-'])]:text-muted-foreground hover:[&>svg:not([class*='text-'])]:text-muted-foreground-hover data-active:[&>svg:not([class*='text-'])]:text-primary-background data-active:hover:[&>svg:not([class*='text-'])]:text-primary-background data-[disabled]:[&>svg:not([class*='text-'])]:text-base-foreground-disabled [&_[data-slot=badge]]:text-decorative-7-foreground [&_[data-slot=badge]_svg]:text-decorative-7-foreground\",\n    'data-[disabled]:pointer-events-none data-[disabled]:cursor-default [&_[data-slot=tabs-label]]:min-w-0 [&_[data-slot=tabs-label]]:truncate'\n  ),\n  {\n    variants: {\n      size: {\n        small: 'h-7 gap-1.5 leading-4.5',\n        default: 'h-9 gap-2 leading-4.5',\n      },\n      stateTone: {\n        default: cn(\n          'text-muted-foreground hover:text-muted-foreground-hover hover:bg-transparent',\n          'data-active:text-primary-background data-active:hover:text-primary-background data-active:hover:bg-transparent',\n          'data-[disabled]:text-base-foreground-disabled'\n        ),\n      },\n    },\n    defaultVariants: {\n      size: 'small',\n      stateTone: 'default',\n    },\n  }\n);\n\ntype TabsProps = TabsPrimitive.Root.Props;\n\nconst Tabs: ForwardRefExoticComponent<\n  Omit<TabsRootProps, 'ref'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<typeof TabsPrimitive.Root>, TabsProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <TabsPrimitive.Root\n        ref={ref}\n        data-slot=\"tabs\"\n        className={cn(className)}\n        {...props}\n      />\n    );\n  }\n);\nTabs.displayName = 'Tabs';\n\ntype TabsListProps = TabsPrimitive.List.Props &\n  VariantProps<typeof tabsListVariants> & {\n    showSeparator?: boolean;\n  };\n\ntype TabsSize = NonNullable<VariantProps<typeof tabsListVariants>['size']>;\n\ntype TabsOrientation = NonNullable<\n  VariantProps<typeof tabsListVariants>['orientation']\n>;\n\nconst TabsSizeContext = createContext<TabsSize | undefined>(undefined);\n\ntype TabsIndicatorProps = TabsPrimitive.Indicator.Props & {\n  orientation?: TabsOrientation;\n};\n\nconst tabsIndicatorMotionClasses =\n  'pointer-events-none absolute z-[2] bg-primary-background motion-safe:transition-[top,left,width,height] motion-safe:duration-200 motion-safe:ease-out data-[activation-direction=none]:transition-none';\n\n/** Bottom underline under the active tab. */\nconst tabsIndicatorHorizontalClasses =\n  'h-px w-(--active-tab-width) top-[calc(var(--active-tab-top)+var(--active-tab-height)-1px)] left-(--active-tab-left)';\n\n/** Left tick beside the label — text-height only, never a full-width bar. */\nconst tabsIndicatorVerticalClasses =\n  'w-px max-w-px h-4.5 left-(--active-tab-left) top-[calc(var(--active-tab-top)+(var(--active-tab-height)-1.125rem)/2)]';\n\nconst TabsIndicator = forwardRef<\n  ComponentRef<typeof TabsPrimitive.Indicator>,\n  TabsIndicatorProps\n>(({ className, orientation = 'horizontal', ...props }, ref) => {\n  return (\n    <TabsPrimitive.Indicator\n      ref={ref}\n      data-slot=\"tabs-indicator\"\n      className={cn(\n        tabsIndicatorMotionClasses,\n        orientation === 'vertical'\n          ? tabsIndicatorVerticalClasses\n          : tabsIndicatorHorizontalClasses,\n        className\n      )}\n      {...props}\n    />\n  );\n});\nTabsIndicator.displayName = 'TabsIndicator';\n\nconst TabsListSeparator = ({\n  orientation,\n}: {\n  orientation: TabsOrientation;\n}): ReactNode => {\n  if (orientation === 'vertical') {\n    return (\n      <div\n        aria-hidden\n        data-slot=\"tabs-list-separator\"\n        className=\"pointer-events-none absolute top-0 right-0 z-[1] h-full max-h-full w-px bg-default\"\n      />\n    );\n  }\n\n  return (\n    <div\n      aria-hidden\n      data-slot=\"tabs-list-separator\"\n      className=\"pointer-events-none absolute bottom-0 left-0 z-[1] h-px w-full max-w-full bg-default\"\n    />\n  );\n};\n\nconst TabsList: ForwardRefExoticComponent<\n  Omit<TabsListProps, 'ref'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<typeof TabsPrimitive.List>, TabsListProps>(\n  (\n    {\n      className,\n      orientation = 'horizontal',\n      size = 'small',\n      fullWidth = false,\n      showSeparator = false,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const resolvedSize = size ?? 'small';\n    const resolvedOrientation = orientation ?? 'horizontal';\n\n    return (\n      <TabsPrimitive.List\n        ref={ref}\n        data-slot=\"tabs-list\"\n        data-size={resolvedSize}\n        data-orientation={resolvedOrientation}\n        data-full-width={fullWidth ? 'true' : 'false'}\n        data-separator={showSeparator ? 'true' : 'false'}\n        className={cn(\n          showSeparator && 'overflow-x-clip',\n          tabsListVariants({\n            orientation: resolvedOrientation,\n            size: resolvedSize,\n            fullWidth,\n          }),\n          className\n        )}\n        {...props}\n      >\n        {showSeparator ? (\n          <TabsListSeparator orientation={resolvedOrientation} />\n        ) : null}\n        <TabsIndicator orientation={resolvedOrientation} />\n        <TabsSizeContext.Provider value={resolvedSize}>\n          {children}\n        </TabsSizeContext.Provider>\n      </TabsPrimitive.List>\n    );\n  }\n);\nTabsList.displayName = 'TabsList';\n\ntype TabsTriggerProps = TabsPrimitive.Tab.Props &\n  VariantProps<typeof tabsTriggerVariants> & {\n    badge?: ReactNode;\n  };\n\ntype TabsLabelProps = ComponentProps<'span'>;\n\nconst TabsTrigger: ForwardRefExoticComponent<\n  Omit<TabsTriggerProps, 'ref'> & RefAttributes<HTMLElement>\n> = forwardRef<ComponentRef<typeof TabsPrimitive.Tab>, TabsTriggerProps>(\n  ({ className, size, badge, disabled = false, children, ...props }, ref) => {\n    const inheritedSize = useContext(TabsSizeContext);\n    const resolvedSize = size ?? inheritedSize ?? 'small';\n\n    return (\n      <TabsPrimitive.Tab\n        ref={ref}\n        data-slot=\"tabs-trigger\"\n        data-size={resolvedSize}\n        disabled={disabled}\n        className={cn(tabsTriggerVariants({ size: resolvedSize }), className)}\n        {...props}\n      >\n        {children}\n        {badge == null ? null : (\n          <Badge\n            variant=\"decorative-1\"\n            className={cn(\n              'h-4 min-w-4 rounded-sm px-0.5 text-xs leading-3.5 tracking-tighter gap-0',\n              disabled &&\n                'bg-base-background-disabled text-base-foreground-disabled border-transparent'\n            )}\n          >\n            {badge}\n          </Badge>\n        )}\n      </TabsPrimitive.Tab>\n    );\n  }\n);\nTabsTrigger.displayName = 'TabsTrigger';\n\nconst TabsLabel: ForwardRefExoticComponent<\n  ComponentProps<'span'> & RefAttributes<HTMLSpanElement>\n> = forwardRef<ComponentRef<'span'>, TabsLabelProps>(\n  ({ className, children, title, ...props }, ref) => {\n    const resolvedTitle = resolveTabLabelTitle(title, children);\n\n    return (\n      <span\n        ref={ref}\n        data-slot=\"tabs-label\"\n        className={cn('block min-w-0 truncate text-left', className)}\n        title={resolvedTitle}\n        {...props}\n      >\n        {children}\n      </span>\n    );\n  }\n);\nTabsLabel.displayName = 'TabsLabel';\n\ntype TabsPanelProps = TabsPrimitive.Panel.Props;\n\nconst TabsPanel: ForwardRefExoticComponent<\n  Omit<TabsPanelProps, 'ref'> & RefAttributes<HTMLDivElement>\n> = forwardRef<ComponentRef<typeof TabsPrimitive.Panel>, TabsPanelProps>(\n  ({ className, ...props }, ref) => {\n    return (\n      <TabsPrimitive.Panel\n        ref={ref}\n        data-slot=\"tabs-panel\"\n        className={cn('outline-none', className)}\n        {...props}\n      />\n    );\n  }\n);\nTabsPanel.displayName = 'TabsPanel';\n\nexport {\n  Tabs,\n  TabsLabel,\n  TabsList,\n  TabsPanel,\n  TabsTrigger,\n  tabsListVariants,\n  tabsTriggerVariants,\n};\n"],"names":["createContext","forwardRef","useContext","Tabs","TabsPrimitive","cva","cn","focusRing","Badge","resolveTabLabelTitle","tabsListVariants","variants","orientation","horizontal","vertical","size","small","default","fullWidth","true","false","compoundVariants","className","defaultVariants","tabsTriggerVariants","stateTone","props","ref","Root","data-slot","displayName","TabsSizeContext","undefined","tabsIndicatorMotionClasses","tabsIndicatorHorizontalClasses","tabsIndicatorVerticalClasses","TabsIndicator","Indicator","TabsListSeparator","div","aria-hidden","TabsList","showSeparator","children","resolvedSize","resolvedOrientation","List","data-size","data-orientation","data-full-width","data-separator","Provider","value","TabsTrigger","badge","disabled","inheritedSize","Tab","variant","TabsLabel","title","resolvedTitle","span","TabsPanel","Panel"],"mappings":"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"}

package/dist/components/ui/core/tabs/tabs.utils.d.ts

@@ -1,2 +1,2 @@
-import { ReactNode } from 'react';
+import type { ReactNode } from "react";
 export declare function resolveTabLabelTitle(title: string | undefined, children: ReactNode): string | undefined;

package/dist/components/ui/core/tabs/tabs.utils.js

@@ -1,7 +1,11 @@
-//#region libs/aura/src/components/ui/core/tabs/tabs.utils.ts
-function e(e, t) {
-	if (e != null) return e;
-	if (typeof t == "string" || typeof t == "number") return String(t);
+export function resolveTabLabelTitle(title, children) {
+    if (title != null) {
+        return title;
+    }
+    if (typeof children === 'string' || typeof children === 'number') {
+        return String(children);
+    }
+    return undefined;
 }
-//#endregion
-export { e as resolveTabLabelTitle };
+
+//# sourceMappingURL=tabs.utils.js.map

package/dist/components/ui/core/tabs/tabs.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/tabs/tabs.utils.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport function resolveTabLabelTitle(\n  title: string | undefined,\n  children: ReactNode\n): string | undefined {\n  if (title != null) {\n    return title;\n  }\n\n  if (typeof children === 'string' || typeof children === 'number') {\n    return String(children);\n  }\n\n  return undefined;\n}\n"],"names":["resolveTabLabelTitle","title","children","String","undefined"],"mappings":"AAEA,OAAO,SAASA,qBACdC,KAAyB,EACzBC,QAAmB;IAEnB,IAAID,SAAS,MAAM;QACjB,OAAOA;IACT;IAEA,IAAI,OAAOC,aAAa,YAAY,OAAOA,aAAa,UAAU;QAChE,OAAOC,OAAOD;IAChB;IAEA,OAAOE;AACT"}

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

@@ -1,3 +1,3 @@
-import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
-declare const Textarea: ForwardRefExoticComponent<ComponentProps<'textarea'> & RefAttributes<HTMLTextAreaElement>>;
+import { type ForwardRefExoticComponent, type RefAttributes, type ComponentProps } from "react";
+declare const Textarea: ForwardRefExoticComponent<ComponentProps<"textarea"> & RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

package/dist/components/ui/core/textarea/textarea.js

@@ -1,13 +1,13 @@
-import { cn as e, disabledState as t, filledState as n, focusState as r, formElementBase as i, hoverState as a, invalidState as o } from "../../../../lib/utils.js";
-import { forwardRef as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-//#region libs/aura/src/components/ui/core/textarea/textarea.tsx
-var l = s(({ className: s, ...l }, u) => /* @__PURE__ */ c("textarea", {
-	ref: u,
-	"data-slot": "textarea",
-	className: e("flex field-sizing-content h-auto min-h-20 w-full transition-[color,background-color,border-color,box-shadow] resize-none", i, a, n, r, o, t, s),
-	...l
-}));
-l.displayName = "Textarea";
-//#endregion
-export { l as Textarea };
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn, disabledState, filledState, focusState, formElementBase, hoverState, invalidState, readOnlyState } from "../../../../lib/utils.js";
+const Textarea = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ _jsx("textarea", {
+        ref: ref,
+        "data-slot": "textarea",
+        className: cn('flex field-sizing-content h-auto min-h-20 w-full transition-[color,background-color,border-color,box-shadow] resize-none', formElementBase, hoverState, filledState, focusState, invalidState, disabledState, readOnlyState, className),
+        ...props
+    }));
+Textarea.displayName = 'Textarea';
+export { Textarea };
+
+//# sourceMappingURL=textarea.js.map

package/dist/components/ui/core/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/textarea/textarea.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ComponentProps,\n  type ComponentRef,\n  forwardRef,\n} from 'react';\n\nimport {\n  cn,\n  disabledState,\n  filledState,\n  focusState,\n  formElementBase,\n  hoverState,\n  invalidState,\n  readOnlyState,\n} from '../../../../lib/utils';\n\nconst Textarea: ForwardRefExoticComponent<\n  ComponentProps<'textarea'> & RefAttributes<HTMLTextAreaElement>\n> = forwardRef<ComponentRef<'textarea'>, ComponentProps<'textarea'>>(\n  ({ className, ...props }, ref) => (\n    <textarea\n      ref={ref}\n      data-slot=\"textarea\"\n      className={cn(\n        'flex field-sizing-content h-auto min-h-20 w-full transition-[color,background-color,border-color,box-shadow] resize-none',\n        formElementBase,\n        hoverState,\n        filledState,\n        focusState,\n        invalidState,\n        disabledState,\n        readOnlyState,\n        className\n      )}\n      {...props}\n    />\n  )\n);\nTextarea.displayName = 'Textarea';\n\nexport { Textarea };\n"],"names":["forwardRef","cn","disabledState","filledState","focusState","formElementBase","hoverState","invalidState","readOnlyState","Textarea","className","props","ref","textarea","data-slot","displayName"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SACEC,EAAE,EACFC,aAAa,EACbC,WAAW,EACXC,UAAU,EACVC,eAAe,EACfC,UAAU,EACVC,YAAY,EACZC,aAAa,QACR,2BAAwB;AAE/B,MAAMC,yBAEFT,WACF,CAAC,EAAEU,SAAS,EAAE,GAAGC,OAAO,EAAEC,oBACxB,KAACC;QACCD,KAAKA;QACLE,aAAU;QACVJ,WAAWT,GACT,4HACAI,iBACAC,YACAH,aACAC,YACAG,cACAL,eACAM,eACAE;QAED,GAAGC,KAAK;;AAIfF,SAASM,WAAW,GAAG;AAEvB,SAASN,QAAQ,GAAG"}

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

@@ -1,15 +1,15 @@
-import { ComponentRef, ForwardRefExoticComponent, ReactNode, RefAttributes } from 'react';
-import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
-import { ClassProp } from 'class-variance-authority/types';
+import { type ComponentRef, type ForwardRefExoticComponent, type ReactNode, type RefAttributes } from "react";
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import type { ClassProp } from "class-variance-authority/types";
 type ToggleVariantProps = {
-    variant?: 'default' | 'outline';
-    size?: 'default' | 'sm' | 'lg';
+	variant?: "default" | "outline";
+	size?: "default" | "sm" | "lg";
 };
 declare const toggleVariants: (props?: (ToggleVariantProps & ClassProp) | undefined) => string;
 type ToggleProps = TogglePrimitive.Props & ToggleVariantProps & {
-    icon?: ReactNode;
-    label?: ReactNode;
-    count?: number | string;
+	icon?: ReactNode;
+	label?: ReactNode;
+	count?: number | string;
 };
-declare const Toggle: ForwardRefExoticComponent<Omit<ToggleProps, 'ref'> & RefAttributes<ComponentRef<typeof TogglePrimitive>>>;
+declare const Toggle: ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & RefAttributes<ComponentRef<typeof TogglePrimitive>>>;
 export { Toggle, toggleVariants };

package/dist/components/ui/core/toggle/toggle.js

@@ -1,55 +1,61 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { forwardRef as t } from "react";
-import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
-import { cva as a } from "class-variance-authority";
-import { Toggle as o } from "@base-ui/react/toggle";
-//#region libs/aura/src/components/ui/core/toggle/toggle.tsx
-var s = a("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium text-muted-foreground hover:bg-accent-background hover:text-foreground disabled:pointer-events-none disabled:text-disabled-foreground aria-pressed:bg-active-muted-background aria-pressed:text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring-muted focus-visible:ring outline-none transition-[color,box-shadow] aria-invalid:ring-destructive-background/20 dark:aria-invalid:ring-destructive-background/40 aria-invalid:border-destructive-background whitespace-nowrap", {
-	variants: {
-		variant: {
-			default: "bg-transparent",
-			outline: "border border-muted-background bg-transparent shadow-xs hover:bg-accent-background hover:text-foreground"
-		},
-		size: {
-			default: "h-9 px-2 min-w-9",
-			sm: "h-7 px-1.5 min-w-7",
-			lg: "h-8 px-2.5 min-w-8"
-		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "default"
-	}
-}), c = (t, n) => {
-	if (t == null || t === "") return null;
-	let i = String(t);
-	return /* @__PURE__ */ r("span", {
-		"data-slot": "toggle-count",
-		className: e("inline-flex h-4 min-w-4 items-center justify-center rounded-sm px-0.5 text-xs font-medium leading-3.5 tracking-tightest", n ? "bg-disabled-background text-disabled-foreground" : "bg-decorative-background-mountain text-decorative-foreground-mountain"),
-		children: i
-	});
-}, l = t(({ className: t, variant: a, size: l, icon: u, label: d, count: f, children: p, disabled: m, ...h }, g) => {
-	let _ = u !== void 0 || d !== void 0 || f !== void 0;
-	return /* @__PURE__ */ r(o, {
-		ref: g,
-		"data-slot": "toggle",
-		disabled: m,
-		className: e(s({
-			variant: a,
-			size: l,
-			className: t
-		})),
-		...h,
-		children: p ?? (_ && /* @__PURE__ */ i(n, { children: [
-			u,
-			d && /* @__PURE__ */ r("span", {
-				"data-slot": "toggle-label",
-				children: d
-			}),
-			c(f, m)
-		] }))
-	});
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Toggle as TogglePrimitive } from "@base-ui/react/toggle";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../../lib/utils.js";
+const toggleVariants = cva("group inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium text-medium-foreground hover:bg-base-background-hover disabled:pointer-events-none disabled:text-base-foreground-disabled disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled aria-pressed:border aria-pressed:border-emphasized aria-pressed:bg-secondary-background aria-pressed:text-secondary-foreground aria-pressed:[&_svg:not([class*='text-'])]:text-secondary-foreground disabled:aria-pressed:border disabled:aria-pressed:border-default disabled:aria-pressed:bg-base-background-disabled disabled:aria-pressed:text-base-foreground-disabled disabled:aria-pressed:[&_svg:not([class*='text-'])]:text-base-foreground-disabled [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring-muted focus-visible:ring outline-none transition-[color,box-shadow] aria-invalid:ring-destructive-background/20 dark:aria-invalid:ring-destructive-background/40 aria-invalid:border-destructive-background whitespace-nowrap", {
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            outline: 'border border-emphasized bg-transparent shadow-xs hover:bg-base-background-hover hover:text-base-foreground'
+        },
+        size: {
+            default: 'h-9 px-2 min-w-9',
+            sm: 'h-7 px-1.5 min-w-7',
+            lg: 'h-8 px-2.5 min-w-8'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default'
+    }
 });
-l.displayName = "Toggle";
-//#endregion
-export { l as Toggle, s as toggleVariants };
+const renderCountBadge = (count, disabled)=>{
+    if (count === undefined || count === null || count === '') {
+        return null;
+    }
+    const countValue = String(count);
+    return /*#__PURE__*/ _jsx("span", {
+        "data-slot": "toggle-count",
+        className: cn('inline-flex h-4 min-w-4 items-center justify-center rounded-sm px-0.5 text-xs font-medium leading-3.5 tracking-tightest', disabled ? 'bg-base-background-disabled text-base-foreground-disabled' : 'bg-medium-background text-medium-foreground'),
+        children: countValue
+    });
+};
+const Toggle = /*#__PURE__*/ forwardRef(({ className, variant, size, icon, label, count, children, disabled, ...props }, ref)=>{
+    const hasComposedContent = icon !== undefined || label !== undefined || count !== undefined;
+    return /*#__PURE__*/ _jsx(TogglePrimitive, {
+        ref: ref,
+        "data-slot": "toggle",
+        disabled: disabled,
+        className: cn(toggleVariants({
+            variant,
+            size,
+            className
+        })),
+        ...props,
+        children: children ?? (hasComposedContent && /*#__PURE__*/ _jsxs(_Fragment, {
+            children: [
+                icon,
+                label && /*#__PURE__*/ _jsx("span", {
+                    "data-slot": "toggle-label",
+                    children: label
+                }),
+                renderCountBadge(count, disabled)
+            ]
+        }))
+    });
+});
+Toggle.displayName = 'Toggle';
+export { Toggle, toggleVariants };
+
+//# sourceMappingURL=toggle.js.map

package/dist/components/ui/core/toggle/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/toggle/toggle.tsx"],"sourcesContent":["import {\n  type ComponentRef,\n  type ForwardRefExoticComponent,\n  type ReactNode,\n  type RefAttributes,\n  forwardRef,\n} from 'react';\n\nimport { Toggle as TogglePrimitive } from '@base-ui/react/toggle';\nimport { cva } from 'class-variance-authority';\nimport type { ClassProp } from 'class-variance-authority/types';\n\nimport { cn } from '../../../../lib/utils';\n\ntype ToggleVariantProps = {\n  variant?: 'default' | 'outline';\n  size?: 'default' | 'sm' | 'lg';\n};\n\nconst toggleVariants: (\n  props?: (ToggleVariantProps & ClassProp) | undefined\n) => string = cva(\n  \"group inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium text-medium-foreground hover:bg-base-background-hover disabled:pointer-events-none disabled:text-base-foreground-disabled disabled:[&_svg:not([class*='text-'])]:text-base-foreground-disabled aria-pressed:border aria-pressed:border-emphasized aria-pressed:bg-secondary-background aria-pressed:text-secondary-foreground aria-pressed:[&_svg:not([class*='text-'])]:text-secondary-foreground disabled:aria-pressed:border disabled:aria-pressed:border-default disabled:aria-pressed:bg-base-background-disabled disabled:aria-pressed:text-base-foreground-disabled disabled:aria-pressed:[&_svg:not([class*='text-'])]:text-base-foreground-disabled [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring-muted focus-visible:ring outline-none transition-[color,box-shadow] aria-invalid:ring-destructive-background/20 dark:aria-invalid:ring-destructive-background/40 aria-invalid:border-destructive-background whitespace-nowrap\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline:\n          'border border-emphasized bg-transparent shadow-xs hover:bg-base-background-hover hover:text-base-foreground',\n      },\n      size: {\n        default: 'h-9 px-2 min-w-9',\n        sm: 'h-7 px-1.5 min-w-7',\n        lg: 'h-8 px-2.5 min-w-8',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  }\n);\n\ntype ToggleProps = TogglePrimitive.Props &\n  ToggleVariantProps & {\n    icon?: ReactNode;\n    label?: ReactNode;\n    count?: number | string;\n  };\n\nconst renderCountBadge = (\n  count: ToggleProps['count'],\n  disabled: boolean | undefined\n): ReactNode => {\n  if (count === undefined || count === null || count === '') {\n    return null;\n  }\n\n  const countValue = String(count);\n\n  return (\n    <span\n      data-slot=\"toggle-count\"\n      className={cn(\n        'inline-flex h-4 min-w-4 items-center justify-center rounded-sm px-0.5 text-xs font-medium leading-3.5 tracking-tightest',\n        disabled\n          ? 'bg-base-background-disabled text-base-foreground-disabled'\n          : 'bg-medium-background text-medium-foreground'\n      )}\n    >\n      {countValue}\n    </span>\n  );\n};\n\nconst Toggle: ForwardRefExoticComponent<\n  Omit<ToggleProps, 'ref'> & RefAttributes<ComponentRef<typeof TogglePrimitive>>\n> = forwardRef<ComponentRef<typeof TogglePrimitive>, ToggleProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      icon,\n      label,\n      count,\n      children,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const hasComposedContent =\n      icon !== undefined || label !== undefined || count !== undefined;\n\n    return (\n      <TogglePrimitive\n        ref={ref}\n        data-slot=\"toggle\"\n        disabled={disabled}\n        className={cn(toggleVariants({ variant, size, className }))}\n        {...props}\n      >\n        {children ??\n          (hasComposedContent && (\n            <>\n              {icon}\n              {label && <span data-slot=\"toggle-label\">{label}</span>}\n              {renderCountBadge(count, disabled)}\n            </>\n          ))}\n      </TogglePrimitive>\n    );\n  }\n);\n\nToggle.displayName = 'Toggle';\n\nexport { Toggle, toggleVariants };\n"],"names":["forwardRef","Toggle","TogglePrimitive","cva","cn","toggleVariants","variants","variant","default","outline","size","sm","lg","defaultVariants","renderCountBadge","count","disabled","undefined","countValue","String","span","data-slot","className","icon","label","children","props","ref","hasComposedContent","displayName"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAEf,SAASC,UAAUC,eAAe,QAAQ,wBAAwB;AAClE,SAASC,GAAG,QAAQ,2BAA2B;AAG/C,SAASC,EAAE,QAAQ,2BAAwB;AAO3C,MAAMC,iBAEQF,IACZ,qjCACA;IACEG,UAAU;QACRC,SAAS;YACPC,SAAS;YACTC,SACE;QACJ;QACAC,MAAM;YACJF,SAAS;YACTG,IAAI;YACJC,IAAI;QACN;IACF;IACAC,iBAAiB;QACfN,SAAS;QACTG,MAAM;IACR;AACF;AAUF,MAAMI,mBAAmB,CACvBC,OACAC;IAEA,IAAID,UAAUE,aAAaF,UAAU,QAAQA,UAAU,IAAI;QACzD,OAAO;IACT;IAEA,MAAMG,aAAaC,OAAOJ;IAE1B,qBACE,KAACK;QACCC,aAAU;QACVC,WAAWlB,GACT,2HACAY,WACI,8DACA;kBAGLE;;AAGP;AAEA,MAAMjB,uBAEFD,WACF,CACE,EACEsB,SAAS,EACTf,OAAO,EACPG,IAAI,EACJa,IAAI,EACJC,KAAK,EACLT,KAAK,EACLU,QAAQ,EACRT,QAAQ,EACR,GAAGU,OACJ,EACDC;IAEA,MAAMC,qBACJL,SAASN,aAAaO,UAAUP,aAAaF,UAAUE;IAEzD,qBACE,KAACf;QACCyB,KAAKA;QACLN,aAAU;QACVL,UAAUA;QACVM,WAAWlB,GAAGC,eAAe;YAAEE;YAASG;YAAMY;QAAU;QACvD,GAAGI,KAAK;kBAERD,YACEG,CAAAA,oCACC;;gBACGL;gBACAC,uBAAS,KAACJ;oBAAKC,aAAU;8BAAgBG;;gBACzCV,iBAAiBC,OAAOC;;UAE7B;;AAGR;AAGFf,OAAO4B,WAAW,GAAG;AAErB,SAAS5B,MAAM,EAAEI,cAAc,GAAG"}