ixia-ui-react 1.7.0 → 2.0.0

package/dist/tabs-DTC7coap.js

@@ -0,0 +1,270 @@
+import { t as cn } from "./cn-BDi0DfT5.js";
+import { t as trimTextChildren } from "./trim-text-children-CQRFg2fL.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tabs } from "@base-ui/react/tabs";
+// src/components/tabs/tabs.types.ts
+const tabsVariants = cva("", {
+	compoundVariants: [
+		{
+			class: "[&_[role=presentation]]:bg-brand-default [&_[role=tab]]:data-active:text-brand-on-default [&_[role=tab]]:hover:[&:not([data-active])]:text-brand-default",
+			tone: "brand",
+			variant: "default"
+		},
+		{
+			class: "[&_[role=presentation]]:bg-accent-default [&_[role=tab]]:data-active:text-accent-on-default [&_[role=tab]]:hover:[&:not([data-active])]:text-accent-default",
+			tone: "accent",
+			variant: "default"
+		},
+		{
+			class: "[&_[role=presentation]]:bg-neutral-default [&_[role=tab]]:data-active:text-neutral-on-default [&_[role=tab]]:hover:[&:not([data-active])]:text-neutral-default",
+			tone: "neutral",
+			variant: "default"
+		},
+		{
+			class: "[&_[role=presentation]]:bg-error-default [&_[role=tab]]:data-active:text-error-on-default [&_[role=tab]]:hover:[&:not([data-active])]:text-error-default",
+			tone: "error",
+			variant: "default"
+		},
+		{
+			class: "[&_[role=presentation]]:bg-info-default [&_[role=tab]]:data-active:text-info-on-default [&_[role=tab]]:hover:[&:not([data-active])]:text-info-default",
+			tone: "info",
+			variant: "default"
+		},
+		{
+			class: "[&_[role=presentation]]:bg-success-default [&_[role=tab]]:data-active:text-success-on-default [&_[role=tab]]:hover:[&:not([data-active])]:text-success-default",
+			tone: "success",
+			variant: "default"
+		},
+		{
+			class: "[&_[role=presentation]]:bg-warning-default [&_[role=tab]]:data-active:text-warning-on-default [&_[role=tab]]:hover:[&:not([data-active])]:text-warning-default",
+			tone: "warning",
+			variant: "default"
+		},
+		{
+			class: "[&_[role=presentation]]:border-brand-border [&_[role=presentation]]:bg-brand-container [&_[role=tab]]:data-active:text-brand-on-container [&_[role=tab]]:hover:[&:not([data-active])]:text-brand-default",
+			tone: "brand",
+			variant: "ghost"
+		},
+		{
+			class: "[&_[role=presentation]]:border-accent-border [&_[role=presentation]]:bg-accent-container [&_[role=tab]]:data-active:text-accent-on-container [&_[role=tab]]:hover:[&:not([data-active])]:text-accent-default",
+			tone: "accent",
+			variant: "ghost"
+		},
+		{
+			class: "[&_[role=presentation]]:border-neutral-border [&_[role=presentation]]:bg-neutral-container [&_[role=tab]]:data-active:text-neutral-on-container [&_[role=tab]]:hover:[&:not([data-active])]:text-neutral-default",
+			tone: "neutral",
+			variant: "ghost"
+		},
+		{
+			class: "[&_[role=presentation]]:border-error-border [&_[role=presentation]]:bg-error-container [&_[role=tab]]:data-active:text-error-on-container [&_[role=tab]]:hover:[&:not([data-active])]:text-error-default",
+			tone: "error",
+			variant: "ghost"
+		},
+		{
+			class: "[&_[role=presentation]]:border-info-border [&_[role=presentation]]:bg-info-container [&_[role=tab]]:data-active:text-info-on-container [&_[role=tab]]:hover:[&:not([data-active])]:text-info-default",
+			tone: "info",
+			variant: "ghost"
+		},
+		{
+			class: "[&_[role=presentation]]:border-success-border [&_[role=presentation]]:bg-success-container [&_[role=tab]]:data-active:text-success-on-container [&_[role=tab]]:hover:[&:not([data-active])]:text-success-default",
+			tone: "success",
+			variant: "ghost"
+		},
+		{
+			class: "[&_[role=presentation]]:border-warning-border [&_[role=presentation]]:bg-warning-container [&_[role=tab]]:data-active:text-warning-on-container [&_[role=tab]]:hover:[&:not([data-active])]:text-warning-default",
+			tone: "warning",
+			variant: "ghost"
+		},
+		{
+			class: "[&_[role=presentation]]:bg-brand-default [&_[role=tab]]:data-active:text-brand-default [&_[role=tab]]:hover:[&:not([data-active])]:text-brand-default",
+			tone: "brand",
+			variant: "underline"
+		},
+		{
+			class: "[&_[role=presentation]]:bg-accent-default [&_[role=tab]]:data-active:text-accent-default [&_[role=tab]]:hover:[&:not([data-active])]:text-accent-default",
+			tone: "accent",
+			variant: "underline"
+		},
+		{
+			class: "[&_[role=presentation]]:bg-neutral-default [&_[role=tab]]:data-active:text-neutral-default [&_[role=tab]]:hover:[&:not([data-active])]:text-neutral-default",
+			tone: "neutral",
+			variant: "underline"
+		},
+		{
+			class: "[&_[role=presentation]]:bg-error-default [&_[role=tab]]:data-active:text-error-default [&_[role=tab]]:hover:[&:not([data-active])]:text-error-default",
+			tone: "error",
+			variant: "underline"
+		},
+		{
+			class: "[&_[role=presentation]]:bg-info-default [&_[role=tab]]:data-active:text-info-default [&_[role=tab]]:hover:[&:not([data-active])]:text-info-default",
+			tone: "info",
+			variant: "underline"
+		},
+		{
+			class: "[&_[role=presentation]]:bg-success-default [&_[role=tab]]:data-active:text-success-default [&_[role=tab]]:hover:[&:not([data-active])]:text-success-default",
+			tone: "success",
+			variant: "underline"
+		},
+		{
+			class: "[&_[role=presentation]]:bg-warning-default [&_[role=tab]]:data-active:text-warning-default [&_[role=tab]]:hover:[&:not([data-active])]:text-warning-default",
+			tone: "warning",
+			variant: "underline"
+		},
+		{
+			class: "[&_[role=tablist]]:border-b-[1px]",
+			showBorder: true,
+			variant: "underline"
+		},
+		{
+			class: "[&_[role=presentation]]:rounded-full [&_[role=tab]]:rounded-full [&_[role=tablist]]:rounded-full",
+			size: "small",
+			variant: "default"
+		},
+		{
+			class: "[&_[role=tab]]:h-lg [&_[role=tab]]:px-sm [&_[role=tab]]:style-text-default--1 [&_[role=tablist]]:gap-2xs [&_[role=tablist]]:p-3xs",
+			size: "small",
+			variant: "default"
+		},
+		{
+			class: "[&_[role=presentation]]:rounded-full [&_[role=tab]]:h-xl [&_[role=tab]]:rounded-full [&_[role=tab]]:px-md [&_[role=tab]]:style-text-default-0 [&_[role=tablist]]:gap-xs [&_[role=tablist]]:rounded-full [&_[role=tablist]]:p-2xs",
+			size: "medium",
+			variant: "default"
+		},
+		{
+			class: "[&_[role=presentation]]:rounded-full [&_[role=tab]]:h-2xl [&_[role=tab]]:rounded-full [&_[role=tab]]:px-lg [&_[role=tab]]:style-text-default-1 [&_[role=tablist]]:gap-sm [&_[role=tablist]]:rounded-full [&_[role=tablist]]:p-xs",
+			size: "large",
+			variant: "default"
+		},
+		{
+			class: "[&_[role=presentation]]:rounded-full [&_[role=tab]]:h-lg [&_[role=tab]]:px-sm [&_[role=tab]]:style-text-default--1 [&_[role=tablist]]:gap-2xs [&_[role=tablist]]:rounded-full [&_[role=tablist]]:p-3xs",
+			size: "small",
+			variant: "ghost"
+		},
+		{
+			class: "[&_[role=presentation]]:rounded-full [&_[role=tab]]:h-xl [&_[role=tab]]:px-md [&_[role=tab]]:style-text-default-0 [&_[role=tablist]]:gap-xs [&_[role=tablist]]:rounded-full [&_[role=tablist]]:p-2xs",
+			size: "medium",
+			variant: "ghost"
+		},
+		{
+			class: "[&_[role=presentation]]:rounded-full [&_[role=tab]]:h-2xl [&_[role=tab]]:px-lg [&_[role=tab]]:style-text-default-1 [&_[role=tablist]]:gap-sm [&_[role=tablist]]:rounded-full [&_[role=tablist]]:p-xs",
+			size: "large",
+			variant: "ghost"
+		},
+		{
+			class: "[&_[role=tab]]:px-lg [&_[role=tab]]:style-text-default--1 [&_[role=tablist]]:h-xl [&_[role=tablist]]:gap-md **:[[role=presentation]]:h-px",
+			size: "small",
+			variant: "underline"
+		},
+		{
+			class: "[&_[role=tab]]:px-xl [&_[role=tab]]:style-text-default-0 [&_[role=tablist]]:h-2xl [&_[role=tablist]]:gap-lg **:[[role=presentation]]:-bottom-px **:[[role=presentation]]:h-px",
+			size: "medium",
+			variant: "underline"
+		},
+		{
+			class: "[&_[role=tab]]:px-2xl [&_[role=tab]]:style-text-default-1 [&_[role=tablist]]:h-3xl [&_[role=tablist]]:gap-xl **:[[role=presentation]]:h-px",
+			size: "large",
+			variant: "underline"
+		},
+		{
+			class: "[&_[role=tablist]]:w-fit",
+			fill: false,
+			variant: ["default", "ghost"]
+		},
+		{
+			class: "[&_[role=tablist]]:w-full",
+			fill: false,
+			variant: "underline"
+		}
+	],
+	defaultVariants: {
+		fill: false,
+		showBorder: true,
+		size: "medium",
+		tone: "brand",
+		variant: "default"
+	},
+	variants: {
+		fill: {
+			false: "",
+			true: "[&_[role=tab]]:grow [&_[role=tablist]]:w-full"
+		},
+		showBorder: {
+			false: "",
+			true: ""
+		},
+		size: {
+			large: "",
+			medium: "",
+			small: ""
+		},
+		tone: {
+			accent: "",
+			brand: "",
+			error: "",
+			info: "",
+			neutral: "",
+			success: "",
+			warning: ""
+		},
+		variant: {
+			default: "space-y-xs [&_[role=presentation]]:top-1/2 [&_[role=tablist]]:bg-surface-low",
+			ghost: "space-y-2xs [&_[role=presentation]]:top-1/2 [&_[role=presentation]]:border",
+			underline: "space-y-xs [&_[role=tablist]]:border-border"
+		}
+	}
+});
+// src/components/tabs/tabs.tsx
+function Tabs$2({ variant, size, tone, fill, showBorder, className, ref, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Root, {
+		className: cn(tabsVariants({
+			fill,
+			showBorder,
+			size,
+			tone,
+			variant
+		}), className),
+		ref,
+		...props
+	});
+}
+// src/components/tabs/tabs-indicator.tsx
+function TabsIndicator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Indicator, {
+		className: cn("absolute left-[0px] z-[-1] h-(--active-tab-height) w-(--active-tab-width) translate-x-(--active-tab-left) -translate-y-1/2 transition-all duration-300", className),
+		...props
+	});
+}
+// src/components/tabs/tabs-list.tsx
+function TabsList({ children, className, ...props }) {
+	return /* @__PURE__ */ jsxs(Tabs.List, {
+		className: cn("relative z-0 flex", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(TabsIndicator, {})]
+	});
+}
+// src/components/tabs/tabs-panel.tsx
+function TabsPanel({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Panel, {
+		className: cn("relative flex grow items-center justify-start overflow-auto p-3xs", className),
+		...props
+	});
+}
+// src/components/tabs/tabs-tab.tsx
+function TabsTab({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Tab, {
+		className: cn("inline-flex items-center justify-center gap-xs text-center break-keep whitespace-nowrap text-on-surface transition-colors duration-300 outline-none select-none hover:cursor-pointer focus-visible:relative focus-visible:before:absolute focus-visible:before:outline", className),
+		...props,
+		children: trimTextChildren(children)
+	});
+}
+// src/components/tabs/index.ts
+const Tabs$1 = Object.assign(Tabs$2, {
+	Indicator: TabsIndicator,
+	List: TabsList,
+	Panel: TabsPanel,
+	Tab: TabsTab
+});
+export { TabsIndicator as a, TabsList as i, TabsTab as n, Tabs$2 as o, TabsPanel as r, Tabs$1 as t };
+
+//# sourceMappingURL=tabs-DTC7coap.js.map

package/dist/tabs-DTC7coap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-DTC7coap.js","names":["Tabs","SwitchTabs","SwitchTabs","SwitchTabs","SwitchTabs","SwitchTabs","Tabs","TabsRoot"],"sources":["../src/components/tabs/tabs.types.ts","../src/components/tabs/tabs.tsx","../src/components/tabs/tabs-indicator.tsx","../src/components/tabs/tabs-list.tsx","../src/components/tabs/tabs-panel.tsx","../src/components/tabs/tabs-tab.tsx","../src/components/tabs/index.ts"],"sourcesContent":["import type { Tabs as BaseTabs } from '@base-ui/react/tabs'\nimport { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\nimport type { ComponentProps } from 'react'\nimport type React from 'react'\n\ntype TabsPanelProps = ComponentProps<typeof BaseTabs.Panel>\ntype TabsTabProps = ComponentProps<typeof BaseTabs.Tab>\ntype TabsIndicatorProps = ComponentProps<typeof BaseTabs.Indicator>\ntype TabsListProps = ComponentProps<typeof BaseTabs.List>\n\nconst tabsVariants = cva('', {\n  compoundVariants: [\n    {\n      class:\n        '[&_[role=presentation]]:bg-brand-default [&_[role=tab]]:data-active:text-brand-on-default [&_[role=tab]]:hover:[&:not([data-active])]:text-brand-default',\n      tone: 'brand',\n      variant: 'default',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:bg-accent-default [&_[role=tab]]:data-active:text-accent-on-default [&_[role=tab]]:hover:[&:not([data-active])]:text-accent-default',\n      tone: 'accent',\n      variant: 'default',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:bg-neutral-default [&_[role=tab]]:data-active:text-neutral-on-default [&_[role=tab]]:hover:[&:not([data-active])]:text-neutral-default',\n      tone: 'neutral',\n      variant: 'default',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:bg-error-default [&_[role=tab]]:data-active:text-error-on-default [&_[role=tab]]:hover:[&:not([data-active])]:text-error-default',\n      tone: 'error',\n      variant: 'default',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:bg-info-default [&_[role=tab]]:data-active:text-info-on-default [&_[role=tab]]:hover:[&:not([data-active])]:text-info-default',\n      tone: 'info',\n      variant: 'default',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:bg-success-default [&_[role=tab]]:data-active:text-success-on-default [&_[role=tab]]:hover:[&:not([data-active])]:text-success-default',\n      tone: 'success',\n      variant: 'default',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:bg-warning-default [&_[role=tab]]:data-active:text-warning-on-default [&_[role=tab]]:hover:[&:not([data-active])]:text-warning-default',\n      tone: 'warning',\n      variant: 'default',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:border-brand-border [&_[role=presentation]]:bg-brand-container [&_[role=tab]]:data-active:text-brand-on-container [&_[role=tab]]:hover:[&:not([data-active])]:text-brand-default',\n      tone: 'brand',\n      variant: 'ghost',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:border-accent-border [&_[role=presentation]]:bg-accent-container [&_[role=tab]]:data-active:text-accent-on-container [&_[role=tab]]:hover:[&:not([data-active])]:text-accent-default',\n      tone: 'accent',\n      variant: 'ghost',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:border-neutral-border [&_[role=presentation]]:bg-neutral-container [&_[role=tab]]:data-active:text-neutral-on-container [&_[role=tab]]:hover:[&:not([data-active])]:text-neutral-default',\n      tone: 'neutral',\n      variant: 'ghost',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:border-error-border [&_[role=presentation]]:bg-error-container [&_[role=tab]]:data-active:text-error-on-container [&_[role=tab]]:hover:[&:not([data-active])]:text-error-default',\n      tone: 'error',\n      variant: 'ghost',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:border-info-border [&_[role=presentation]]:bg-info-container [&_[role=tab]]:data-active:text-info-on-container [&_[role=tab]]:hover:[&:not([data-active])]:text-info-default',\n      tone: 'info',\n      variant: 'ghost',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:border-success-border [&_[role=presentation]]:bg-success-container [&_[role=tab]]:data-active:text-success-on-container [&_[role=tab]]:hover:[&:not([data-active])]:text-success-default',\n      tone: 'success',\n      variant: 'ghost',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:border-warning-border [&_[role=presentation]]:bg-warning-container [&_[role=tab]]:data-active:text-warning-on-container [&_[role=tab]]:hover:[&:not([data-active])]:text-warning-default',\n      tone: 'warning',\n      variant: 'ghost',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:bg-brand-default [&_[role=tab]]:data-active:text-brand-default [&_[role=tab]]:hover:[&:not([data-active])]:text-brand-default',\n      tone: 'brand',\n      variant: 'underline',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:bg-accent-default [&_[role=tab]]:data-active:text-accent-default [&_[role=tab]]:hover:[&:not([data-active])]:text-accent-default',\n      tone: 'accent',\n      variant: 'underline',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:bg-neutral-default [&_[role=tab]]:data-active:text-neutral-default [&_[role=tab]]:hover:[&:not([data-active])]:text-neutral-default',\n      tone: 'neutral',\n      variant: 'underline',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:bg-error-default [&_[role=tab]]:data-active:text-error-default [&_[role=tab]]:hover:[&:not([data-active])]:text-error-default',\n      tone: 'error',\n      variant: 'underline',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:bg-info-default [&_[role=tab]]:data-active:text-info-default [&_[role=tab]]:hover:[&:not([data-active])]:text-info-default',\n      tone: 'info',\n      variant: 'underline',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:bg-success-default [&_[role=tab]]:data-active:text-success-default [&_[role=tab]]:hover:[&:not([data-active])]:text-success-default',\n      tone: 'success',\n      variant: 'underline',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:bg-warning-default [&_[role=tab]]:data-active:text-warning-default [&_[role=tab]]:hover:[&:not([data-active])]:text-warning-default',\n      tone: 'warning',\n      variant: 'underline',\n    },\n    {\n      class: '[&_[role=tablist]]:border-b-[1px]',\n      showBorder: true,\n      variant: 'underline',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:rounded-full [&_[role=tab]]:rounded-full [&_[role=tablist]]:rounded-full',\n      size: 'small',\n      variant: 'default',\n    },\n    {\n      class:\n        '[&_[role=tab]]:h-lg [&_[role=tab]]:px-sm [&_[role=tab]]:style-text-default--1 [&_[role=tablist]]:gap-2xs [&_[role=tablist]]:p-3xs',\n      size: 'small',\n      variant: 'default',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:rounded-full [&_[role=tab]]:h-xl [&_[role=tab]]:rounded-full [&_[role=tab]]:px-md [&_[role=tab]]:style-text-default-0 [&_[role=tablist]]:gap-xs [&_[role=tablist]]:rounded-full [&_[role=tablist]]:p-2xs',\n      size: 'medium',\n      variant: 'default',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:rounded-full [&_[role=tab]]:h-2xl [&_[role=tab]]:rounded-full [&_[role=tab]]:px-lg [&_[role=tab]]:style-text-default-1 [&_[role=tablist]]:gap-sm [&_[role=tablist]]:rounded-full [&_[role=tablist]]:p-xs',\n      size: 'large',\n      variant: 'default',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:rounded-full [&_[role=tab]]:h-lg [&_[role=tab]]:px-sm [&_[role=tab]]:style-text-default--1 [&_[role=tablist]]:gap-2xs [&_[role=tablist]]:rounded-full [&_[role=tablist]]:p-3xs',\n      size: 'small',\n      variant: 'ghost',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:rounded-full [&_[role=tab]]:h-xl [&_[role=tab]]:px-md [&_[role=tab]]:style-text-default-0 [&_[role=tablist]]:gap-xs [&_[role=tablist]]:rounded-full [&_[role=tablist]]:p-2xs',\n      size: 'medium',\n      variant: 'ghost',\n    },\n    {\n      class:\n        '[&_[role=presentation]]:rounded-full [&_[role=tab]]:h-2xl [&_[role=tab]]:px-lg [&_[role=tab]]:style-text-default-1 [&_[role=tablist]]:gap-sm [&_[role=tablist]]:rounded-full [&_[role=tablist]]:p-xs',\n      size: 'large',\n      variant: 'ghost',\n    },\n    {\n      class:\n        '[&_[role=tab]]:px-lg [&_[role=tab]]:style-text-default--1 [&_[role=tablist]]:h-xl [&_[role=tablist]]:gap-md **:[[role=presentation]]:h-px',\n      size: 'small',\n      variant: 'underline',\n    },\n    {\n      class:\n        '[&_[role=tab]]:px-xl [&_[role=tab]]:style-text-default-0 [&_[role=tablist]]:h-2xl [&_[role=tablist]]:gap-lg **:[[role=presentation]]:-bottom-px **:[[role=presentation]]:h-px',\n      size: 'medium',\n      variant: 'underline',\n    },\n    {\n      class:\n        '[&_[role=tab]]:px-2xl [&_[role=tab]]:style-text-default-1 [&_[role=tablist]]:h-3xl [&_[role=tablist]]:gap-xl **:[[role=presentation]]:h-px',\n      size: 'large',\n      variant: 'underline',\n    },\n    {\n      class: '[&_[role=tablist]]:w-fit',\n      fill: false,\n      variant: ['default', 'ghost'],\n    },\n    {\n      class: '[&_[role=tablist]]:w-full',\n      fill: false,\n      variant: 'underline',\n    },\n  ],\n  defaultVariants: {\n    fill: false,\n    showBorder: true,\n    size: 'medium',\n    tone: 'brand',\n    variant: 'default',\n  },\n  variants: {\n    fill: {\n      false: '',\n      true: '[&_[role=tab]]:grow [&_[role=tablist]]:w-full',\n    },\n    showBorder: {\n      false: '',\n      true: '',\n    },\n    size: {\n      large: '',\n      medium: '',\n      small: '',\n    },\n    tone: {\n      accent: '',\n      brand: '',\n      error: '',\n      info: '',\n      neutral: '',\n      success: '',\n      warning: '',\n    },\n    variant: {\n      default: 'space-y-xs [&_[role=presentation]]:top-1/2 [&_[role=tablist]]:bg-surface-low',\n      ghost: 'space-y-2xs [&_[role=presentation]]:top-1/2 [&_[role=presentation]]:border',\n      underline: 'space-y-xs [&_[role=tablist]]:border-border',\n    },\n  },\n})\n\ntype TabsProps = React.ComponentProps<typeof BaseTabs.Root> & VariantProps<typeof tabsVariants>\ntype TabsTabValue = TabsTabProps['value']\n\nexport type {\n  TabsProps,\n  TabsTabValue,\n  TabsPanelProps,\n  TabsTabProps,\n  TabsIndicatorProps,\n  TabsListProps,\n}\nexport { tabsVariants }\n","import { Tabs as SwitchTabs } from '@base-ui/react/tabs'\n\nimport { cn } from '@/utils/cn'\n\nimport type { TabsProps } from '.'\nimport { tabsVariants } from './tabs.types'\n\nexport function Tabs({\n  variant,\n  size,\n  tone,\n  fill,\n  showBorder,\n  className,\n  ref,\n  ...props\n}: TabsProps) {\n  return (\n    <SwitchTabs.Root\n      className={cn(tabsVariants({ fill, showBorder, size, tone, variant }), className)}\n      ref={ref}\n      {...props}\n    />\n  )\n}\n","import { Tabs as SwitchTabs } from '@base-ui/react/tabs'\n\nimport { cn } from '@/utils/cn'\n\nimport type { TabsIndicatorProps } from './tabs.types'\n\nexport function TabsIndicator({ className, ...props }: TabsIndicatorProps) {\n  return (\n    <SwitchTabs.Indicator\n      className={cn(\n        'absolute left-[0px] z-[-1] h-(--active-tab-height) w-(--active-tab-width) translate-x-(--active-tab-left) -translate-y-1/2 transition-all duration-300',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n","import { Tabs as SwitchTabs } from '@base-ui/react/tabs'\n\nimport { cn } from '@/utils/cn'\n\nimport { TabsIndicator } from './tabs-indicator'\nimport type { TabsListProps } from './tabs.types'\n\nexport function TabsList({ children, className, ...props }: TabsListProps) {\n  return (\n    <SwitchTabs.List className={cn('relative z-0 flex', className)} {...props}>\n      {children}\n      <TabsIndicator />\n    </SwitchTabs.List>\n  )\n}\n","import { Tabs as SwitchTabs } from '@base-ui/react/tabs'\n\nimport { cn } from '@/utils/cn'\n\nimport type { TabsPanelProps } from './tabs.types'\n\nexport function TabsPanel({ className, ...props }: TabsPanelProps) {\n  return (\n    <SwitchTabs.Panel\n      className={cn('relative flex grow items-center justify-start overflow-auto p-3xs', className)}\n      {...props}\n    />\n  )\n}\n","import { Tabs as SwitchTabs } from '@base-ui/react/tabs'\n\nimport { cn } from '@/utils/cn'\nimport { trimTextChildren } from '@/utils/trim-text-children'\n\nimport type { TabsTabProps } from './tabs.types'\n\nexport function TabsTab({ className, children, ...props }: TabsTabProps) {\n  return (\n    <SwitchTabs.Tab\n      className={cn(\n        'inline-flex items-center justify-center gap-xs text-center break-keep whitespace-nowrap text-on-surface transition-colors duration-300 outline-none select-none hover:cursor-pointer focus-visible:relative focus-visible:before:absolute focus-visible:before:outline',\n        className,\n      )}\n      {...props}\n    >\n      {trimTextChildren(children)}\n    </SwitchTabs.Tab>\n  )\n}\n","import { Tabs as TabsRoot } from './tabs'\nimport { TabsIndicator } from './tabs-indicator'\nimport { TabsList } from './tabs-list'\nimport { TabsPanel } from './tabs-panel'\nimport { TabsTab } from './tabs-tab'\n\nconst Tabs = Object.assign(TabsRoot, {\n  Indicator: TabsIndicator,\n  List: TabsList,\n  Panel: TabsPanel,\n  Tab: TabsTab,\n})\n\nexport type {\n  TabsIndicatorProps,\n  TabsListProps,\n  TabsPanelProps,\n  TabsProps,\n  TabsTabProps,\n  TabsTabValue,\n} from './tabs.types'\nexport { TabsIndicator } from './tabs-indicator'\nexport { TabsList } from './tabs-list'\nexport { TabsPanel } from './tabs-panel'\nexport { TabsTab } from './tabs-tab'\n\nexport { Tabs }\n"],"mappings":";;;;;;AAWA,MAAM,eAAe,IAAI,IAAI;CAC3B,kBAAkB;EAChB;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OAAO;GACP,YAAY;GACZ,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OACE;GACF,MAAM;GACN,SAAS;EACX;EACA;GACE,OAAO;GACP,MAAM;GACN,SAAS,CAAC,WAAW,OAAO;EAC9B;EACA;GACE,OAAO;GACP,MAAM;GACN,SAAS;EACX;CACF;CACA,iBAAiB;EACf,MAAM;EACN,YAAY;EACZ,MAAM;EACN,MAAM;EACN,SAAS;CACX;CACA,UAAU;EACR,MAAM;GACJ,OAAO;GACP,MAAM;EACR;EACA,YAAY;GACV,OAAO;GACP,MAAM;EACR;EACA,MAAM;GACJ,OAAO;GACP,QAAQ;GACR,OAAO;EACT;EACA,MAAM;GACJ,QAAQ;GACR,OAAO;GACP,OAAO;GACP,MAAM;GACN,SAAS;GACT,SAAS;GACT,SAAS;EACX;EACA,SAAS;GACP,SAAS;GACT,OAAO;GACP,WAAW;EACb;CACF;AACF,CAAC;;ACpPD,SAAgBA,OAAK,EACnB,SACA,MACA,MACA,MACA,YACA,WACA,KACA,GAAG,SACS;CACZ,OACE,oBAACC,KAAW,MAAZ;EACE,WAAW,GAAG,aAAa;GAAE;GAAM;GAAY;GAAM;GAAM;EAAQ,CAAC,GAAG,SAAS;EAC3E;EACL,GAAI;CACL,CAAA;AAEL;;AClBA,SAAgB,cAAc,EAAE,WAAW,GAAG,SAA6B;CACzE,OACE,oBAACC,KAAW,WAAZ;EACE,WAAW,GACT,0JACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;;ACTA,SAAgB,SAAS,EAAE,UAAU,WAAW,GAAG,SAAwB;CACzE,OACE,qBAACC,KAAW,MAAZ;EAAiB,WAAW,GAAG,qBAAqB,SAAS;EAAG,GAAI;EAApE,UAAA,CACG,UACD,oBAAC,eAAD,CAAgB,CAAA,CACD;;AAErB;;ACRA,SAAgB,UAAU,EAAE,WAAW,GAAG,SAAyB;CACjE,OACE,oBAACC,KAAW,OAAZ;EACE,WAAW,GAAG,qEAAqE,SAAS;EAC5F,GAAI;CACL,CAAA;AAEL;;ACNA,SAAgB,QAAQ,EAAE,WAAW,UAAU,GAAG,SAAuB;CACvE,OACE,oBAACC,KAAW,KAAZ;EACE,WAAW,GACT,0QACA,SACF;EACA,GAAI;EAEH,UAAA,iBAAiB,QAAQ;CACZ,CAAA;AAEpB;;ACbA,MAAMC,SAAO,OAAO,OAAOC,QAAU;CACnC,WAAW;CACX,MAAM;CACN,OAAO;CACP,KAAK;AACP,CAAC"}

package/dist/text-area/index.d.ts

@@ -0,0 +1,2 @@
+import { n as TextAreaProps, t as TextArea } from "../index-BzTOLSgZ.js";
+export { TextArea, type TextAreaProps };

package/dist/text-area/index.js

@@ -0,0 +1 @@
+export { t as TextArea } from "../text-area-H6HjKnv_.js";

package/dist/text-area-H6HjKnv_.js

@@ -0,0 +1,50 @@
+import { t as cn } from "./cn-BDi0DfT5.js";
+import { cva } from "class-variance-authority";
+import { jsx, jsxs } from "react/jsx-runtime";
+import React from "react";
+// src/components/text-area/text-area.types.ts
+const textAreaVariants = cva("relative flex resize flex-col overflow-hidden rounded-xl outline outline-transparent transition-[outline] hover:not-focus-within:outline-border-strong data-[disabled=true]:cursor-not-allowed", {
+	defaultVariants: { variant: "primary" },
+	variants: { variant: {
+		ghost: "bg-transparent",
+		outline: "border border-border",
+		primary: "bg-surface shadow-2xs",
+		secondary: "bg-neutral-container"
+	} }
+});
+// src/components/text-area/text-area.tsx
+function getValue(isControlled, value, internalValue) {
+	if (!isControlled) return internalValue;
+	if (value === void 0 || value === null) return "";
+	return String(value);
+}
+function TextArea({ variant, className, ref, ...props }) {
+	const isControlled = props.value !== void 0, [internalValue, setInternalValue] = React.useState(String(props.defaultValue ?? "")), value = getValue(isControlled, props.value, internalValue), { maxLength } = props, hasMaxLength = typeof maxLength === "number", isMaxLengthExceeded = hasMaxLength && value.length >= maxLength, handleChange = (event) => {
+		if (!isControlled) setInternalValue(event.target.value);
+		props.onChange?.(event);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(textAreaVariants({
+			className,
+			variant
+		}), isMaxLengthExceeded && "outline-error-border-strong", !isMaxLengthExceeded && "focus-within:outline-brand-border-strong"),
+		"data-disabled": props.disabled || void 0,
+		children: [/* @__PURE__ */ jsx("textarea", {
+			className: "grow resize-none px-sm py-xs style-text-prose-0 outline-none focus-within:caret-brand-border-strong disabled:cursor-not-allowed disabled:opacity-50",
+			ref,
+			...props,
+			onChange: handleChange,
+			value
+		}), hasMaxLength && /* @__PURE__ */ jsxs("span", {
+			className: cn("w-full px-xs py-2xs text-right style-text-default--1 text-on-surface-variant", isMaxLengthExceeded && "text-error-default"),
+			children: [
+				value.length,
+				" / ",
+				maxLength
+			]
+		})]
+	});
+}
+export { TextArea as t };
+
+//# sourceMappingURL=text-area-H6HjKnv_.js.map

package/dist/text-area-H6HjKnv_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area-H6HjKnv_.js","names":[],"sources":["../src/components/text-area/text-area.types.ts","../src/components/text-area/text-area.tsx"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport type { VariantProps } from 'class-variance-authority'\n\nexport const textAreaVariants = cva(\n  'relative flex resize flex-col overflow-hidden rounded-xl outline outline-transparent transition-[outline] hover:not-focus-within:outline-border-strong data-[disabled=true]:cursor-not-allowed',\n  {\n    defaultVariants: {\n      variant: 'primary',\n    },\n    variants: {\n      variant: {\n        ghost: 'bg-transparent',\n        outline: 'border border-border',\n        primary: 'bg-surface shadow-2xs',\n        secondary: 'bg-neutral-container',\n      },\n    },\n  },\n)\n\nexport type TextAreaProps = React.ComponentProps<'textarea'> & VariantProps<typeof textAreaVariants>\n","import React from 'react'\n\nimport { cn } from '@/utils/cn'\n\nimport { textAreaVariants } from './text-area.types'\nimport type { TextAreaProps } from './text-area.types'\n\nfunction getValue(\n  isControlled: boolean,\n  value: TextAreaProps['value'],\n  internalValue: string,\n): string {\n  if (!isControlled) {\n    return internalValue\n  }\n  if (value === undefined || value === null) {\n    return ''\n  }\n  return String(value)\n}\n\nexport function TextArea({ variant, className, ref, ...props }: TextAreaProps) {\n  const isControlled = props.value !== undefined,\n    [internalValue, setInternalValue] = React.useState(String(props.defaultValue ?? '')),\n    value = getValue(isControlled, props.value, internalValue),\n    { maxLength } = props,\n    hasMaxLength = typeof maxLength === 'number',\n    isMaxLengthExceeded = hasMaxLength && value.length >= maxLength,\n    handleChange = (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) {\n        setInternalValue(event.target.value)\n      }\n\n      props.onChange?.(event)\n    }\n\n  return (\n    <div\n      className={cn(\n        textAreaVariants({ className, variant }),\n        isMaxLengthExceeded && 'outline-error-border-strong',\n        !isMaxLengthExceeded && 'focus-within:outline-brand-border-strong',\n      )}\n      data-disabled={props.disabled || undefined}\n    >\n      <textarea\n        className=\"grow resize-none px-sm py-xs style-text-prose-0 outline-none focus-within:caret-brand-border-strong disabled:cursor-not-allowed disabled:opacity-50\"\n        ref={ref}\n        {...props}\n        onChange={handleChange}\n        value={value}\n      />\n      {hasMaxLength && (\n        <span\n          className={cn(\n            'w-full px-xs py-2xs text-right style-text-default--1 text-on-surface-variant',\n            isMaxLengthExceeded && 'text-error-default',\n          )}\n        >\n          {value.length} / {maxLength}\n        </span>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;AAGA,MAAa,mBAAmB,IAC9B,kMACA;CACE,iBAAiB,EACf,SAAS,UACX;CACA,UAAU,EACR,SAAS;EACP,OAAO;EACP,SAAS;EACT,SAAS;EACT,WAAW;CACb,EACF;AACF,CACF;;ACXA,SAAS,SACP,cACA,OACA,eACQ;CACR,IAAI,CAAC,cACH,OAAO;CAET,IAAI,UAAU,KAAA,KAAa,UAAU,MACnC,OAAO;CAET,OAAO,OAAO,KAAK;AACrB;AAEA,SAAgB,SAAS,EAAE,SAAS,WAAW,KAAK,GAAG,SAAwB;CAC7E,MAAM,eAAe,MAAM,UAAU,KAAA,GACnC,CAAC,eAAe,oBAAoB,MAAM,SAAS,OAAO,MAAM,gBAAgB,EAAE,CAAC,GACnF,QAAQ,SAAS,cAAc,MAAM,OAAO,aAAa,GACzD,EAAE,cAAc,OAChB,eAAe,OAAO,cAAc,UACpC,sBAAsB,gBAAgB,MAAM,UAAU,WACtD,gBAAgB,UAAkD;EAChE,IAAI,CAAC,cACH,iBAAiB,MAAM,OAAO,KAAK;EAGrC,MAAM,WAAW,KAAK;CACxB;CAEF,OACE,qBAAC,OAAD;EACE,WAAW,GACT,iBAAiB;GAAE;GAAW;EAAQ,CAAC,GACvC,uBAAuB,+BACvB,CAAC,uBAAuB,0CAC1B;EACA,iBAAe,MAAM,YAAY,KAAA;EANnC,UAAA,CAQE,oBAAC,YAAD;GACE,WAAU;GACL;GACL,GAAI;GACJ,UAAU;GACH;EACR,CAAA,GACA,gBACC,qBAAC,QAAD;GACE,WAAW,GACT,gFACA,uBAAuB,oBACzB;GAJF,UAAA;IAMG,MAAM;IAAO;IAAI;GACd;EAEL,CAAA,CAAA;;AAET"}

package/dist/themes/hogarth.css

@@ -4,7 +4,6 @@
   /* Yellow is a lifted ladder: light mode needs 800 for text-safe fills. */
   --ixia-brand-default: light-dark(var(--yellow-800), var(--yellow-500));
   --ixia-brand-muted: light-dark(var(--yellow-900), var(--yellow-400));
-  --ixia-brand-subtle: light-dark(var(--yellow-100), var(--yellow-950));
   --ixia-brand-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-brand-container: light-dark(var(--yellow-100), var(--yellow-950));
   --ixia-brand-container-low: light-dark(var(--white), var(--neutral-950));
@@ -24,7 +23,6 @@
   --ixia-brand-gradient-subtle: linear-gradient(135deg, #eeb40029, #f9dc841f, #ffd2d914);
   --ixia-accent-default: light-dark(var(--rose-600), var(--rose-400));
   --ixia-accent-muted: light-dark(var(--rose-700), var(--rose-300));
-  --ixia-accent-subtle: light-dark(var(--rose-100), var(--rose-950));
   --ixia-accent-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-accent-container: light-dark(var(--rose-100), var(--rose-950));
   --ixia-accent-container-low: light-dark(var(--white), var(--neutral-950));
@@ -39,7 +37,6 @@
   --color-surface-focus-ring: var(--ixia-surface-focus-ring);
   --color-brand-default: var(--ixia-brand-default);
   --color-brand-muted: var(--ixia-brand-muted);
-  --color-brand-subtle: var(--ixia-brand-subtle);
   --color-brand-on-default: var(--ixia-brand-on-default);
   --color-brand-container: var(--ixia-brand-container);
   --color-brand-container-low: var(--ixia-brand-container-low);
@@ -51,7 +48,6 @@
   --color-brand-shadow: var(--ixia-brand-shadow);
   --color-accent-default: var(--ixia-accent-default);
   --color-accent-muted: var(--ixia-accent-muted);
-  --color-accent-subtle: var(--ixia-accent-subtle);
   --color-accent-on-default: var(--ixia-accent-on-default);
   --color-accent-container: var(--ixia-accent-container);
   --color-accent-container-low: var(--ixia-accent-container-low);

package/dist/themes/mabel.css

@@ -3,7 +3,6 @@
 [data-brand='mabel'] {
   --ixia-brand-default: light-dark(var(--rose-600), var(--rose-400));
   --ixia-brand-muted: light-dark(var(--rose-700), var(--rose-300));
-  --ixia-brand-subtle: light-dark(var(--rose-100), var(--rose-950));
   --ixia-brand-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-brand-container: light-dark(var(--rose-100), var(--rose-950));
   --ixia-brand-container-low: light-dark(var(--white), var(--neutral-950));
@@ -23,7 +22,6 @@
   --ixia-brand-gradient-subtle: linear-gradient(135deg, #e4518129, #ff96af1f, #ffcfec14);
   --ixia-accent-default: light-dark(var(--teal-600), var(--teal-400));
   --ixia-accent-muted: light-dark(var(--teal-700), var(--teal-300));
-  --ixia-accent-subtle: light-dark(var(--teal-100), var(--teal-950));
   --ixia-accent-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-accent-container: light-dark(var(--teal-100), var(--teal-950));
   --ixia-accent-container-low: light-dark(var(--white), var(--neutral-950));
@@ -38,7 +36,6 @@
   --color-surface-focus-ring: var(--ixia-surface-focus-ring);
   --color-brand-default: var(--ixia-brand-default);
   --color-brand-muted: var(--ixia-brand-muted);
-  --color-brand-subtle: var(--ixia-brand-subtle);
   --color-brand-on-default: var(--ixia-brand-on-default);
   --color-brand-container: var(--ixia-brand-container);
   --color-brand-container-low: var(--ixia-brand-container-low);
@@ -50,7 +47,6 @@
   --color-brand-shadow: var(--ixia-brand-shadow);
   --color-accent-default: var(--ixia-accent-default);
   --color-accent-muted: var(--ixia-accent-muted);
-  --color-accent-subtle: var(--ixia-accent-subtle);
   --color-accent-on-default: var(--ixia-accent-on-default);
   --color-accent-container: var(--ixia-accent-container);
   --color-accent-container-low: var(--ixia-accent-container-low);

package/dist/themes/maculata.css

@@ -3,7 +3,6 @@
 [data-brand='maculata'] {
   --ixia-brand-default: light-dark(var(--orange-600), var(--orange-400));
   --ixia-brand-muted: light-dark(var(--orange-700), var(--orange-300));
-  --ixia-brand-subtle: light-dark(var(--orange-100), var(--orange-950));
   --ixia-brand-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-brand-container: light-dark(var(--orange-100), var(--orange-950));
   --ixia-brand-container-low: light-dark(var(--white), var(--neutral-950));
@@ -23,7 +22,6 @@
   --ixia-brand-gradient-subtle: linear-gradient(135deg, #df640029, #eeac4a1f, #f9dc8414);
   --ixia-accent-default: light-dark(var(--teal-600), var(--teal-400));
   --ixia-accent-muted: light-dark(var(--teal-700), var(--teal-300));
-  --ixia-accent-subtle: light-dark(var(--teal-100), var(--teal-950));
   --ixia-accent-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-accent-container: light-dark(var(--teal-100), var(--teal-950));
   --ixia-accent-container-low: light-dark(var(--white), var(--neutral-950));
@@ -38,7 +36,6 @@
   --color-surface-focus-ring: var(--ixia-surface-focus-ring);
   --color-brand-default: var(--ixia-brand-default);
   --color-brand-muted: var(--ixia-brand-muted);
-  --color-brand-subtle: var(--ixia-brand-subtle);
   --color-brand-on-default: var(--ixia-brand-on-default);
   --color-brand-container: var(--ixia-brand-container);
   --color-brand-container-low: var(--ixia-brand-container-low);
@@ -50,7 +47,6 @@
   --color-brand-shadow: var(--ixia-brand-shadow);
   --color-accent-default: var(--ixia-accent-default);
   --color-accent-muted: var(--ixia-accent-muted);
-  --color-accent-subtle: var(--ixia-accent-subtle);
   --color-accent-on-default: var(--ixia-accent-on-default);
   --color-accent-container: var(--ixia-accent-container);
   --color-accent-container-low: var(--ixia-accent-container-low);

package/dist/themes/monadelpha.css

@@ -3,7 +3,6 @@
 [data-brand='monadelpha'] {
   --ixia-brand-default: light-dark(var(--indigo-600), var(--indigo-400));
   --ixia-brand-muted: light-dark(var(--indigo-700), var(--indigo-300));
-  --ixia-brand-subtle: light-dark(var(--indigo-100), var(--indigo-950));
   --ixia-brand-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-brand-container: light-dark(var(--indigo-100), var(--indigo-950));
   --ixia-brand-container-low: light-dark(var(--white), var(--neutral-950));
@@ -23,7 +22,6 @@
   --ixia-brand-gradient-subtle: linear-gradient(135deg, #737ef929, #8cd3fd1f, #b2eee314);
   --ixia-accent-default: light-dark(var(--teal-600), var(--teal-400));
   --ixia-accent-muted: light-dark(var(--teal-700), var(--teal-300));
-  --ixia-accent-subtle: light-dark(var(--teal-100), var(--teal-950));
   --ixia-accent-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-accent-container: light-dark(var(--teal-100), var(--teal-950));
   --ixia-accent-container-low: light-dark(var(--white), var(--neutral-950));
@@ -38,7 +36,6 @@
   --color-surface-focus-ring: var(--ixia-surface-focus-ring);
   --color-brand-default: var(--ixia-brand-default);
   --color-brand-muted: var(--ixia-brand-muted);
-  --color-brand-subtle: var(--ixia-brand-subtle);
   --color-brand-on-default: var(--ixia-brand-on-default);
   --color-brand-container: var(--ixia-brand-container);
   --color-brand-container-low: var(--ixia-brand-container-low);
@@ -50,7 +47,6 @@
   --color-brand-shadow: var(--ixia-brand-shadow);
   --color-accent-default: var(--ixia-accent-default);
   --color-accent-muted: var(--ixia-accent-muted);
-  --color-accent-subtle: var(--ixia-accent-subtle);
   --color-accent-on-default: var(--ixia-accent-on-default);
   --color-accent-container: var(--ixia-accent-container);
   --color-accent-container-low: var(--ixia-accent-container-low);

package/dist/themes/venus.css

@@ -3,7 +3,6 @@
 [data-brand='venus'] {
   --ixia-brand-default: light-dark(var(--pink-600), var(--pink-400));
   --ixia-brand-muted: light-dark(var(--pink-700), var(--pink-300));
-  --ixia-brand-subtle: light-dark(var(--pink-100), var(--pink-950));
   --ixia-brand-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-brand-container: light-dark(var(--pink-100), var(--pink-950));
   --ixia-brand-container-low: light-dark(var(--white), var(--neutral-950));
@@ -23,7 +22,6 @@
   --ixia-brand-gradient-subtle: linear-gradient(135deg, #ce5eaf29, #f497d61f, #ffd2d914);
   --ixia-accent-default: light-dark(var(--emerald-600), var(--emerald-400));
   --ixia-accent-muted: light-dark(var(--emerald-700), var(--emerald-300));
-  --ixia-accent-subtle: light-dark(var(--emerald-100), var(--emerald-950));
   --ixia-accent-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-accent-container: light-dark(var(--emerald-100), var(--emerald-950));
   --ixia-accent-container-low: light-dark(var(--white), var(--neutral-950));
@@ -38,7 +36,6 @@
   --color-surface-focus-ring: var(--ixia-surface-focus-ring);
   --color-brand-default: var(--ixia-brand-default);
   --color-brand-muted: var(--ixia-brand-muted);
-  --color-brand-subtle: var(--ixia-brand-subtle);
   --color-brand-on-default: var(--ixia-brand-on-default);
   --color-brand-container: var(--ixia-brand-container);
   --color-brand-container-low: var(--ixia-brand-container-low);
@@ -50,7 +47,6 @@
   --color-brand-shadow: var(--ixia-brand-shadow);
   --color-accent-default: var(--ixia-accent-default);
   --color-accent-muted: var(--ixia-accent-muted);
-  --color-accent-subtle: var(--ixia-accent-subtle);
   --color-accent-on-default: var(--ixia-accent-on-default);
   --color-accent-container: var(--ixia-accent-container);
   --color-accent-container-low: var(--ixia-accent-container-low);

package/dist/themes/viridiflora.css

@@ -3,7 +3,6 @@
 [data-brand='viridiflora'] {
   --ixia-brand-default: light-dark(var(--teal-600), var(--teal-400));
   --ixia-brand-muted: light-dark(var(--teal-700), var(--teal-300));
-  --ixia-brand-subtle: light-dark(var(--teal-100), var(--teal-950));
   --ixia-brand-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-brand-container: light-dark(var(--teal-100), var(--teal-950));
   --ixia-brand-container-low: light-dark(var(--white), var(--neutral-950));
@@ -23,7 +22,6 @@
   --ixia-brand-gradient-subtle: linear-gradient(135deg, #00a49729, #62d0c21f, #b3f0d414);
   --ixia-accent-default: light-dark(var(--orange-600), var(--orange-400));
   --ixia-accent-muted: light-dark(var(--orange-700), var(--orange-300));
-  --ixia-accent-subtle: light-dark(var(--orange-100), var(--orange-950));
   --ixia-accent-on-default: light-dark(var(--white), var(--neutral-950));
   --ixia-accent-container: light-dark(var(--orange-100), var(--orange-950));
   --ixia-accent-container-low: light-dark(var(--white), var(--neutral-950));
@@ -38,7 +36,6 @@
   --color-surface-focus-ring: var(--ixia-surface-focus-ring);
   --color-brand-default: var(--ixia-brand-default);
   --color-brand-muted: var(--ixia-brand-muted);
-  --color-brand-subtle: var(--ixia-brand-subtle);
   --color-brand-on-default: var(--ixia-brand-on-default);
   --color-brand-container: var(--ixia-brand-container);
   --color-brand-container-low: var(--ixia-brand-container-low);
@@ -50,7 +47,6 @@
   --color-brand-shadow: var(--ixia-brand-shadow);
   --color-accent-default: var(--ixia-accent-default);
   --color-accent-muted: var(--ixia-accent-muted);
-  --color-accent-subtle: var(--ixia-accent-subtle);
   --color-accent-on-default: var(--ixia-accent-on-default);
   --color-accent-container: var(--ixia-accent-container);
   --color-accent-container-low: var(--ixia-accent-container-low);

package/dist/toast/index.d.ts

@@ -0,0 +1,65 @@
+import { r as IconComponent } from "../index-Wb_tILYa.js";
+import React$1, { ComponentProps } from "react";
+import { Toast as Toast$1, ToastManagerAddOptions, ToastObject } from "@base-ui/react/toast";
+type ToastVariant = 'brand' | 'accent' | 'neutral' | 'success' | 'error' | 'info' | 'warning';
+type ToastProviderProps = ComponentProps<'div'>;
+type AnchoredToastProps = ComponentProps<typeof Toast$1.Viewport>;
+type StackToastProps = ComponentProps<typeof Toast$1.Viewport>;
+interface StackToastData {
+  icon?: IconComponent;
+  variant?: ToastVariant;
+  [key: string]: unknown;
+}
+type StackToastItemProps = React.ComponentProps<'div'> & {
+  toast: ToastObject<StackToastData>;
+};
+type AnchoredToastData = Record<string, unknown>;
+type AnchoredToastItemProps = React.ComponentProps<'div'> & {
+  toast: ToastObject<AnchoredToastData>;
+};
+export declare function AnchoredToastItem({ className, ref, toast, ...props }: AnchoredToastItemProps): import("react").JSX.Element;
+export declare function AnchoredToasts({ className, ref, ...props }: AnchoredToastProps): import("react").JSX.Element;
+export declare function StackToastItem({ className, ref, toast, ...props }: StackToastItemProps): React$1.JSX.Element;
+export declare function StackToasts({ className, ref, ...props }: StackToastProps): import("react").JSX.Element;
+export declare function ToastProvider({ children }: ToastProviderProps): import("react").JSX.Element;
+declare const Toast: typeof ToastProvider & {
+  AnchoredToastItem: typeof AnchoredToastItem;
+  AnchoredToasts: typeof AnchoredToasts;
+  StackToastItem: typeof StackToastItem;
+  StackToasts: typeof StackToasts;
+};
+declare const anchoredToastManager: {
+  ' subscribe': (listener: (data: import("@base-ui/react").ToastManagerEvent) => void) => () => void;
+  close: (id?: string) => void;
+  update: <T extends any = any>(id: string, updates: import("@base-ui/react").ToastManagerUpdateOptions<T> | ((prevToast: import("@base-ui/react").ToastObject<T>) => import("@base-ui/react").ToastManagerUpdateOptions<T>)) => void;
+  promise: <Value, T extends any = any>(promiseValue: Promise<Value>, options: import("@base-ui/react").ToastManagerPromiseOptions<Value, T>) => Promise<Value>;
+  add: (options: import("@base-ui/react").ToastManagerAddOptions<object> & {
+    icon?: IconComponent;
+    variant?: ToastVariant;
+  }) => string;
+}, stackToastManager: {
+  ' subscribe': (listener: (data: import("@base-ui/react").ToastManagerEvent) => void) => () => void;
+  close: (id?: string) => void;
+  update: <T extends any = any>(id: string, updates: import("@base-ui/react").ToastManagerUpdateOptions<T> | ((prevToast: import("@base-ui/react").ToastObject<T>) => import("@base-ui/react").ToastManagerUpdateOptions<T>)) => void;
+  promise: <Value, T extends any = any>(promiseValue: Promise<Value>, options: import("@base-ui/react").ToastManagerPromiseOptions<Value, T>) => Promise<Value>;
+  add: (options: import("@base-ui/react").ToastManagerAddOptions<object> & {
+    icon?: IconComponent;
+    variant?: ToastVariant;
+  }) => string;
+};
+type ToastAddOptions = ToastManagerAddOptions<object> & {
+  icon?: IconComponent;
+  variant?: ToastVariant;
+};
+declare const createToastManager: () => {
+  ' subscribe': (listener: (data: import("@base-ui/react").ToastManagerEvent) => void) => () => void;
+  close: (id?: string) => void;
+  update: <T extends any = any>(id: string, updates: import("@base-ui/react").ToastManagerUpdateOptions<T> | ((prevToast: import("@base-ui/react").ToastObject<T>) => import("@base-ui/react").ToastManagerUpdateOptions<T>)) => void;
+  promise: <Value, T extends any = any>(promiseValue: Promise<Value>, options: import("@base-ui/react").ToastManagerPromiseOptions<Value, T>) => Promise<Value>;
+  add: (options: ToastAddOptions) => string;
+}, useToastManager: () => {
+  add: (options: ToastAddOptions) => string;
+  toasts: import("@base-ui/react").ToastObject<any>[];
+};
+export { type AnchoredToastData, type AnchoredToastItemProps, type AnchoredToastProps, type StackToastData, type StackToastItemProps, type StackToastProps, Toast, type ToastProviderProps, type ToastVariant, anchoredToastManager, stackToastManager, useToastManager };
+//# sourceMappingURL=index.d.ts.map