@cognite/aura 0.3.5 → 1.46104.0

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

@@ -1,59 +1,88 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { InlineCitation as t, InlineCitationLink as n } from "../inline-citation/inline-citation.js";
-import { IconChevronDown as r, IconMist as i } from "@tabler/icons-react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Collapsible as s } from "@base-ui/react/collapsible";
-//#region libs/aura/src/components/ui/core/sources/sources.tsx
-var c = ({ className: t, title: n, children: i, collapsible: c = !1, defaultOpen: u = !1, open: d, onOpenChange: f, ...p }) => {
-	let m = n === !1 || n === "false", h = n === void 0 || n === !0 ? /* @__PURE__ */ a(l, {}) : n;
-	return c ? /* @__PURE__ */ a(s.Root, {
-		open: d,
-		defaultOpen: u,
-		onOpenChange: f,
-		children: /* @__PURE__ */ o("div", {
-			"data-slot": "sources",
-			className: e("flex flex-col gap-2 py-2", t),
-			...p,
-			children: [m ? null : /* @__PURE__ */ o(s.Trigger, {
-				"data-slot": "sources-trigger",
-				className: "group/sources-trigger flex w-fit items-center gap-2 outline-none",
-				children: [h, /* @__PURE__ */ a(r, { className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-data-panel-open/sources-trigger:rotate-180" })]
-			}), /* @__PURE__ */ a(s.Panel, {
-				"data-slot": "sources-items",
-				className: "h-(--collapsible-panel-height) overflow-hidden transition-all duration-200 ease-out data-ending-style:h-0 data-starting-style:h-0",
-				children: /* @__PURE__ */ a("div", {
-					className: "flex flex-wrap gap-2 pt-2 [&>*]:min-w-0",
-					children: i
-				})
-			})]
-		})
-	}) : /* @__PURE__ */ o("div", {
-		"data-slot": "sources",
-		className: e("flex flex-col gap-2 py-2", t),
-		...p,
-		children: [m ? null : h, /* @__PURE__ */ a("div", {
-			"data-slot": "sources-items",
-			className: "flex flex-wrap gap-2 [&>*]:min-w-0",
-			children: i
-		})]
-	});
-}, l = ({ className: t, title: n = "Sources", children: r, ...s }) => /* @__PURE__ */ o("div", {
-	"data-slot": "sources-title",
-	className: e("flex items-center gap-2 text-base leading-5 tracking-tighter text-muted-foreground", t),
-	...s,
-	children: [/* @__PURE__ */ a(i, { className: "size-4 shrink-0" }), r ?? /* @__PURE__ */ a("span", { children: n })]
-}), u = ({ href: e, url: r, title: i, variant: o = "mountain", target: s = "_blank", icon: c, className: l, children: u, ...d }) => {
-	let f = e || r;
-	return f ? /* @__PURE__ */ a(t, { children: /* @__PURE__ */ a(n, {
-		"data-slot": "source",
-		href: f,
-		target: s,
-		variant: o,
-		icon: c,
-		className: l,
-		...d,
-		children: u ?? i
-	}) }) : null;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
+import { IconChevronDown, IconMist } from "@tabler/icons-react";
+import { cn } from "../../../../lib/utils.js";
+import { InlineCitation, InlineCitationLink } from "../inline-citation/inline-citation.js";
+const Sources = ({ className, title, children, collapsible = false, defaultOpen = false, open, onOpenChange, ...props })=>{
+    const hideTitle = title === false || title === 'false';
+    const titleNode = title === undefined || title === true ? /*#__PURE__*/ _jsx(SourcesTitle, {}) : title;
+    if (collapsible) {
+        return /*#__PURE__*/ _jsx(CollapsiblePrimitive.Root, {
+            open: open,
+            defaultOpen: defaultOpen,
+            onOpenChange: onOpenChange,
+            children: /*#__PURE__*/ _jsxs("div", {
+                "data-slot": "sources",
+                className: cn('flex flex-col gap-2 py-2', className),
+                ...props,
+                children: [
+                    !hideTitle ? /*#__PURE__*/ _jsxs(CollapsiblePrimitive.Trigger, {
+                        "data-slot": "sources-trigger",
+                        className: "group/sources-trigger flex w-fit items-center gap-2 outline-none",
+                        children: [
+                            titleNode,
+                            /*#__PURE__*/ _jsx(IconChevronDown, {
+                                className: "size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-data-panel-open/sources-trigger:rotate-180"
+                            })
+                        ]
+                    }) : null,
+                    /*#__PURE__*/ _jsx(CollapsiblePrimitive.Panel, {
+                        "data-slot": "sources-items",
+                        className: "h-(--collapsible-panel-height) overflow-hidden transition-all duration-200 ease-out data-ending-style:h-0 data-starting-style:h-0",
+                        children: /*#__PURE__*/ _jsx("div", {
+                            className: "flex flex-wrap gap-2 pt-2 [&>*]:min-w-0",
+                            children: children
+                        })
+                    })
+                ]
+            })
+        });
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        "data-slot": "sources",
+        className: cn('flex flex-col gap-2 py-2', className),
+        ...props,
+        children: [
+            !hideTitle ? titleNode : null,
+            /*#__PURE__*/ _jsx("div", {
+                "data-slot": "sources-items",
+                className: "flex flex-wrap gap-2 [&>*]:min-w-0",
+                children: children
+            })
+        ]
+    });
 };
-//#endregion
-export { u as Source, c as Sources, l as SourcesTitle };
+const SourcesTitle = ({ className, title = 'Sources', children, ...props })=>/*#__PURE__*/ _jsxs("div", {
+        "data-slot": "sources-title",
+        className: cn('flex items-center gap-2 text-base leading-5 tracking-tighter text-muted-foreground', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ _jsx(IconMist, {
+                className: "size-4 shrink-0"
+            }),
+            children ?? /*#__PURE__*/ _jsx("span", {
+                children: title
+            })
+        ]
+    });
+const Source = ({ href, url, title, variant = 'decorative-1', target = '_blank', icon, className, children, ...props })=>{
+    const sourceHref = href || url;
+    if (!sourceHref) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsx(InlineCitation, {
+        children: /*#__PURE__*/ _jsx(InlineCitationLink, {
+            "data-slot": "source",
+            href: sourceHref,
+            target: target,
+            variant: variant,
+            icon: icon,
+            className: className,
+            ...props,
+            children: children ?? title
+        })
+    });
+};
+export { Source, Sources, SourcesTitle };
+
+//# sourceMappingURL=sources.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/sources/sources.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\n\nimport { Collapsible as CollapsiblePrimitive } from '@base-ui/react/collapsible';\nimport { IconChevronDown, IconMist } from '@tabler/icons-react';\n\nimport { cn } from '../../../../lib/utils';\nimport {\n  InlineCitation,\n  InlineCitationLink,\n} from '../inline-citation/inline-citation';\n\ntype SourcesProps = Omit<ComponentProps<'div'>, 'title'> & {\n  title?: ReactNode | boolean;\n  collapsible?: boolean;\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n};\n\nconst Sources = ({\n  className,\n  title,\n  children,\n  collapsible = false,\n  defaultOpen = false,\n  open,\n  onOpenChange,\n  ...props\n}: SourcesProps): ReactNode => {\n  const hideTitle = title === false || title === 'false';\n  const titleNode =\n    title === undefined || title === true ? <SourcesTitle /> : title;\n\n  if (collapsible) {\n    return (\n      <CollapsiblePrimitive.Root\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={onOpenChange}\n      >\n        <div\n          data-slot=\"sources\"\n          className={cn('flex flex-col gap-2 py-2', className)}\n          {...props}\n        >\n          {!hideTitle ? (\n            <CollapsiblePrimitive.Trigger\n              data-slot=\"sources-trigger\"\n              className=\"group/sources-trigger flex w-fit items-center gap-2 outline-none\"\n            >\n              {titleNode}\n              <IconChevronDown className=\"size-4 shrink-0 text-muted-foreground transition-transform duration-200 group-data-panel-open/sources-trigger:rotate-180\" />\n            </CollapsiblePrimitive.Trigger>\n          ) : null}\n          <CollapsiblePrimitive.Panel\n            data-slot=\"sources-items\"\n            className=\"h-(--collapsible-panel-height) overflow-hidden transition-all duration-200 ease-out data-ending-style:h-0 data-starting-style:h-0\"\n          >\n            <div className=\"flex flex-wrap gap-2 pt-2 [&>*]:min-w-0\">\n              {children}\n            </div>\n          </CollapsiblePrimitive.Panel>\n        </div>\n      </CollapsiblePrimitive.Root>\n    );\n  }\n\n  return (\n    <div\n      data-slot=\"sources\"\n      className={cn('flex flex-col gap-2 py-2', className)}\n      {...props}\n    >\n      {!hideTitle ? titleNode : null}\n      <div\n        data-slot=\"sources-items\"\n        className=\"flex flex-wrap gap-2 [&>*]:min-w-0\"\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\ntype SourcesTitleProps = ComponentProps<'div'> & {\n  title?: string;\n};\n\nconst SourcesTitle = ({\n  className,\n  title = 'Sources',\n  children,\n  ...props\n}: SourcesTitleProps): ReactNode => (\n  <div\n    data-slot=\"sources-title\"\n    className={cn(\n      'flex items-center gap-2 text-base leading-5 tracking-tighter text-muted-foreground',\n      className\n    )}\n    {...props}\n  >\n    <IconMist className=\"size-4 shrink-0\" />\n    {children ?? <span>{title}</span>}\n  </div>\n);\n\ntype SourceProps = ComponentProps<typeof InlineCitationLink> & {\n  title?: string;\n  url?: string;\n};\n\nconst Source = ({\n  href,\n  url,\n  title,\n  variant = 'decorative-1',\n  target = '_blank',\n  icon,\n  className,\n  children,\n  ...props\n}: SourceProps): ReactNode => {\n  const sourceHref = href || url;\n\n  if (!sourceHref) {\n    return null;\n  }\n\n  return (\n    <InlineCitation>\n      <InlineCitationLink\n        data-slot=\"source\"\n        href={sourceHref}\n        target={target}\n        variant={variant}\n        icon={icon}\n        className={className}\n        {...props}\n      >\n        {children ?? title}\n      </InlineCitationLink>\n    </InlineCitation>\n  );\n};\n\nexport { Source, Sources, SourcesTitle };\n"],"names":["Collapsible","CollapsiblePrimitive","IconChevronDown","IconMist","cn","InlineCitation","InlineCitationLink","Sources","className","title","children","collapsible","defaultOpen","open","onOpenChange","props","hideTitle","titleNode","undefined","SourcesTitle","Root","div","data-slot","Trigger","Panel","span","Source","href","url","variant","target","icon","sourceHref"],"mappings":";AAEA,SAASA,eAAeC,oBAAoB,QAAQ,6BAA6B;AACjF,SAASC,eAAe,EAAEC,QAAQ,QAAQ,sBAAsB;AAEhE,SAASC,EAAE,QAAQ,2BAAwB;AAC3C,SACEC,cAAc,EACdC,kBAAkB,QACb,wCAAqC;AAU5C,MAAMC,UAAU,CAAC,EACfC,SAAS,EACTC,KAAK,EACLC,QAAQ,EACRC,cAAc,KAAK,EACnBC,cAAc,KAAK,EACnBC,IAAI,EACJC,YAAY,EACZ,GAAGC,OACU;IACb,MAAMC,YAAYP,UAAU,SAASA,UAAU;IAC/C,MAAMQ,YACJR,UAAUS,aAAaT,UAAU,qBAAO,KAACU,oBAAkBV;IAE7D,IAAIE,aAAa;QACf,qBACE,KAACV,qBAAqBmB,IAAI;YACxBP,MAAMA;YACND,aAAaA;YACbE,cAAcA;sBAEd,cAAA,MAACO;gBACCC,aAAU;gBACVd,WAAWJ,GAAG,4BAA4BI;gBACzC,GAAGO,KAAK;;oBAER,CAACC,0BACA,MAACf,qBAAqBsB,OAAO;wBAC3BD,aAAU;wBACVd,WAAU;;4BAETS;0CACD,KAACf;gCAAgBM,WAAU;;;yBAE3B;kCACJ,KAACP,qBAAqBuB,KAAK;wBACzBF,aAAU;wBACVd,WAAU;kCAEV,cAAA,KAACa;4BAAIb,WAAU;sCACZE;;;;;;IAMb;IAEA,qBACE,MAACW;QACCC,aAAU;QACVd,WAAWJ,GAAG,4BAA4BI;QACzC,GAAGO,KAAK;;YAER,CAACC,YAAYC,YAAY;0BAC1B,KAACI;gBACCC,aAAU;gBACVd,WAAU;0BAETE;;;;AAIT;AAMA,MAAMS,eAAe,CAAC,EACpBX,SAAS,EACTC,QAAQ,SAAS,EACjBC,QAAQ,EACR,GAAGK,OACe,iBAClB,MAACM;QACCC,aAAU;QACVd,WAAWJ,GACT,sFACAI;QAED,GAAGO,KAAK;;0BAET,KAACZ;gBAASK,WAAU;;YACnBE,0BAAY,KAACe;0BAAMhB;;;;AASxB,MAAMiB,SAAS,CAAC,EACdC,IAAI,EACJC,GAAG,EACHnB,KAAK,EACLoB,UAAU,cAAc,EACxBC,SAAS,QAAQ,EACjBC,IAAI,EACJvB,SAAS,EACTE,QAAQ,EACR,GAAGK,OACS;IACZ,MAAMiB,aAAaL,QAAQC;IAE3B,IAAI,CAACI,YAAY;QACf,OAAO;IACT;IAEA,qBACE,KAAC3B;kBACC,cAAA,KAACC;YACCgB,aAAU;YACVK,MAAMK;YACNF,QAAQA;YACRD,SAASA;YACTE,MAAMA;YACNvB,WAAWA;YACV,GAAGO,KAAK;sBAERL,YAAYD;;;AAIrB;AAEA,SAASiB,MAAM,EAAEnB,OAAO,EAAEY,YAAY,GAAG"}

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

@@ -1,11 +1,11 @@
-import { ForwardRefExoticComponent, RefAttributes, ComponentRef } from 'react';
-import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
-type SwitchProps = Omit<SwitchPrimitive.Root.Props, 'children'> & {
-    label?: string;
-    textLeft?: boolean;
-    textRight?: boolean;
-    checkedText?: string;
-    uncheckedText?: string;
+import { type ForwardRefExoticComponent, type RefAttributes, type ComponentRef } from "react";
+import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
+type SwitchProps = Omit<SwitchPrimitive.Root.Props, "children"> & {
+	label?: string;
+	textLeft?: boolean;
+	textRight?: boolean;
+	checkedText?: string;
+	uncheckedText?: string;
 };
-declare const Switch: ForwardRefExoticComponent<Omit<SwitchProps, 'ref'> & RefAttributes<ComponentRef<typeof SwitchPrimitive.Root>>>;
+declare const Switch: ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & RefAttributes<ComponentRef<typeof SwitchPrimitive.Root>>>;
 export { Switch };

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

@@ -1,62 +1,84 @@
-import { cn as e } from "../../../../lib/utils.js";
-import { Label as t } from "../label/label.js";
-import { forwardRef as n, useId as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Switch as s } from "@base-ui/react/switch";
-//#region libs/aura/src/components/ui/core/switch/switch.tsx
-var c = n(({ className: n, disabled: c, id: l, "aria-label": u, "aria-labelledby": d, label: f, textLeft: p, textRight: m, checkedText: h = "On", uncheckedText: g = "Off", ..._ }, v) => {
-	let y = r(), b = !!p, x = !!m, S = b || x, C = b && x, w = l ?? (f || S ? y : void 0), T = /* @__PURE__ */ a(s.Root, {
-		ref: v,
-		"data-slot": "switch",
-		id: w,
-		disabled: c,
-		"aria-label": u,
-		"aria-labelledby": d,
-		className: e("peer inline-flex h-5 w-10 shrink-0 cursor-pointer items-center rounded-md p-0.5 transition-colors outline-none", "bg-secondary-background hover:bg-secondary-background-hover", "data-checked:bg-active-background data-checked:hover:bg-active-background-hover", "disabled:bg-disabled-background disabled:cursor-not-allowed", "focus-visible:ring-ring focus-visible:ring-2", n),
-		..._,
-		children: /* @__PURE__ */ a(s.Thumb, {
-			"data-slot": "switch-thumb",
-			className: e("pointer-events-none block size-4 rounded-sm ring-0 transition-transform bg-background shadow-none", "translate-x-0 data-checked:translate-x-5", "data-disabled:bg-secondary-background data-disabled:shadow-none", "data-checked:shadow-sm")
-		})
-	});
-	return !f && !S ? T : /* @__PURE__ */ o("div", {
-		className: "inline-flex items-center gap-3",
-		children: [f ? /* @__PURE__ */ a(t, {
-			htmlFor: w,
-			className: "pb-0",
-			children: f
-		}) : null, /* @__PURE__ */ o("div", {
-			className: "inline-flex items-center gap-1",
-			children: [
-				T,
-				b ? /* @__PURE__ */ a("label", {
-					htmlFor: w,
-					"aria-hidden": "true",
-					className: e("order-first text-sm leading-4.5 tracking-tight cursor-pointer", "peer-disabled:text-disabled-foreground peer-disabled:cursor-not-allowed", C ? "text-foreground font-medium peer-data-checked:text-inactive-foreground peer-data-checked:font-normal" : "text-inactive-foreground"),
-					children: C ? g : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("span", {
-						className: "hidden peer-data-checked:inline",
-						children: h
-					}), /* @__PURE__ */ a("span", {
-						className: "inline peer-data-checked:hidden",
-						children: g
-					})] })
-				}) : null,
-				x ? /* @__PURE__ */ a("label", {
-					htmlFor: w,
-					"aria-hidden": "true",
-					className: e("text-sm leading-4.5 tracking-tight cursor-pointer", "peer-disabled:text-disabled-foreground peer-disabled:cursor-not-allowed", C ? "text-inactive-foreground peer-data-checked:text-foreground peer-data-checked:font-medium" : "text-inactive-foreground"),
-					children: C ? h : /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("span", {
-						className: "hidden peer-data-checked:inline",
-						children: h
-					}), /* @__PURE__ */ a("span", {
-						className: "inline peer-data-checked:hidden",
-						children: g
-					})] })
-				}) : null
-			]
-		})]
-	});
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useId } from "react";
+import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
+import { cn, focusRing } from "../../../../lib/utils.js";
+import { Label } from "../label/label.js";
+const Switch = /*#__PURE__*/ forwardRef(({ className, disabled, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy, label, textLeft, textRight, checkedText = 'On', uncheckedText = 'Off', ...props }, ref)=>{
+    const generatedId = useId();
+    const resolvedTextLeft = Boolean(textLeft);
+    const resolvedTextRight = Boolean(textRight);
+    const showStateText = resolvedTextLeft || resolvedTextRight;
+    const showSplitStateText = resolvedTextLeft && resolvedTextRight;
+    const resolvedId = id ?? (label || showStateText ? generatedId : undefined);
+    const switchNode = /*#__PURE__*/ _jsx(SwitchPrimitive.Root, {
+        ref: ref,
+        "data-slot": "switch",
+        id: resolvedId,
+        disabled: disabled,
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        className: cn('group/switch peer inline-flex h-5 w-10 shrink-0 cursor-pointer items-center rounded-md border border-emphasized p-0.5 transition-colors outline-none', 'bg-base-background hover:bg-base-background-hover', 'data-checked:border-transparent data-checked:bg-primary-background data-checked:hover:bg-primary-background-hover', 'data-disabled:cursor-not-allowed data-disabled:border-transparent data-disabled:bg-base-background-disabled data-disabled:hover:bg-base-background-disabled', 'data-disabled:data-checked:bg-base-background-disabled data-disabled:data-checked:hover:bg-base-background-disabled', focusRing, className),
+        ...props,
+        children: /*#__PURE__*/ _jsx(SwitchPrimitive.Thumb, {
+            "data-slot": "switch-thumb",
+            className: cn('pointer-events-none block size-4 translate-x-0 rounded-sm bg-muted-foreground ring-0 shadow-none transition-[transform,background-color]', 'group-hover/switch:group-not-data-[disabled]/switch:bg-medium-foreground-hover', 'data-checked:translate-x-[19px]', 'group-not-data-[disabled]/switch:data-checked:bg-base-background', 'group-not-data-[disabled]/switch:data-checked:group-hover/switch:bg-base-background', 'group-data-[disabled]/switch:bg-base-foreground-disabled', 'group-data-[disabled]/switch:group-hover/switch:bg-base-foreground-disabled')
+        })
+    });
+    if (!label && !showStateText) {
+        return switchNode;
+    }
+    return /*#__PURE__*/ _jsxs("div", {
+        className: "inline-flex items-center gap-3",
+        children: [
+            label ? /*#__PURE__*/ _jsx(Label, {
+                htmlFor: resolvedId,
+                className: "pb-0",
+                children: label
+            }) : null,
+            /*#__PURE__*/ _jsxs("div", {
+                className: "inline-flex items-center gap-1",
+                children: [
+                    switchNode,
+                    resolvedTextLeft ? /*#__PURE__*/ _jsx("label", {
+                        htmlFor: resolvedId,
+                        "aria-hidden": "true",
+                        className: cn('order-first text-sm leading-4.5 tracking-tight cursor-pointer', 'peer-disabled:text-base-foreground-disabled peer-disabled:cursor-not-allowed', showSplitStateText ? 'text-base-foreground font-medium peer-data-checked:text-muted-foreground peer-data-checked:font-normal' : 'text-muted-foreground'),
+                        children: showSplitStateText ? uncheckedText : /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "hidden peer-data-checked:inline",
+                                    children: checkedText
+                                }),
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "inline peer-data-checked:hidden",
+                                    children: uncheckedText
+                                })
+                            ]
+                        })
+                    }) : null,
+                    resolvedTextRight ? /*#__PURE__*/ _jsx("label", {
+                        htmlFor: resolvedId,
+                        "aria-hidden": "true",
+                        className: cn('text-sm leading-4.5 tracking-tight cursor-pointer', 'peer-disabled:text-base-foreground-disabled peer-disabled:cursor-not-allowed', showSplitStateText ? 'text-muted-foreground peer-data-checked:text-base-foreground peer-data-checked:font-medium' : 'text-muted-foreground'),
+                        children: showSplitStateText ? checkedText : /*#__PURE__*/ _jsxs(_Fragment, {
+                            children: [
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "hidden peer-data-checked:inline",
+                                    children: checkedText
+                                }),
+                                /*#__PURE__*/ _jsx("span", {
+                                    className: "inline peer-data-checked:hidden",
+                                    children: uncheckedText
+                                })
+                            ]
+                        })
+                    }) : null
+                ]
+            })
+        ]
+    });
 });
-c.displayName = "Switch";
-//#endregion
-export { c as Switch };
+Switch.displayName = 'Switch';
+export { Switch };
+
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/switch/switch.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ComponentRef,\n  forwardRef,\n  useId,\n} from 'react';\n\nimport { Switch as SwitchPrimitive } from '@base-ui/react/switch';\n\nimport { cn, focusRing } from '../../../../lib/utils';\nimport { Label } from '../label/label';\n\ntype SwitchProps = Omit<SwitchPrimitive.Root.Props, 'children'> & {\n  label?: string;\n  textLeft?: boolean;\n  textRight?: boolean;\n  checkedText?: string;\n  uncheckedText?: string;\n};\n\nconst Switch: ForwardRefExoticComponent<\n  Omit<SwitchProps, 'ref'> &\n    RefAttributes<ComponentRef<typeof SwitchPrimitive.Root>>\n> = forwardRef<ComponentRef<typeof SwitchPrimitive.Root>, SwitchProps>(\n  (\n    {\n      className,\n      disabled,\n      id,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      label,\n      textLeft,\n      textRight,\n      checkedText = 'On',\n      uncheckedText = 'Off',\n      ...props\n    },\n    ref\n  ) => {\n    const generatedId = useId();\n    const resolvedTextLeft = Boolean(textLeft);\n    const resolvedTextRight = Boolean(textRight);\n    const showStateText = resolvedTextLeft || resolvedTextRight;\n    const showSplitStateText = resolvedTextLeft && resolvedTextRight;\n    const resolvedId = id ?? (label || showStateText ? generatedId : undefined);\n\n    const switchNode = (\n      <SwitchPrimitive.Root\n        ref={ref}\n        data-slot=\"switch\"\n        id={resolvedId}\n        disabled={disabled}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className={cn(\n          'group/switch peer inline-flex h-5 w-10 shrink-0 cursor-pointer items-center rounded-md border border-emphasized p-0.5 transition-colors outline-none',\n          'bg-base-background hover:bg-base-background-hover',\n          'data-checked:border-transparent data-checked:bg-primary-background data-checked:hover:bg-primary-background-hover',\n          'data-disabled:cursor-not-allowed data-disabled:border-transparent data-disabled:bg-base-background-disabled data-disabled:hover:bg-base-background-disabled',\n          'data-disabled:data-checked:bg-base-background-disabled data-disabled:data-checked:hover:bg-base-background-disabled',\n          focusRing,\n          className\n        )}\n        {...props}\n      >\n        <SwitchPrimitive.Thumb\n          data-slot=\"switch-thumb\"\n          className={cn(\n            'pointer-events-none block size-4 translate-x-0 rounded-sm bg-muted-foreground ring-0 shadow-none transition-[transform,background-color]',\n            'group-hover/switch:group-not-data-[disabled]/switch:bg-medium-foreground-hover',\n            'data-checked:translate-x-[19px]',\n            'group-not-data-[disabled]/switch:data-checked:bg-base-background',\n            'group-not-data-[disabled]/switch:data-checked:group-hover/switch:bg-base-background',\n            'group-data-[disabled]/switch:bg-base-foreground-disabled',\n            'group-data-[disabled]/switch:group-hover/switch:bg-base-foreground-disabled'\n          )}\n        />\n      </SwitchPrimitive.Root>\n    );\n\n    if (!label && !showStateText) {\n      return switchNode;\n    }\n\n    return (\n      <div className=\"inline-flex items-center gap-3\">\n        {label ? (\n          <Label htmlFor={resolvedId} className=\"pb-0\">\n            {label}\n          </Label>\n        ) : null}\n        <div className=\"inline-flex items-center gap-1\">\n          {switchNode}\n          {resolvedTextLeft ? (\n            <label\n              htmlFor={resolvedId}\n              aria-hidden=\"true\"\n              className={cn(\n                'order-first text-sm leading-4.5 tracking-tight cursor-pointer',\n                'peer-disabled:text-base-foreground-disabled peer-disabled:cursor-not-allowed',\n                showSplitStateText\n                  ? 'text-base-foreground font-medium peer-data-checked:text-muted-foreground peer-data-checked:font-normal'\n                  : 'text-muted-foreground'\n              )}\n            >\n              {showSplitStateText ? (\n                uncheckedText\n              ) : (\n                <>\n                  <span className=\"hidden peer-data-checked:inline\">\n                    {checkedText}\n                  </span>\n                  <span className=\"inline peer-data-checked:hidden\">\n                    {uncheckedText}\n                  </span>\n                </>\n              )}\n            </label>\n          ) : null}\n          {resolvedTextRight ? (\n            <label\n              htmlFor={resolvedId}\n              aria-hidden=\"true\"\n              className={cn(\n                'text-sm leading-4.5 tracking-tight cursor-pointer',\n                'peer-disabled:text-base-foreground-disabled peer-disabled:cursor-not-allowed',\n                showSplitStateText\n                  ? 'text-muted-foreground peer-data-checked:text-base-foreground peer-data-checked:font-medium'\n                  : 'text-muted-foreground'\n              )}\n            >\n              {showSplitStateText ? (\n                checkedText\n              ) : (\n                <>\n                  <span className=\"hidden peer-data-checked:inline\">\n                    {checkedText}\n                  </span>\n                  <span className=\"inline peer-data-checked:hidden\">\n                    {uncheckedText}\n                  </span>\n                </>\n              )}\n            </label>\n          ) : null}\n        </div>\n      </div>\n    );\n  }\n);\nSwitch.displayName = 'Switch';\n\nexport { Switch };\n"],"names":["forwardRef","useId","Switch","SwitchPrimitive","cn","focusRing","Label","className","disabled","id","ariaLabel","ariaLabelledBy","label","textLeft","textRight","checkedText","uncheckedText","props","ref","generatedId","resolvedTextLeft","Boolean","resolvedTextRight","showStateText","showSplitStateText","resolvedId","undefined","switchNode","Root","data-slot","aria-label","aria-labelledby","Thumb","div","htmlFor","aria-hidden","span","displayName"],"mappings":";AAAA,SAIEA,UAAU,EACVC,KAAK,QACA,QAAQ;AAEf,SAASC,UAAUC,eAAe,QAAQ,wBAAwB;AAElE,SAASC,EAAE,EAAEC,SAAS,QAAQ,2BAAwB;AACtD,SAASC,KAAK,QAAQ,oBAAiB;AAUvC,MAAMJ,uBAGFF,WACF,CACE,EACEO,SAAS,EACTC,QAAQ,EACRC,EAAE,EACF,cAAcC,SAAS,EACvB,mBAAmBC,cAAc,EACjCC,KAAK,EACLC,QAAQ,EACRC,SAAS,EACTC,cAAc,IAAI,EAClBC,gBAAgB,KAAK,EACrB,GAAGC,OACJ,EACDC;IAEA,MAAMC,cAAclB;IACpB,MAAMmB,mBAAmBC,QAAQR;IACjC,MAAMS,oBAAoBD,QAAQP;IAClC,MAAMS,gBAAgBH,oBAAoBE;IAC1C,MAAME,qBAAqBJ,oBAAoBE;IAC/C,MAAMG,aAAahB,MAAOG,CAAAA,SAASW,gBAAgBJ,cAAcO,SAAQ;IAEzE,MAAMC,2BACJ,KAACxB,gBAAgByB,IAAI;QACnBV,KAAKA;QACLW,aAAU;QACVpB,IAAIgB;QACJjB,UAAUA;QACVsB,cAAYpB;QACZqB,mBAAiBpB;QACjBJ,WAAWH,GACT,wJACA,qDACA,qHACA,+JACA,uHACAC,WACAE;QAED,GAAGU,KAAK;kBAET,cAAA,KAACd,gBAAgB6B,KAAK;YACpBH,aAAU;YACVtB,WAAWH,GACT,4IACA,kFACA,mCACA,oEACA,uFACA,4DACA;;;IAMR,IAAI,CAACQ,SAAS,CAACW,eAAe;QAC5B,OAAOI;IACT;IAEA,qBACE,MAACM;QAAI1B,WAAU;;YACZK,sBACC,KAACN;gBAAM4B,SAAST;gBAAYlB,WAAU;0BACnCK;iBAED;0BACJ,MAACqB;gBAAI1B,WAAU;;oBACZoB;oBACAP,iCACC,KAACR;wBACCsB,SAAST;wBACTU,eAAY;wBACZ5B,WAAWH,GACT,iEACA,gFACAoB,qBACI,2GACA;kCAGLA,qBACCR,8BAEA;;8CACE,KAACoB;oCAAK7B,WAAU;8CACbQ;;8CAEH,KAACqB;oCAAK7B,WAAU;8CACbS;;;;yBAKP;oBACHM,kCACC,KAACV;wBACCsB,SAAST;wBACTU,eAAY;wBACZ5B,WAAWH,GACT,qDACA,gFACAoB,qBACI,+FACA;kCAGLA,qBACCT,4BAEA;;8CACE,KAACqB;oCAAK7B,WAAU;8CACbQ;;8CAEH,KAACqB;oCAAK7B,WAAU;8CACbS;;;;yBAKP;;;;;AAIZ;AAEFd,OAAOmC,WAAW,GAAG;AAErB,SAASnC,MAAM,GAAG"}

package/dist/components/ui/core/switch/switch.metadata.d.ts

@@ -1,2 +1,2 @@
-import { ComponentMeta } from '../../../../lib/types';
+import type { ComponentMeta } from "../../../../lib/types";
 export declare const SwitchMetadata: ComponentMeta;

package/dist/components/ui/core/switch/switch.metadata.js

@@ -0,0 +1,8 @@
+export const SwitchMetadata = {
+    name: 'Switch',
+    status: 'draft',
+    description: 'A toggle switch component built on Base UI Switch.',
+    llmUsage: 'Use `<Switch checked={checked} onCheckedChange={setChecked}>` for boolean toggles, and optionally pass `label` with `textLeft` and/or `textRight` to render Figma-style switch state text on either or both sides.'
+};
+
+//# sourceMappingURL=switch.metadata.js.map

package/dist/components/ui/core/switch/switch.metadata.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/switch/switch.metadata.ts"],"sourcesContent":["import type { ComponentMeta } from '../../../../lib/types';\n\nexport const SwitchMetadata: ComponentMeta = {\n  name: 'Switch',\n  status: 'draft',\n  description: 'A toggle switch component built on Base UI Switch.',\n  llmUsage:\n    'Use `<Switch checked={checked} onCheckedChange={setChecked}>` for boolean toggles, and optionally pass `label` with `textLeft` and/or `textRight` to render Figma-style switch state text on either or both sides.',\n};\n"],"names":["SwitchMetadata","name","status","description","llmUsage"],"mappings":"AAEA,OAAO,MAAMA,iBAAgC;IAC3CC,MAAM;IACNC,QAAQ;IACRC,aAAa;IACbC,UACE;AACJ,EAAE"}

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

@@ -1,27 +1,29 @@
-import { ForwardRefExoticComponent, RefAttributes, ComponentProps, ReactNode } from 'react';
-import { TabsRootProps, Tabs as TabsPrimitive } from '@base-ui/react/tabs';
-import { VariantProps } from 'class-variance-authority';
-import { ClassProp } from 'class-variance-authority/types';
+import { type ForwardRefExoticComponent, type RefAttributes, type ComponentProps, type ReactNode } from "react";
+import type { TabsRootProps } from "@base-ui/react/tabs";
+import { Tabs as TabsPrimitive } from "@base-ui/react/tabs";
+import { type VariantProps } from "class-variance-authority";
+import type { ClassProp } from "class-variance-authority/types";
 interface TabsListVariantProps {
-    orientation?: 'horizontal' | 'vertical' | null;
-    size?: 'small' | 'default' | null;
-    fullWidth?: boolean | null;
+	orientation?: "horizontal" | "vertical" | null;
+	size?: "small" | "default" | null;
+	fullWidth?: boolean | null;
 }
 declare const tabsListVariants: (props?: (TabsListVariantProps & ClassProp) | undefined) => string;
 interface TabsTriggerVariantProps {
-    size?: 'small' | 'default' | null;
-    fullWidth?: boolean | null;
-    stateTone?: 'default' | null;
+	size?: "small" | "default" | null;
+	stateTone?: "default" | null;
 }
 declare const tabsTriggerVariants: (props?: (TabsTriggerVariantProps & ClassProp) | undefined) => string;
-declare const Tabs: ForwardRefExoticComponent<Omit<TabsRootProps, 'ref'> & RefAttributes<HTMLDivElement>>;
-type TabsListProps = TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>;
-declare const TabsList: ForwardRefExoticComponent<Omit<TabsListProps, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const Tabs: ForwardRefExoticComponent<Omit<TabsRootProps, "ref"> & RefAttributes<HTMLDivElement>>;
+type TabsListProps = TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants> & {
+	showSeparator?: boolean;
+};
+declare const TabsList: ForwardRefExoticComponent<Omit<TabsListProps, "ref"> & RefAttributes<HTMLDivElement>>;
 type TabsTriggerProps = TabsPrimitive.Tab.Props & VariantProps<typeof tabsTriggerVariants> & {
-    badge?: ReactNode;
+	badge?: ReactNode;
 };
-declare const TabsTrigger: ForwardRefExoticComponent<Omit<TabsTriggerProps, 'ref'> & RefAttributes<HTMLElement>>;
-declare const TabsLabel: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
+declare const TabsTrigger: ForwardRefExoticComponent<Omit<TabsTriggerProps, "ref"> & RefAttributes<HTMLElement>>;
+declare const TabsLabel: ForwardRefExoticComponent<ComponentProps<"span"> & RefAttributes<HTMLSpanElement>>;
 type TabsPanelProps = TabsPrimitive.Panel.Props;
-declare const TabsPanel: ForwardRefExoticComponent<Omit<TabsPanelProps, 'ref'> & RefAttributes<HTMLDivElement>>;
-export { Tabs, TabsLabel, TabsList, TabsPanel, TabsTrigger, tabsListVariants, tabsTriggerVariants, };
+declare const TabsPanel: ForwardRefExoticComponent<Omit<TabsPanelProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsLabel, TabsList, TabsPanel, TabsTrigger, tabsListVariants, tabsTriggerVariants };