@viraui/react 0.0.21 → 0.0.23

package/dist/components/tabs/tabs.js

@@ -0,0 +1,30 @@
+import './tabs.css';
+import { clsx } from "../../core/clsx.js";
+import { Stack } from "../stack/stack.js";
+import tabs_module_default from "./tabs.module.js";
+import { TabsList } from "./tabs-list.js";
+import { TabsPanel } from "./tabs-panel.js";
+import { TabsTab } from "./tabs-tab.js";
+import { TabsViewport } from "./tabs-viewport.js";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Tabs } from "@base-ui/react/tabs";
+//#region src/components/tabs/tabs.tsx
+var TabsRootComponent = ({ children, className, listAlignment = "start", ...props }) => /* @__PURE__ */ jsx(Tabs.Root, {
+	render: /* @__PURE__ */ jsx(Stack, {
+		hAlign: listAlignment,
+		vAlign: "start",
+		fillChildren: false,
+		className: clsx(tabs_module_default.Tabs, className)
+	}),
+	...props,
+	children
+});
+var Tabs$1 = Object.assign(TabsRootComponent, {
+	List: TabsList,
+	Tab: TabsTab,
+	Viewport: TabsViewport,
+	Panel: TabsPanel
+});
+//#endregion
+export { Tabs$1 as Tabs };

package/dist/components/tabs/tabs.module.js

@@ -0,0 +1,11 @@
+var tabs_module_default = {
+	Tabs: "viraui__tabs-module__Tabs_AwbZZ",
+	Viewport: "viraui__tabs-module__Viewport_15X1I",
+	List: "viraui__tabs-module__List_XJorr",
+	Indicator: "viraui__tabs-module__Indicator_UyNUn",
+	Item: "viraui__tabs-module__Item_XZ86Z",
+	Label: "viraui__tabs-module__Label_5-8-Y",
+	Panel: "viraui__tabs-module__Panel_vkCFI"
+};
+//#endregion
+export { tabs_module_default as default };

package/dist/components/text/text.css

@@ -1 +1 @@
-.text-module_Text_bS8kv{--text-medium:clamp(var(--font-scale-body-medium),calc(var(--font-scale-body-medium) + var(--font-scale-body-x-small) / 12 + 0.24cqi),calc(var(--font-scale-body-medium) + var(--font-scale-body-x-small) / 3));--text-align:start;--text-max-width:none;--text-white-space:normal;--text-padding-inline-start:0;--text-padding-inline-end:0;--text-padding-block-start:0;--text-padding-block-end:0;--text-font-family:var(--font-family-body);--text-font-size:clamp(var(--font-scale-body-small),var(--text-medium),var(--font-scale-body-medium));--text-font-weight:400;--text-font-width:100;--text-font-opsz:16;--text-line-height:var(--font-leading-standard);margin:0;min-inline-size:0;max-inline-size:var(--text-max-width);font-family:var(--text-font-family);font-size:var(--text-font-size);line-height:var(--text-line-height);text-align:var(--text-align);white-space:var(--text-white-space);word-break:break-word;font-optical-sizing:auto;font-variation-settings:"wght" var(--text-font-weight),"wdth" var(--text-font-width),"opsz" var(--text-font-opsz);text-box:var(--text-trim) var(--text-trim-type);display:inline-flex;&[data-text-balanced=true]{text-wrap:balance}&[data-text-selection=false]{-webkit-user-select:none;user-select:none}&[data-text-has-padding=true]{padding:var(--text-padding-block-start) var(--text-padding-inline-end) var(--text-padding-block-end) var(--text-padding-inline-start)}&[data-text-family=mono]{--text-font-family:var(--font-family-mono)}&[data-text-size=x-large]{--text-font-size:clamp(var(--font-scale-body-large),calc(var(--text-medium) * pow(var(--font-heading-typescale), 2)),var(--font-scale-body-x-large))}&[data-text-size=large]{--text-font-size:clamp(var(--font-scale-body-medium),calc(var(--text-medium) * pow(var(--font-heading-typescale), 1)),var(--font-scale-body-large))}&[data-text-size=medium]{--text-font-size:clamp(var(--font-scale-body-small),var(--text-medium),var(--font-scale-body-medium))}&[data-text-size=small]{--text-font-size:clamp(var(--font-scale-body-x-small),calc(var(--text-medium) * pow(var(--font-heading-typescale), -0.1)),var(--font-scale-body-small))}&[data-text-size=x-small]{--text-font-size:var(--font-scale-body-x-small)}&[data-text-weight=light]{--text-font-weight:200}&[data-text-weight=semibold]{--text-font-weight:600}&[data-text-weight=bold]{--text-font-weight:800}&[data-text-tone=muted]{color:var(--global-muted)}&[data-text-tone=interactive]{color:var(--global-interactive-text)}&[data-text-tone=positive]{color:var(--highlight-green)}&[data-text-tone=informative]{color:var(--highlight-blue)}&[data-text-tone=danger]{color:var(--highlight-red)}&[data-text-tone=warning]{color:var(--highlight-yellow)}&[data-text-has-literal-color=true]{color:var(--text-literal-color)}&[data-text-line-height=none]{--text-line-height:0}&[data-text-line-height=x-small]{--text-line-height:var(--font-leading-x-small)}&[data-text-line-height=small]{--text-line-height:var(--font-leading-small)}&[data-text-line-height=large]{--text-line-height:var(--font-leading-large)}}
+.viraui__text-module__Text_bS8kv{--text-medium:clamp(var(--font-scale-body-medium),calc(var(--font-scale-body-medium) + var(--font-scale-body-x-small) / 12 + 0.24cqi),calc(var(--font-scale-body-medium) + var(--font-scale-body-x-small) / 3));--text-align:start;--text-max-width:none;--text-white-space:normal;--text-padding-inline-start:0;--text-padding-inline-end:0;--text-padding-block-start:0;--text-padding-block-end:0;--text-font-family:var(--font-family-body);--text-font-size:clamp(var(--font-scale-body-small),var(--text-medium),var(--font-scale-body-medium));--text-font-weight:400;--text-font-width:100;--text-font-opsz:16;--text-line-height:var(--font-leading-standard);margin:0;min-inline-size:0;max-inline-size:var(--text-max-width);font-family:var(--text-font-family);font-size:var(--text-font-size);line-height:var(--text-line-height);text-align:var(--text-align);white-space:var(--text-white-space);word-break:break-word;font-optical-sizing:auto;font-variation-settings:"wght" var(--text-font-weight),"wdth" var(--text-font-width),"opsz" var(--text-font-opsz);text-box:var(--text-trim) var(--text-trim-type);&[data-text-balanced=true]{text-wrap:balance}&[data-text-selection=false]{-webkit-user-select:none;user-select:none}&[data-text-has-padding=true]{padding:var(--text-padding-block-start) var(--text-padding-inline-end) var(--text-padding-block-end) var(--text-padding-inline-start)}&[data-text-family=mono]{--text-font-family:var(--font-family-mono)}&[data-text-size=x-large]{--text-font-size:clamp(var(--font-scale-body-large),calc(var(--text-medium) * pow(var(--font-heading-typescale), 2)),var(--font-scale-body-x-large))}&[data-text-size=large]{--text-font-size:clamp(var(--font-scale-body-medium),calc(var(--text-medium) * pow(var(--font-heading-typescale), 1)),var(--font-scale-body-large))}&[data-text-size=medium]{--text-font-size:clamp(var(--font-scale-body-small),var(--text-medium),var(--font-scale-body-medium))}&[data-text-size=small]{--text-font-size:clamp(var(--font-scale-body-x-small),calc(var(--text-medium) * pow(var(--font-heading-typescale), -0.1)),var(--font-scale-body-small))}&[data-text-size=x-small]{--text-font-size:var(--font-scale-body-x-small)}&[data-text-weight=light]{--text-font-weight:200}&[data-text-weight=semibold]{--text-font-weight:600}&[data-text-weight=bold]{--text-font-weight:800}&[data-text-tone=muted]{color:var(--global-muted)}&[data-text-tone=interactive]{color:var(--global-interactive-text)}&[data-text-tone=positive]{color:var(--highlight-green)}&[data-text-tone=informative]{color:var(--highlight-blue)}&[data-text-tone=danger]{color:var(--highlight-red)}&[data-text-tone=warning]{color:var(--highlight-yellow)}&[data-text-has-literal-color=true]{color:var(--text-literal-color)}&[data-text-line-height=none]{--text-line-height:0}&[data-text-line-height=x-small]{--text-line-height:var(--font-leading-x-small)}&[data-text-line-height=small]{--text-line-height:var(--font-leading-small)}&[data-text-line-height=large]{--text-line-height:var(--font-leading-large)}}

package/dist/components/text/text.d.ts

@@ -28,7 +28,7 @@ export type TextProps = React.ComponentPropsWithoutRef<'span'> & IntrinsicViraPr
     /**
      * Selects a semantic body typography size from the active theme scale.
      *
-     * @default 'body-medium'
+     * @default 'medium'
      */
     size?: 'x-large' | 'large' | 'medium' | 'small' | 'x-small';
     /**
@@ -112,7 +112,7 @@ export type TextProps = React.ComponentPropsWithoutRef<'span'> & IntrinsicViraPr
     /**
      * Selects the `text-box` trim basis when `trim` is active.
      *
-     * @default 'text alphabetic'
+     * @default 'cap alphabetic'
      */
     trimType?: string;
     /**

package/dist/components/text/text.js

@@ -1,9 +1,8 @@
-"use client";
 import './text.css';
+import { clsx } from "../../core/clsx.js";
 import { extractIntrinsicViraProps } from "../../core/props/intrinsic-vira-props.js";
 import { resolveAxisPadding } from "../../core/styles/resolve-axis-padding.js";
 import text_module_default from "./text.module.js";
-import { clsx } from "clsx";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/text/text.tsx
 var Text = ({ align = "start", balanced = false, selection = true, className, color, family = "body", fontWidth, hPadding, lineHeight = "standard", maxWidth, opticalSize, ref, render, size = "medium", style, tone, trim = "both", trimType = "cap alphabetic", vPadding, weight = "regular", whiteSpace = "normal", ...otherProps }) => {
@@ -17,8 +16,8 @@ var Text = ({ align = "start", balanced = false, selection = true, className, co
 		"--text-trim": trim ? `trim-${trim}` : "initial",
 		"--text-trim-type": trim ? trimType : "initial",
 		...typeof weight === "number" ? { "--text-font-weight": weight } : {},
-		...fontWidth !== void 0 ? { "--text-font-width": fontWidth } : {},
-		...opticalSize !== void 0 ? { "--text-font-opsz": opticalSize } : {},
+		"--text-font-width": fontWidth,
+		"--text-font-opsz": opticalSize,
 		...resolveAxisPadding(hPadding, "--text-padding-inline-start", "--text-padding-inline-end"),
 		...resolveAxisPadding(vPadding, "--text-padding-block-start", "--text-padding-block-end"),
 		...style

package/dist/components/text/text.module.js

@@ -1,3 +1,3 @@
-var text_module_default = { Text: "text-module_Text_bS8kv" };
+var text_module_default = { Text: "viraui__text-module__Text_bS8kv" };
 //#endregion
 export { text_module_default as default };

package/dist/components/textarea/textarea.css

@@ -1 +1 @@
-.textarea-module_Textarea_mtOUG{--textarea-min-block-size:calc(var(--space-x-large) * 2);--textarea-padding-block:var(--space-small);--textarea-input-border-radius:var(--radius-small);--field-label-padding-inline:calc(var(--textarea-input-border-radius) / 2);inline-size:100%;&:has([required]) [data-field-label]:after{content:" ＊";color:var(--highlight-red)}}.textarea-module_CustomBasicInput_Ce7yA{--basic-input-border-radius:var(--textarea-input-border-radius);border:1px solid var(--global-contrast);min-block-size:var(--textarea-min-block-size);padding-block:var(--textarea-padding-block);line-height:1.4;resize:none;&[data-resize=vertical]{resize:vertical}&[data-resize=both]{resize:both}&[data-invalid]{border-color:var(--highlight-red)}&:disabled,&[data-disabled]{border-color:transparent}}.textarea-module_Description_er3zI{padding-inline:calc(var(--textarea-input-border-radius) / 2)}
+.viraui__textarea-module__Textarea_mtOUG{--textarea-min-block-size:calc(var(--space-x-large) * 2);--textarea-padding-block:var(--space-small);--textarea-input-border-radius:var(--radius-small);--field-label-padding-inline:calc(var(--textarea-input-border-radius) / 2);inline-size:100%;&:has([required]) .viraui__textarea-module__Label_5dOso:after{content:" ＊";color:var(--highlight-red)}}.viraui__textarea-module__CustomBasicInput_Ce7yA{--basic-input-border-radius:var(--textarea-input-border-radius);border:1px solid var(--global-contrast);min-block-size:var(--textarea-min-block-size);padding-block:var(--textarea-padding-block);line-height:1.4;resize:none;&[data-resize=vertical]{resize:vertical}&[data-resize=both]{resize:both}&[data-invalid]{border-color:var(--highlight-red)}&:disabled,&[data-disabled]{border-color:transparent}}.viraui__textarea-module__Description_er3zI{padding-inline:calc(var(--textarea-input-border-radius) / 2)}

package/dist/components/textarea/textarea.guide.json

@@ -4,14 +4,19 @@
   "whenToUse": [
     "Multi-line text entry with label, description, and error",
     "Controlled vertical or bidirectional resize",
-    "Native textarea attributes through the field control"
+    "Native textarea attributes through the field control",
+    "One or more Textareas inside Fieldset when they belong to a labeled form section with other fields"
+  ],
+  "whenNotToUse": [
+    "Single-line input — use Textfield",
+    "Addon slots like Textfield startAddon or endAddon",
+    "Wrapping a lone Textarea in Fieldset when its own label is sufficient"
   ],
-  "whenNotToUse": ["Single-line input — use Textfield", "Addon slots like Textfield startAddon or endAddon"],
   "accessibility": [
     "Associate label with the textarea through the field label pattern",
     "Expose validation and helper copy through description and error slots",
     "Prefer resize modes that do not hide required content from keyboard users"
   ],
   "antiPatterns": ["Using Textarea for single-line values", "Expecting unsupported size or variant props"],
-  "related": ["Textfield", "Text"]
+  "related": ["Fieldset", "Textfield", "Text"]
 }

package/dist/components/textarea/textarea.js

@@ -1,12 +1,11 @@
-"use client";
 import './textarea.css';
+import { clsx } from "../../core/clsx.js";
 import { extractIntrinsicViraProps } from "../../core/props/intrinsic-vira-props.js";
 import { Stack } from "../stack/stack.js";
 import { BasicInput } from "../basic-input/basic-input.js";
 import { FieldHelperCopy } from "../basic-input/field-helper-copy.js";
 import { FieldLabel } from "../basic-input/field-label.js";
 import textarea_module_default from "./textarea.module.js";
-import { clsx } from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Field } from "@base-ui/react/field";
 //#region src/components/textarea/textarea.tsx
@@ -25,12 +24,11 @@ var Textarea = ({ className, description, dirty, disabled, error, invalid, label
 		validationMode,
 		render: /* @__PURE__ */ jsx(Stack, {
 			direction: "column",
-			fillChildren: false,
 			rowGap: "small"
 		}),
 		children: [
 			label && /* @__PURE__ */ jsx(Field.Label, {
-				"data-field-label": "",
+				className: textarea_module_default.Label,
 				children: /* @__PURE__ */ jsx(FieldLabel, { children: label })
 			}),
 			/* @__PURE__ */ jsx(BasicInput, {

package/dist/components/textarea/textarea.module.js

@@ -1,7 +1,8 @@
 var textarea_module_default = {
-	Textarea: "textarea-module_Textarea_mtOUG",
-	CustomBasicInput: "textarea-module_CustomBasicInput_Ce7yA",
-	Description: "textarea-module_Description_er3zI"
+	Textarea: "viraui__textarea-module__Textarea_mtOUG",
+	Label: "viraui__textarea-module__Label_5dOso",
+	CustomBasicInput: "viraui__textarea-module__CustomBasicInput_Ce7yA",
+	Description: "viraui__textarea-module__Description_er3zI"
 };
 //#endregion
 export { textarea_module_default as default };

package/dist/components/textfield/textfield.css

@@ -1 +1 @@
-.textfield-module_Textfield_o-70A{--input-height:var(--space-x-large);--control-group-background:var(--base-1);--control-group-color:var(--global-foreground);--control-group-border-color:var(--global-contrast);--control-group-border-radius:var(--radius-small);--field-label-padding-inline:calc(var(--control-group-border-radius) / 2);inline-size:100%;&:has([required]) [data-field-label]:after{content:" ＊";color:var(--highlight-red)}}.textfield-module_ControlGroup_2W-OC{box-sizing:border-box;inline-size:100%;min-inline-size:0;block-size:var(--input-height);background:var(--control-group-background);border:1px solid var(--control-group-border-color);border-radius:var(--control-group-border-radius);&:has(.textfield-module_CustomBasicInput_oHgtd:focus-visible),&:has(.textfield-module_CustomBasicInput_oHgtd[data-focused]){outline:2px solid var(--global-foreground);outline-offset:2px}&:has(.textfield-module_CustomBasicInput_oHgtd[data-invalid]){--control-group-border-color:var(--highlight-red);box-shadow:none;outline-color:oklab(from var(--highlight-red) l a b/.5)}&:has(.textfield-module_CustomBasicInput_oHgtd:disabled),&:has(.textfield-module_CustomBasicInput_oHgtd[data-disabled]){--control-group-background:var(--global-disabled-background);--control-group-border-color:transparent;box-shadow:none;cursor:not-allowed}&:has(.textfield-module_Addon_kK1ef[data-position=start])>.textfield-module_CustomBasicInput_oHgtd{padding-inline-start:var(--space-x-small)}&:has(.textfield-module_Addon_kK1ef[data-position=end])>.textfield-module_CustomBasicInput_oHgtd{padding-inline-end:var(--space-x-small)}}.textfield-module_CustomBasicInput_oHgtd{flex:1 1 auto;min-inline-size:0;block-size:100%;line-height:1.2;border:none;background:transparent;box-shadow:none;border-radius:inherit;&:focus-visible{outline:none}&:disabled{cursor:not-allowed}}.textfield-module_Addon_kK1ef{min-inline-size:var(--space-x-large)}.textfield-module_Description_8Qxot{padding-inline:calc(var(--control-group-border-radius) / 2)}
+.viraui__textfield-module__Textfield_o-70A{--input-height:var(--space-x-large);--control-group-background:var(--base-1);--control-group-color:var(--global-foreground);--control-group-border-color:var(--global-contrast);--control-group-border-radius:var(--radius-medium);--field-label-padding-inline:calc(var(--control-group-border-radius) / 2);inline-size:100%;&:has([required]) .viraui__textfield-module__Label_5rjr0:after{content:" ＊";color:var(--highlight-red)}}.viraui__textfield-module__ControlGroup_2W-OC{box-sizing:border-box;inline-size:100%;min-inline-size:0;block-size:var(--input-height);background:var(--control-group-background);border:1px solid var(--control-group-border-color);border-radius:var(--control-group-border-radius);&:has(.viraui__textfield-module__CustomBasicInput_oHgtd:focus-visible),&:has(.viraui__textfield-module__CustomBasicInput_oHgtd[data-focused]){outline:var(--outline);outline-offset:var(--outline-offset)}&:has(.viraui__textfield-module__CustomBasicInput_oHgtd[data-invalid]){--control-group-border-color:var(--highlight-red);box-shadow:none;outline-color:oklab(from var(--highlight-red) l a b/.5)}&:has(.viraui__textfield-module__CustomBasicInput_oHgtd:disabled),&:has(.viraui__textfield-module__CustomBasicInput_oHgtd[data-disabled]){--control-group-background:var(--global-disabled-background);--control-group-border-color:transparent;box-shadow:none;cursor:not-allowed}&:has(.viraui__textfield-module__Addon_kK1ef[data-position=start])>.viraui__textfield-module__CustomBasicInput_oHgtd{padding-inline-start:var(--space-x-small)}&:has(.viraui__textfield-module__Addon_kK1ef[data-position=end])>.viraui__textfield-module__CustomBasicInput_oHgtd{padding-inline-end:var(--space-x-small)}}.viraui__textfield-module__CustomBasicInput_oHgtd{flex:1 1 auto;min-inline-size:0;block-size:100%;line-height:1.2;border:none;background:transparent;box-shadow:none;border-radius:inherit;&:focus-visible{outline:none}&:disabled{cursor:not-allowed}}.viraui__textfield-module__Addon_kK1ef{min-inline-size:var(--space-x-large)}.viraui__textfield-module__Description_8Qxot{padding-inline:calc(var(--control-group-border-radius) / 2)}

package/dist/components/textfield/textfield.guide.json

@@ -4,9 +4,15 @@
   "whenToUse": [
     "Single-line text, email, password, or similar native input types",
     "Start or end addon slots inside the shared control group",
-    "Label, description, and error copy with validation states"
+    "Label, description, and error copy with validation states",
+    "Several related Textfields grouped under one section legend as Fieldset children (e.g. billing details)"
+  ],
+  "whenNotToUse": [
+    "Multi-line entry — use Textarea",
+    "Custom size or variant props — fixed medium treatment",
+    "Wrapping a lone Textfield in Fieldset when its own label is sufficient — Fieldset is for multi-field sections or shared legends",
+    "Using Fieldset instead of the Textfield label for a single control"
   ],
-  "whenNotToUse": ["Multi-line entry — use Textarea", "Custom size or variant props — fixed medium treatment"],
   "accessibility": [
     "Associate label with the input through the field label pattern",
     "Surface validation errors in the shared description slot or Field.Error",
@@ -16,5 +22,5 @@
     "Passing unsupported size or variant props",
     "Expecting a focus ring when focus is only on addon controls"
   ],
-  "related": ["Textarea", "Select", "Text"]
+  "related": ["Fieldset", "Textarea", "Select", "Text"]
 }

package/dist/components/textfield/textfield.js

@@ -1,5 +1,5 @@
-"use client";
 import './textfield.css';
+import { clsx } from "../../core/clsx.js";
 import { extractIntrinsicViraProps } from "../../core/props/intrinsic-vira-props.js";
 import { Stack } from "../stack/stack.js";
 import { BasicInput } from "../basic-input/basic-input.js";
@@ -7,7 +7,6 @@ import { FieldHelperCopy } from "../basic-input/field-helper-copy.js";
 import { FieldLabel } from "../basic-input/field-label.js";
 import { InputControlGroup } from "../basic-input/input-control-group.js";
 import textfield_module_default from "./textfield.module.js";
-import { clsx } from "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Field } from "@base-ui/react/field";
 import { Input } from "@base-ui/react/input";
@@ -27,12 +26,11 @@ var Textfield = ({ className, description, dirty, disabled, endAddon, error, inv
 		validationMode,
 		render: /* @__PURE__ */ jsx(Stack, {
 			direction: "column",
-			fillChildren: false,
 			rowGap: "small"
 		}),
 		children: [
 			label && /* @__PURE__ */ jsx(Field.Label, {
-				"data-field-label": "",
+				className: textfield_module_default.Label,
 				children: /* @__PURE__ */ jsx(FieldLabel, { children: label })
 			}),
 			/* @__PURE__ */ jsx(InputControlGroup, {

package/dist/components/textfield/textfield.module.js

@@ -1,9 +1,10 @@
 var textfield_module_default = {
-	Textfield: "textfield-module_Textfield_o-70A",
-	ControlGroup: "textfield-module_ControlGroup_2W-OC",
-	CustomBasicInput: "textfield-module_CustomBasicInput_oHgtd",
-	Addon: "textfield-module_Addon_kK1ef",
-	Description: "textfield-module_Description_8Qxot"
+	Textfield: "viraui__textfield-module__Textfield_o-70A",
+	Label: "viraui__textfield-module__Label_5rjr0",
+	ControlGroup: "viraui__textfield-module__ControlGroup_2W-OC",
+	CustomBasicInput: "viraui__textfield-module__CustomBasicInput_oHgtd",
+	Addon: "viraui__textfield-module__Addon_kK1ef",
+	Description: "viraui__textfield-module__Description_8Qxot"
 };
 //#endregion
 export { textfield_module_default as default };

package/dist/components/title/title.css

@@ -1 +1 @@
-.title-module_Title_CXMUX{--title-medium:clamp(var(--font-scale-body-medium),calc(var(--font-scale-body-medium) + var(--font-scale-body-x-small) / 12 + 0.24cqi),calc(var(--font-scale-body-medium) + var(--font-scale-body-x-small) / 3));--title-font-size:clamp(var(--font-scale-h2),calc(var(--title-medium) * pow(var(--font-heading-typescale), 5)),var(--font-scale-h1));--title-font-family:var(--font-family-heading);--title-font-weight:500;--title-font-width:100;--title-font-opsz:16;--title-line-height:var(--font-leading-standard);--title-letter-spacing:-0.03em;--title-align:start;--title-max-width:none;--title-white-space:normal;--title-padding-inline-start:0;--title-padding-inline-end:0;--title-padding-block-start:0;--title-padding-block-end:0;margin:0;max-inline-size:var(--title-max-width);font-family:var(--title-font-family);font-size:var(--title-font-size);line-height:var(--title-line-height);letter-spacing:var(--title-letter-spacing);text-align:var(--title-align);white-space:var(--title-white-space);word-break:break-word;font-optical-sizing:auto;font-variation-settings:"wght" var(--title-font-weight),"wdth" var(--title-font-width),"opsz" var(--title-font-opsz);text-box:var(--title-trim) var(--title-trim-type);display:inline-flex;&[data-title-balanced=true]{text-wrap:balance}&[data-title-selection=false]{-webkit-user-select:none;user-select:none}&[data-title-has-padding=true]{padding:var(--title-padding-block-start) var(--title-padding-inline-end) var(--title-padding-block-end) var(--title-padding-inline-start)}&[data-title-level=display]{--title-font-size:clamp(var(--font-scale-h1),calc(var(--font-scale-h1) + 4.643cqi - 0.9286rem),var(--font-scale-display))}&[data-title-level=h1]{--title-font-size:clamp(var(--font-scale-h2),calc(var(--title-medium) * pow(var(--font-heading-typescale), 5)),var(--font-scale-h1))}&[data-title-level=h2]{--title-font-size:clamp(var(--font-scale-h3),calc(var(--title-medium) * pow(var(--font-heading-typescale), 4)),var(--font-scale-h2))}&[data-title-level=h3]{--title-font-size:clamp(var(--font-scale-h4),calc(var(--title-medium) * pow(var(--font-heading-typescale), 3)),var(--font-scale-h3))}&[data-title-level=h4]{--title-font-size:clamp(var(--font-scale-h5),calc(var(--title-medium) * pow(var(--font-heading-typescale), 2)),var(--font-scale-h4))}&[data-title-level=h5]{--title-font-size:clamp(var(--font-scale-h6),calc(var(--title-medium) * pow(var(--font-heading-typescale), 1)),var(--font-scale-h5));--title-letter-spacing:-0.02em}&[data-title-level=h6]{--title-font-size:clamp(var(--font-scale-body-medium),var(--title-medium),var(--font-scale-h6));--title-letter-spacing:-0.02em}&[data-title-has-literal-color=true]{color:var(--title-literal-color)}&[data-title-line-height=none]{--title-line-height:0}&[data-title-line-height=x-small]{--title-line-height:var(--font-leading-x-small)}&[data-title-line-height=small]{--title-line-height:var(--font-leading-small)}&[data-title-line-height=large]{--title-line-height:var(--font-leading-large)}}
+.viraui__title-module__Title_CXMUX{--title-medium:clamp(var(--font-scale-body-medium),calc(var(--font-scale-body-medium) + var(--font-scale-body-x-small) / 12 + 0.24cqi),calc(var(--font-scale-body-medium) + var(--font-scale-body-x-small) / 3));--title-font-size:clamp(var(--font-scale-h2),calc(var(--title-medium) * pow(var(--font-heading-typescale), 5)),var(--font-scale-h1));--title-font-family:var(--font-family-heading);--title-font-weight:500;--title-font-width:100;--title-font-opsz:16;--title-line-height:var(--font-leading-standard);--title-letter-spacing:-0.03em;--title-align:start;--title-max-width:none;--title-white-space:normal;--title-padding-inline-start:0;--title-padding-inline-end:0;--title-padding-block-start:0;--title-padding-block-end:0;margin:0;max-inline-size:var(--title-max-width);font-family:var(--title-font-family);font-size:var(--title-font-size);line-height:var(--title-line-height);letter-spacing:var(--title-letter-spacing);text-align:var(--title-align);white-space:var(--title-white-space);word-break:break-word;font-optical-sizing:auto;font-variation-settings:"wght" var(--title-font-weight),"wdth" var(--title-font-width),"opsz" var(--title-font-opsz);text-box:var(--title-trim) var(--title-trim-type);display:inline-flex;&[data-title-balanced=true]{text-wrap:balance}&[data-title-selection=false]{-webkit-user-select:none;user-select:none}&[data-title-has-padding=true]{padding:var(--title-padding-block-start) var(--title-padding-inline-end) var(--title-padding-block-end) var(--title-padding-inline-start)}&[data-title-level=display]{--title-font-size:clamp(var(--font-scale-h1),calc(var(--font-scale-h1) + 4.643cqi - 0.9286rem),var(--font-scale-display))}&[data-title-level=h1]{--title-font-size:clamp(var(--font-scale-h2),calc(var(--title-medium) * pow(var(--font-heading-typescale), 5)),var(--font-scale-h1))}&[data-title-level=h2]{--title-font-size:clamp(var(--font-scale-h3),calc(var(--title-medium) * pow(var(--font-heading-typescale), 4)),var(--font-scale-h2))}&[data-title-level=h3]{--title-font-size:clamp(var(--font-scale-h4),calc(var(--title-medium) * pow(var(--font-heading-typescale), 3)),var(--font-scale-h3))}&[data-title-level=h4]{--title-font-size:clamp(var(--font-scale-h5),calc(var(--title-medium) * pow(var(--font-heading-typescale), 2)),var(--font-scale-h4))}&[data-title-level=h5]{--title-font-size:clamp(var(--font-scale-h6),calc(var(--title-medium) * pow(var(--font-heading-typescale), 1)),var(--font-scale-h5));--title-letter-spacing:-0.02em}&[data-title-level=h6]{--title-font-size:clamp(var(--font-scale-body-medium),var(--title-medium),var(--font-scale-h6));--title-letter-spacing:-0.02em}&[data-title-has-literal-color=true]{color:var(--title-literal-color)}&[data-title-line-height=none]{--title-line-height:0}&[data-title-line-height=x-small]{--title-line-height:var(--font-leading-x-small)}&[data-title-line-height=small]{--title-line-height:var(--font-leading-small)}&[data-title-line-height=large]{--title-line-height:var(--font-leading-large)}}

package/dist/components/title/title.js

@@ -1,9 +1,8 @@
-"use client";
 import './title.css';
+import { clsx } from "../../core/clsx.js";
 import { extractIntrinsicViraProps } from "../../core/props/intrinsic-vira-props.js";
 import { resolveAxisPadding } from "../../core/styles/resolve-axis-padding.js";
 import title_module_default from "./title.module.js";
-import { clsx } from "clsx";
 import { useRender } from "@base-ui/react/use-render";
 //#region src/components/title/title.tsx
 var Title = ({ align = "start", balanced = false, selection = true, className, color, fontWidth, hPadding, level = "h1", lineHeight = "standard", maxWidth, opticalSize, ref, render, style, trim = "both", trimType = "cap alphabetic", vPadding, weight, whiteSpace = "normal", ...otherProps }) => {
@@ -17,8 +16,8 @@ var Title = ({ align = "start", balanced = false, selection = true, className, c
 		"--title-trim": trim ? `trim-${trim}` : "initial",
 		"--title-trim-type": trim ? trimType : "initial",
 		...typeof weight === "number" ? { "--title-font-weight": weight } : {},
-		...fontWidth !== void 0 ? { "--title-font-width": fontWidth } : {},
-		...opticalSize !== void 0 ? { "--title-font-opsz": opticalSize } : {},
+		"--title-font-width": fontWidth,
+		"--title-font-opsz": opticalSize,
 		...resolveAxisPadding(hPadding, "--title-padding-inline-start", "--title-padding-inline-end"),
 		...resolveAxisPadding(vPadding, "--title-padding-block-start", "--title-padding-block-end"),
 		...style

package/dist/components/title/title.module.js

@@ -1,3 +1,3 @@
-var title_module_default = { Title: "title-module_Title_CXMUX" };
+var title_module_default = { Title: "viraui__title-module__Title_CXMUX" };
 //#endregion
 export { title_module_default as default };

package/dist/core/clsx.d.ts

@@ -0,0 +1 @@
+export declare const clsx: (...inputs: any[]) => string;

package/dist/core/clsx.js

@@ -0,0 +1,36 @@
+//#region src/core/clsx.ts
+var toVal = (mix) => {
+	let str = "";
+	if (typeof mix === "string" || typeof mix === "number") str += mix;
+	else if (typeof mix === "object" && mix !== null) {
+		if (Array.isArray(mix)) {
+			for (let index = 0; index < mix.length; index += 1) if (mix[index]) {
+				const value = toVal(mix[index]);
+				if (value) {
+					if (str) str += " ";
+					str += value;
+				}
+			}
+		} else for (const key in mix) if (mix[key]) {
+			if (str) str += " ";
+			str += key;
+		}
+	}
+	return str;
+};
+var clsx = (...inputs) => {
+	let str = "";
+	for (let index = 0; index < inputs.length; index += 1) {
+		const input = inputs[index];
+		if (input) {
+			const value = toVal(input);
+			if (value) {
+				if (str) str += " ";
+				str += value;
+			}
+		}
+	}
+	return str;
+};
+//#endregion
+export { clsx };

package/dist/core/elevation/get-elevation-props.js

@@ -4,11 +4,11 @@ var getElevationProps = ({ resting, hover, direction = ELEVATION_DEFAULTS.direct
 	attributes: {
 		"data-elevation": resting,
 		"data-elevation-direction": direction,
-		...hover !== void 0 ? { "data-elevation-hover": hover } : {}
+		"data-elevation-hover": hover
 	},
 	style: {
 		"--shadow-color": shadowColor,
-		...extraShadow !== void 0 ? { "--extra-shadow": extraShadow } : {}
+		"--extra-shadow": extraShadow
 	}
 });
 //#endregion

package/dist/core/props/intrinsic-vira-props.d.ts

@@ -4,19 +4,19 @@ export type IntrinsicViraProps = {
      *
      * @default The component root does not render a grow attribute.
      */
-    grow?: boolean | undefined;
+    grow?: boolean;
     /**
      * Adds `data-shrink="false"` to the component root when false.
      *
      * @default The component root does not render a shrink attribute.
      */
-    shrink?: boolean | undefined;
+    shrink?: boolean;
     /**
      * Adds `data-vibrant` to the component root when true so preflight vibrancy styles can opt the surface into backdrop filtering.
      *
      * @default The component root does not render a vibrant attribute.
      */
-    vibrant?: boolean | undefined;
+    vibrant?: boolean;
 };
 type IntrinsicViraAttributes = {
     'data-grow'?: 'false';

package/dist/index.js

@@ -2,6 +2,10 @@ import { Avatar } from "./components/avatar/avatar.js";
 import { AvatarGroup } from "./components/avatar-group/avatar-group.js";
 import { Stack } from "./components/stack/stack.js";
 import { Chip } from "./components/chip/chip.js";
+import { DialogClose } from "./components/dialog/dialog-close.js";
+import { DialogSheet } from "./components/dialog/dialog-sheet.js";
+import { DialogTrigger } from "./components/dialog/dialog-trigger.js";
+import { Dialog } from "./components/dialog/dialog.js";
 import { ClampText } from "./components/clamp-text/clamp-text.js";
 import { ELEVATION_DEFAULTS } from "./core/elevation/elevation-types.js";
 import { getElevationProps } from "./core/elevation/get-elevation-props.js";
@@ -17,11 +21,16 @@ import { Textarea } from "./components/textarea/textarea.js";
 import { Slider } from "./components/slider/slider.js";
 import { Switch } from "./components/switch/switch.js";
 import { Checkbox } from "./components/checkbox/checkbox.js";
+import { CheckboxGroup } from "./components/checkbox/checkbox-group.js";
+import { Fieldset } from "./components/fieldset/fieldset.js";
 import { Radio } from "./components/radio/radio.js";
 import { RadioGroup } from "./components/radio/radio-group.js";
 import { Select } from "./components/select/select.js";
 import { Icon } from "./components/icon/icon.js";
 import { Skeleton } from "./components/skeleton/skeleton.js";
 import { Surface } from "./components/surface/surface.js";
+import { Tabs } from "./components/tabs/tabs.js";
+import { StaticNoise } from "./components/static-noise/static-noise.js";
+import { ProgressiveBlur } from "./components/progressive-blur/progressive-blur.js";
 import { Title } from "./components/title/title.js";
-export { Avatar, AvatarGroup, Button, Checkbox, Chip, ClampText, ELEVATION_DEFAULTS, Elevator, Icon, IconButton, LinearProgress, Masonry, Radio, RadioGroup, Select, Skeleton, Slider, Spinner, Stack, Surface, Switch, Text, Textarea, Textfield, Title, getElevationProps };
+export { Avatar, AvatarGroup, Button, Checkbox, CheckboxGroup, Chip, ClampText, Dialog, DialogClose, DialogSheet, DialogTrigger, ELEVATION_DEFAULTS, Elevator, Fieldset, Icon, IconButton, LinearProgress, Masonry, ProgressiveBlur, Radio, RadioGroup, Select, Skeleton, Slider, Spinner, Stack, StaticNoise, Surface, Switch, Tabs, Text, Textarea, Textfield, Title, getElevationProps };

package/dist/internal-icons/icon-registry.d.ts

@@ -2,7 +2,7 @@ import type { ComponentType, SVGProps } from 'react';
 export type GeneratedIconComponent = ComponentType<SVGProps<SVGSVGElement> & {
     size?: number | string;
 }>;
-export declare const generatedIconNames: readonly ["ArrowDown", "ArrowDownLeft", "ArrowDownRight", "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowUpLeft", "ArrowUpRight", "CaretDown", "CaretLeft", "CaretRight", "CaretUp", "Check", "ChevronDown", "ChevronExpandY", "ChevronLeft", "ChevronRight", "ChevronUp", "CircleHalfDottedClock", "CircleImage", "Clock", "DarkLight", "History", "Image", "ImagesLayered", "Lock", "LockOpen", "Magnifier", "Minus", "MoonStars", "Plus", "Quickstart", "RefreshAnticlockwise", "Sun", "Xmark"];
+export declare const generatedIconNames: readonly ["ArrowDown", "ArrowDownLeft", "ArrowDownRight", "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowUpLeft", "ArrowUpRight", "CaretDown", "CaretLeft", "CaretRight", "CaretUp", "Check", "ChevronDown", "ChevronExpandY", "ChevronLeft", "ChevronRight", "ChevronUp", "CircleCheck", "CircleHalfDottedClock", "CircleImage", "Clock", "DarkLight", "Duplicate", "History", "Image", "ImagesLayered", "Lock", "LockOpen", "Magnifier", "Minus", "MoonStars", "Plus", "Quickstart", "RefreshAnticlockwise", "ShieldCheck", "Sun", "Xmark"];
 export type GeneratedIconName = (typeof generatedIconNames)[number];
 export declare const generatedIconVariants: readonly ["duo"];
 export type GeneratedIconVariant = (typeof generatedIconVariants)[number];
@@ -26,10 +26,12 @@ export declare const generatedIconRegistry: {
         readonly ChevronLeft: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/ChevronLeft").ChevronLeftProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
         readonly ChevronRight: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/ChevronRight").ChevronRightProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
         readonly ChevronUp: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/ChevronUp").ChevronUpProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly CircleCheck: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/CircleCheck").CircleCheckProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
         readonly CircleHalfDottedClock: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/CircleHalfDottedClock").CircleHalfDottedClockProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
         readonly CircleImage: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/CircleImage").CircleImageProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
         readonly Clock: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/Clock").ClockProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
         readonly DarkLight: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/DarkLight").DarkLightProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly Duplicate: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/Duplicate").DuplicateProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
         readonly History: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/History").HistoryProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
         readonly Image: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/Image").ImageProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
         readonly ImagesLayered: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/ImagesLayered").ImagesLayeredProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
@@ -41,6 +43,7 @@ export declare const generatedIconRegistry: {
         readonly Plus: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/Plus").PlusProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
         readonly Quickstart: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/Quickstart").QuickstartProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
         readonly RefreshAnticlockwise: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/RefreshAnticlockwise").RefreshAnticlockwiseProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+        readonly ShieldCheck: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/ShieldCheck").ShieldCheckProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
         readonly Sun: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/Sun").SunProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
         readonly Xmark: import("react").ForwardRefExoticComponent<Omit<import("./icons/duo/Xmark").XmarkProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
     };

package/dist/internal-icons/icon-registry.js

@@ -16,10 +16,12 @@ import ChevronExpandYDuoIcon from './icons/duo/ChevronExpandY';
 import ChevronLeftDuoIcon from './icons/duo/ChevronLeft';
 import ChevronRightDuoIcon from './icons/duo/ChevronRight';
 import ChevronUpDuoIcon from './icons/duo/ChevronUp';
+import CircleCheckDuoIcon from './icons/duo/CircleCheck';
 import CircleHalfDottedClockDuoIcon from './icons/duo/CircleHalfDottedClock';
 import CircleImageDuoIcon from './icons/duo/CircleImage';
 import ClockDuoIcon from './icons/duo/Clock';
 import DarkLightDuoIcon from './icons/duo/DarkLight';
+import DuplicateDuoIcon from './icons/duo/Duplicate';
 import HistoryDuoIcon from './icons/duo/History';
 import ImageDuoIcon from './icons/duo/Image';
 import ImagesLayeredDuoIcon from './icons/duo/ImagesLayered';
@@ -31,6 +33,7 @@ import MoonStarsDuoIcon from './icons/duo/MoonStars';
 import PlusDuoIcon from './icons/duo/Plus';
 import QuickstartDuoIcon from './icons/duo/Quickstart';
 import RefreshAnticlockwiseDuoIcon from './icons/duo/RefreshAnticlockwise';
+import ShieldCheckDuoIcon from './icons/duo/ShieldCheck';
 import SunDuoIcon from './icons/duo/Sun';
 import XmarkDuoIcon from './icons/duo/Xmark';
 export const generatedIconNames = [
@@ -52,10 +55,12 @@ export const generatedIconNames = [
     'ChevronLeft',
     'ChevronRight',
     'ChevronUp',
+    'CircleCheck',
     'CircleHalfDottedClock',
     'CircleImage',
     'Clock',
     'DarkLight',
+    'Duplicate',
     'History',
     'Image',
     'ImagesLayered',
@@ -67,6 +72,7 @@ export const generatedIconNames = [
     'Plus',
     'Quickstart',
     'RefreshAnticlockwise',
+    'ShieldCheck',
     'Sun',
     'Xmark',
 ];
@@ -91,10 +97,12 @@ export const generatedIconRegistry = {
         ChevronLeft: ChevronLeftDuoIcon,
         ChevronRight: ChevronRightDuoIcon,
         ChevronUp: ChevronUpDuoIcon,
+        CircleCheck: CircleCheckDuoIcon,
         CircleHalfDottedClock: CircleHalfDottedClockDuoIcon,
         CircleImage: CircleImageDuoIcon,
         Clock: ClockDuoIcon,
         DarkLight: DarkLightDuoIcon,
+        Duplicate: DuplicateDuoIcon,
         History: HistoryDuoIcon,
         Image: ImageDuoIcon,
         ImagesLayered: ImagesLayeredDuoIcon,
@@ -106,6 +114,7 @@ export const generatedIconRegistry = {
         Plus: PlusDuoIcon,
         Quickstart: QuickstartDuoIcon,
         RefreshAnticlockwise: RefreshAnticlockwiseDuoIcon,
+        ShieldCheck: ShieldCheckDuoIcon,
         Sun: SunDuoIcon,
         Xmark: XmarkDuoIcon,
     },

package/dist/internal-icons/icons/duo/ArrowDown.js

@@ -7,7 +7,7 @@ const ArrowDown = React.forwardRef(({ size, className, style, ...props }, ref) =
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M9 15.75a.75.75 0 0 1-.75-.75V2.75a.75.75 0 0 1 1.5 0V15a.75.75 0 0 1-.75.75", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M9 16a.74.74 0 0 1-.53-.22l-4.25-4.25a.75.75 0 1 1 1.061-1.061l3.72 3.72 3.72-3.72a.75.75 0 1 1 1.061 1.061l-4.25 4.25a.75.75 0 0 1-.53.22z" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M9 15.75a.75.75 0 0 1-.75-.75V2.75a.75.75 0 0 1 1.5 0V15a.75.75 0 0 1-.75.75", "data-color": "color-2" }), _jsx("path", { d: "M9 16a.74.74 0 0 1-.53-.22l-4.25-4.25a.75.75 0 1 1 1.061-1.061l3.72 3.72 3.72-3.72a.75.75 0 1 1 1.061 1.061l-4.25 4.25a.75.75 0 0 1-.53.22z" })] }) }));
 });
 ArrowDown.displayName = 'ArrowDown';
 export default ArrowDown;

package/dist/internal-icons/icons/duo/ArrowDownLeft.js

@@ -7,7 +7,7 @@ const ArrowDownLeft = React.forwardRef(({ size, className, style, ...props }, re
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M4 14.75a.75.75 0 0 1-.53-1.281L13.72 3.22a.75.75 0 1 1 1.061 1.061L4.53 14.53a.75.75 0 0 1-.53.22", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M9.761 15H3.75a.75.75 0 0 1-.75-.75V8.24a.75.75 0 0 1 1.5 0v5.26h5.261a.75.75 0 0 1 0 1.5" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M4 14.75a.75.75 0 0 1-.53-1.281L13.72 3.22a.75.75 0 1 1 1.061 1.061L4.53 14.53a.75.75 0 0 1-.53.22", "data-color": "color-2" }), _jsx("path", { d: "M9.761 15H3.75a.75.75 0 0 1-.75-.75V8.24a.75.75 0 0 1 1.5 0v5.26h5.261a.75.75 0 0 1 0 1.5" })] }) }));
 });
 ArrowDownLeft.displayName = 'ArrowDownLeft';
 export default ArrowDownLeft;

package/dist/internal-icons/icons/duo/ArrowDownRight.js

@@ -7,7 +7,7 @@ const ArrowDownRight = React.forwardRef(({ size, className, style, ...props }, r
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M14 14.75a.74.74 0 0 1-.53-.22L3.22 4.28a.75.75 0 1 1 1.061-1.061L14.53 13.47a.75.75 0 0 1-.53 1.28", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M14.25 15H8.239a.75.75 0 0 1 0-1.5H13.5V8.24a.75.75 0 0 1 1.5 0v6.01a.75.75 0 0 1-.75.75" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M14 14.75a.74.74 0 0 1-.53-.22L3.22 4.28a.75.75 0 1 1 1.061-1.061L14.53 13.47a.75.75 0 0 1-.53 1.28", "data-color": "color-2" }), _jsx("path", { d: "M14.25 15H8.239a.75.75 0 0 1 0-1.5H13.5V8.24a.75.75 0 0 1 1.5 0v6.01a.75.75 0 0 1-.75.75" })] }) }));
 });
 ArrowDownRight.displayName = 'ArrowDownRight';
 export default ArrowDownRight;

package/dist/internal-icons/icons/duo/ArrowLeft.js

@@ -7,7 +7,7 @@ const ArrowLeft = React.forwardRef(({ size, className, style, ...props }, ref) =
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M15.25 9.75H3a.75.75 0 0 1 0-1.5h12.25a.75.75 0 0 1 0 1.5", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M7 14a.74.74 0 0 1-.53-.22L2.22 9.53a.75.75 0 0 1 0-1.061L6.47 4.22a.75.75 0 1 1 1.061 1.061l-3.72 3.72 3.72 3.72a.75.75 0 0 1-.53 1.281z" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M15.25 9.75H3a.75.75 0 0 1 0-1.5h12.25a.75.75 0 0 1 0 1.5", "data-color": "color-2" }), _jsx("path", { d: "M7 14a.74.74 0 0 1-.53-.22L2.22 9.53a.75.75 0 0 1 0-1.061L6.47 4.22a.75.75 0 1 1 1.061 1.061l-3.72 3.72 3.72 3.72a.75.75 0 0 1-.53 1.281z" })] }) }));
 });
 ArrowLeft.displayName = 'ArrowLeft';
 export default ArrowLeft;

package/dist/internal-icons/icons/duo/ArrowRight.js

@@ -7,7 +7,7 @@ const ArrowRight = React.forwardRef(({ size, className, style, ...props }, ref)
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M15 9.75H2.75a.75.75 0 0 1 0-1.5H15a.75.75 0 0 1 0 1.5", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M11 14a.75.75 0 0 1-.53-1.281l3.72-3.72-3.72-3.72a.75.75 0 1 1 1.061-1.061l4.25 4.25a.75.75 0 0 1 0 1.061l-4.25 4.25a.75.75 0 0 1-.53.22z" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M15 9.75H2.75a.75.75 0 0 1 0-1.5H15a.75.75 0 0 1 0 1.5", "data-color": "color-2" }), _jsx("path", { d: "M11 14a.75.75 0 0 1-.53-1.281l3.72-3.72-3.72-3.72a.75.75 0 1 1 1.061-1.061l4.25 4.25a.75.75 0 0 1 0 1.061l-4.25 4.25a.75.75 0 0 1-.53.22z" })] }) }));
 });
 ArrowRight.displayName = 'ArrowRight';
 export default ArrowRight;

package/dist/internal-icons/icons/duo/ArrowUp.js

@@ -7,7 +7,7 @@ const ArrowUp = React.forwardRef(({ size, className, style, ...props }, ref) =>
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M9 16a.75.75 0 0 1-.75-.75V3a.75.75 0 0 1 1.5 0v12.25A.75.75 0 0 1 9 16", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M13.25 7.75a.74.74 0 0 1-.53-.22L9 3.81 5.28 7.53a.75.75 0 1 1-1.061-1.061L8.47 2.22a.75.75 0 0 1 1.061 0l4.25 4.25a.75.75 0 0 1-.53 1.281z" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M9 16a.75.75 0 0 1-.75-.75V3a.75.75 0 0 1 1.5 0v12.25A.75.75 0 0 1 9 16", "data-color": "color-2" }), _jsx("path", { d: "M13.25 7.75a.74.74 0 0 1-.53-.22L9 3.81 5.28 7.53a.75.75 0 1 1-1.061-1.061L8.47 2.22a.75.75 0 0 1 1.061 0l4.25 4.25a.75.75 0 0 1-.53 1.281z" })] }) }));
 });
 ArrowUp.displayName = 'ArrowUp';
 export default ArrowUp;

package/dist/internal-icons/icons/duo/ArrowUpLeft.js

@@ -7,7 +7,7 @@ const ArrowUpLeft = React.forwardRef(({ size, className, style, ...props }, ref)
             width: props.width || 18,
             height: props.height || 18,
         };
-    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M14.25 15a.74.74 0 0 1-.53-.22L3.47 4.53a.75.75 0 1 1 1.061-1.061L14.78 13.72a.75.75 0 0 1-.53 1.281z", "data-color": "color-2", opacity: ".3" }), _jsx("path", { d: "M3.75 10.51A.75.75 0 0 1 3 9.76V3.75A.75.75 0 0 1 3.75 3h6.011a.75.75 0 0 1 0 1.5H4.5v5.26a.75.75 0 0 1-.75.75" })] }) }));
+    return (_jsx("svg", { ref: ref, viewBox: "0 0 18 18", xmlns: "http://www.w3.org/2000/svg", width: dimensions.width, height: dimensions.height, fill: props.fill || 'currentColor', className: className, style: style, ...props, children: _jsxs("g", { className: "nc-icon-wrapper", children: [_jsx("path", { d: "M14.25 15a.74.74 0 0 1-.53-.22L3.47 4.53a.75.75 0 1 1 1.061-1.061L14.78 13.72a.75.75 0 0 1-.53 1.281z", "data-color": "color-2" }), _jsx("path", { d: "M3.75 10.51A.75.75 0 0 1 3 9.76V3.75A.75.75 0 0 1 3.75 3h6.011a.75.75 0 0 1 0 1.5H4.5v5.26a.75.75 0 0 1-.75.75" })] }) }));
 });
 ArrowUpLeft.displayName = 'ArrowUpLeft';
 export default ArrowUpLeft;