@ultraviolet/ui 3.12.3 → 3.13.1

package/dist/components/VerificationCode/index.js

@@ -46,7 +46,6 @@ var init_VerificationCode = __esmMin(() => {
 		const inputOnKeyDown = (index) => (event) => {
 			const prevIndex = index - 1;
 			const nextIndex = index + 1;
-			const first = inputRefs[0];
 			const last = inputRefs.at(-1);
 			const prev = inputRefs[prevIndex];
 			const next = inputRefs[nextIndex];
@@ -77,9 +76,9 @@ var init_VerificationCode = __esmMin(() => {
 					next === null || next === void 0 || (_next$current2 = next.current) === null || _next$current2 === void 0 || _next$current2.focus();
 					break;
 				case "ArrowUp":
-					var _first$current;
+					var _inputRefs$;
 					event.preventDefault();
-					first === null || first === void 0 || (_first$current = first.current) === null || _first$current === void 0 || _first$current.focus();
+					(_inputRefs$ = inputRefs[0]) === null || _inputRefs$ === void 0 || (_inputRefs$ = _inputRefs$.current) === null || _inputRefs$ === void 0 || _inputRefs$.focus();
 					break;
 				case "ArrowDown":
 					var _last$current;

package/dist/components/index.js

@@ -3,8 +3,6 @@ import { Stack, init_Stack } from "./Stack/index.js";
 import { Popup, init_Popup } from "./Popup/index.js";
 import { Tooltip, init_Tooltip } from "./Tooltip/index.js";
 import { Text, init_Text } from "./Text/index.js";
-import { Expandable, init_Expandable } from "./Expandable/index.js";
-import { Badge, init_Badge } from "./Badge/index.js";
 import { Loader, init_Loader } from "./Loader/index.js";
 import { Button, init_Button } from "./Button/index.js";
 import { Label, init_Label } from "./Label/index.js";
@@ -12,12 +10,14 @@ import { TextInput, init_TextInput } from "./TextInput/index.js";
 import { Key, init_Key } from "./Key/index.js";
 import { SearchInput, init_SearchInput } from "./SearchInput/index.js";
 import { Menu, init_Menu } from "./Menu/index.js";
+import { Badge, init_Badge } from "./Badge/index.js";
+import { Expandable, init_Expandable } from "./Expandable/index.js";
 import { Separator, init_Separator } from "./Separator/index.js";
 import { Row, init_Row } from "./Row/index.js";
 import { NumberInput, init_NumberInput } from "./NumberInput/index.js";
 import { Alert, init_Alert } from "./Alert/index.js";
-import { Checkbox, init_Checkbox } from "./Checkbox/index.js";
 import { Skeleton, init_Skeleton } from "./Skeleton/index.js";
+import { Checkbox, init_Checkbox } from "./Checkbox/index.js";
 import { Tag, init_Tag } from "./Tag/index.js";
 import { SelectInput, init_SelectInput } from "./SelectInput/index.js";
 import { UnitInput, init_UnitInput } from "./UnitInput/index.js";
@@ -36,7 +36,8 @@ import { BarChart, init_BarChart } from "./BarChart/index.js";
 import { BarStack, init_BarStack } from "./BarStack/index.js";
 import { Breadcrumbs, init_Breadcrumbs } from "./Breadcrumbs/index.js";
 import { Carousel, init_Carousel } from "./Carousel/index.js";
-import { CheckboxGroup, CheckboxGroupCheckbox, init_CheckboxGroup } from "./CheckboxGroup/index.js";
+import { CheckboxGroupCheckbox } from "./CheckboxGroup/SingleCheckbox.js";
+import { CheckboxGroup, init_CheckboxGroup } from "./CheckboxGroup/index.js";
 import { Chip, init_Chip } from "./Chip/index.js";
 import { DateInput, init_DateInput } from "./DateInput/index.js";
 import { Modal, init_Modal } from "./Modal/index.js";

package/dist/components/styles.js

@@ -3,22 +3,22 @@ import { init_styles_css, stackStyle } from "./Stack/styles.css.js";
 import { init_styles_css as init_styles_css$1, popupStyle } from "./Popup/styles.css.js";
 import { init_styles_css as init_styles_css$2, tooltipStyle } from "./Tooltip/styles.css.js";
 import { init_style_css, textStyle } from "./Text/style.css.js";
-import { expandableStyle, init_styles_css as init_styles_css$3 } from "./Expandable/styles.css.js";
-import { badgeStyle, init_styles_css as init_styles_css$4 } from "./Badge/styles.css.js";
-import { init_styles_css as init_styles_css$5, loaderStyle } from "./Loader/styles.css.js";
-import { buttonStyle, init_styles_css as init_styles_css$6 } from "./Button/styles.css.js";
-import { init_styles_css as init_styles_css$7, menuStyle } from "./Menu/styles.css.js";
-import { init_styles_css as init_styles_css$8, labelStyle } from "./Label/styles.css.js";
-import { init_styles_css as init_styles_css$9, textInputStyle } from "./TextInput/styles.css.js";
-import { init_styles_css as init_styles_css$10, keyStyle } from "./Key/styles.css.js";
-import { init_styles_css as init_styles_css$11, searchInputStyle } from "./SearchInput/styles.css.js";
+import { init_styles_css as init_styles_css$3, loaderStyle } from "./Loader/styles.css.js";
+import { buttonStyle, init_styles_css as init_styles_css$4 } from "./Button/styles.css.js";
+import { init_styles_css as init_styles_css$5, menuStyle } from "./Menu/styles.css.js";
+import { init_styles_css as init_styles_css$6, labelStyle } from "./Label/styles.css.js";
+import { init_styles_css as init_styles_css$7, textInputStyle } from "./TextInput/styles.css.js";
+import { init_styles_css as init_styles_css$8, keyStyle } from "./Key/styles.css.js";
+import { init_styles_css as init_styles_css$9, searchInputStyle } from "./SearchInput/styles.css.js";
+import { badgeStyle, init_styles_css as init_styles_css$10 } from "./Badge/styles.css.js";
+import { expandableStyle, init_styles_css as init_styles_css$11 } from "./Expandable/styles.css.js";
 import { init_styles_css as init_styles_css$12, separatorStyle } from "./Separator/styles.css.js";
 import { init_styles_css as init_styles_css$13, rowStyle } from "./Row/styles.css.js";
 import { init_styles_css as init_styles_css$14, numberInputStyle } from "./NumberInput/styles.css.js";
 import { alertStyle, init_styles_css as init_styles_css$15 } from "./Alert/styles.css.js";
-import { checkboxStyle, init_styles_css as init_styles_css$16 } from "./Checkbox/styles.css.js";
+import { init_styles_css as init_styles_css$16, selectInputStyle } from "./SelectInput/styles.css.js";
 import { init_styles_css as init_styles_css$17, skeletonStyle } from "./Skeleton/styles.css.js";
-import { init_styles_css as init_styles_css$18, selectInputStyle } from "./SelectInput/styles.css.js";
+import { checkboxStyle, init_styles_css as init_styles_css$18 } from "./Checkbox/styles.css.js";
 import { init_styles_css as init_styles_css$19, tagStyle } from "./Tag/styles.css.js";
 import { init_styles_css as init_styles_css$20, unitInputStyle } from "./UnitInput/styles.css.js";
 import { bulletStyle, init_styles_css as init_styles_css$21 } from "./Bullet/styles.css.js";
@@ -79,33 +79,33 @@ var init_styles = __esmMin(() => {
 	init_styles_css$24();
 	init_styles_css$15();
 	init_styles_css$28();
-	init_styles_css$4();
+	init_styles_css$10();
 	init_styles_css$30();
 	init_styles_css$31();
 	init_styles_css$32();
 	init_styles_css$33();
 	init_styles_css$21();
-	init_styles_css$6();
+	init_styles_css$4();
 	init_styles_css$22();
 	init_styles_css$34();
-	init_styles_css$16();
+	init_styles_css$18();
 	init_styles_css$35();
 	init_styles_css$36();
 	init_styles_css$37();
 	init_styles_css$39();
 	init_styles_css$40();
 	init_styles_css$41();
-	init_styles_css$3();
+	init_styles_css$11();
 	init_styles_css$42();
 	init_styles_css$43();
 	init_styles_css$44();
-	init_styles_css$10();
 	init_styles_css$8();
+	init_styles_css$6();
 	init_styles_css$45();
 	init_styles_css$29();
 	init_styles_css$23();
+	init_styles_css$3();
 	init_styles_css$5();
-	init_styles_css$7();
 	init_styles_css$46();
 	init_styles_css$38();
 	init_styles_css$47();
@@ -120,11 +120,11 @@ var init_styles = __esmMin(() => {
 	init_styles_css$25();
 	init_styles_css$53();
 	init_styles_css$13();
-	init_styles_css$11();
+	init_styles_css$9();
 	init_styles_css$54();
 	init_styles_css$56();
 	init_styles_css$57();
-	init_styles_css$18();
+	init_styles_css$16();
 	init_styles_css$12();
 	init_styles_css$17();
 	init_styles_css$58();
@@ -141,7 +141,7 @@ var init_styles = __esmMin(() => {
 	init_styles_css$66();
 	init_style_css();
 	init_styles_css$67();
-	init_styles_css$9();
+	init_styles_css$7();
 	init_styles_css$68();
 	init_styles_css$69();
 	init_styles_css$55();

package/dist/composition.d.ts

@@ -0,0 +1,4 @@
+export * from './compositions';
+export * from './compositions/styles';
+export * from './components';
+//# sourceMappingURL=composition.d.ts.map

package/dist/composition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composition.d.ts","sourceRoot":"","sources":["../src/composition.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,uBAAuB,CAAA;AAErC,cAAc,cAAc,CAAA"}

package/dist/composition.js

@@ -0,0 +1,124 @@
+import { __esmMin } from "./_virtual/_rolldown/runtime.js";
+import { Stack } from "./components/Stack/index.js";
+import { Popup } from "./components/Popup/index.js";
+import { Tooltip } from "./components/Tooltip/index.js";
+import { Text } from "./components/Text/index.js";
+import { NavigationProvider, useNavigation } from "./compositions/Navigation/NavigationProvider.js";
+import { navigationStyle } from "./compositions/Navigation/styles.css.js";
+import { Loader } from "./components/Loader/index.js";
+import { Button } from "./components/Button/index.js";
+import { Label } from "./components/Label/index.js";
+import { TextInput } from "./components/TextInput/index.js";
+import { Key } from "./components/Key/index.js";
+import { SearchInput } from "./components/SearchInput/index.js";
+import { Menu } from "./components/Menu/index.js";
+import { Badge } from "./components/Badge/index.js";
+import { Expandable } from "./components/Expandable/index.js";
+import { Separator } from "./components/Separator/index.js";
+import { Navigation } from "./compositions/Navigation/index.js";
+import en_default from "./compositions/EstimateCost/locales/en.js";
+import { estimateCostStyle } from "./compositions/EstimateCost/styles.css.js";
+import { Row } from "./components/Row/index.js";
+import { NumberInput } from "./components/NumberInput/index.js";
+import { Alert } from "./components/Alert/index.js";
+import { Skeleton } from "./components/Skeleton/index.js";
+import { Checkbox } from "./components/Checkbox/index.js";
+import { Tag } from "./components/Tag/index.js";
+import { SelectInput } from "./components/SelectInput/index.js";
+import { UnitInput } from "./components/UnitInput/index.js";
+import { EstimateCost } from "./compositions/EstimateCost/index.js";
+import { CopyButton } from "./components/CopyButton/index.js";
+import { codeEditorStyle } from "./compositions/CodeEditor/styles.css.js";
+import { CodeEditor } from "./compositions/CodeEditor/index.js";
+import { contentCardStyle } from "./compositions/ContentCard/styles.css.js";
+import { ContentCard } from "./compositions/ContentCard/index.js";
+import { contentCardGroupStyle } from "./compositions/ContentCardGroup/styles.css.js";
+import { ContentCardGroup } from "./compositions/ContentCardGroup/index.js";
+import { conversationStyle } from "./compositions/Conversation/styles.css.js";
+import { Conversation } from "./compositions/Conversation/index.js";
+import { customerSatisfactionStyle } from "./compositions/CustomerSatisfaction/styles.css.js";
+import { CustomerSatisfaction } from "./compositions/CustomerSatisfaction/index.js";
+import { Bullet } from "./components/Bullet/index.js";
+import { Card } from "./components/Card/index.js";
+import { faqStyle } from "./compositions/FAQ/styles.css.js";
+import { FAQ } from "./compositions/FAQ/index.js";
+import { infoTableStyle } from "./compositions/InfoTable/styles.css.js";
+import { InfoTable } from "./compositions/InfoTable/index.js";
+import { ActionBar } from "./components/ActionBar/index.js";
+import { List } from "./components/List/index.js";
+import { offerListStyle } from "./compositions/OfferList/styles.css.js";
+import { Radio } from "./components/Radio/index.js";
+import { OfferList } from "./compositions/OfferList/index.js";
+import { optionSelectorStyle } from "./compositions/OptionSelector/styles.css.js";
+import { OptionSelector } from "./compositions/OptionSelector/index.js";
+import { orderSummaryStyle } from "./compositions/OrderSummary/styles.css.js";
+import { OrderSummary } from "./compositions/OrderSummary/index.js";
+import { Popover } from "./components/Popover/index.js";
+import { plansStyle } from "./compositions/Plans/styles.css.js";
+import { Plans } from "./compositions/Plans/index.js";
+import { StepList } from "./components/StepList/index.js";
+import { steppedListCardStyle } from "./compositions/SteppedListCard/styles.css.js";
+import { SteppedListCard } from "./compositions/SteppedListCard/index.js";
+import { init_compositions } from "./compositions/index.js";
+import { init_styles } from "./compositions/styles.js";
+import { Avatar } from "./components/Avatar/index.js";
+import { Link } from "./components/Link/index.js";
+import { Banner } from "./components/Banner/index.js";
+import { BarChart } from "./components/BarChart/index.js";
+import { BarStack } from "./components/BarStack/index.js";
+import { Breadcrumbs } from "./components/Breadcrumbs/index.js";
+import { Carousel } from "./components/Carousel/index.js";
+import { CheckboxGroupCheckbox } from "./components/CheckboxGroup/SingleCheckbox.js";
+import { CheckboxGroup } from "./components/CheckboxGroup/index.js";
+import { Chip } from "./components/Chip/index.js";
+import { DateInput } from "./components/DateInput/index.js";
+import { Modal } from "./components/Modal/index.js";
+import { Dialog } from "./components/Dialog/index.js";
+import { Drawer } from "./components/Drawer/index.js";
+import { EmptyState } from "./components/EmptyState/index.js";
+import { ExpandableCard } from "./components/ExpandableCard/index.js";
+import { FileInput } from "./components/FileInput/index.js";
+import { GlobalAlert } from "./components/GlobalAlert/index.js";
+import { InfiniteScroll } from "./components/InfiniteScroll/index.js";
+import { LineChart } from "./components/LineChart/index.js";
+import { Meter } from "./components/Meter/index.js";
+import { Notice } from "./components/Notice/index.js";
+import { notification } from "./components/Notification/Notification.js";
+import { NotificationContainer } from "./components/Notification/NotificationContainer.js";
+import { Pagination } from "./components/Pagination/index.js";
+import { PasswordCheck } from "./components/PasswordCheck/index.js";
+import { PieChart } from "./components/PieChart/index.js";
+import { ProgressBar } from "./components/ProgressBar/index.js";
+import { RadioGroup } from "./components/RadioGroup/index.js";
+import { Toggle } from "./components/Toggle/index.js";
+import { SelectableCard } from "./components/SelectableCard/SelectableCard.js";
+import { SelectableCardGroup } from "./components/SelectableCardGroup/index.js";
+import { SelectableCardOptionGroup } from "./components/SelectableCardOptionGroup/SelectableCardOptionGroup.js";
+import { Slider } from "./components/Slider/index.js";
+import { Snippet } from "./components/Snippet/index.js";
+import { Status } from "./components/Status/index.js";
+import { Stepper } from "./components/Stepper/index.js";
+import { SwitchButton } from "./components/SwitchButton/index.js";
+import { Table } from "./components/Table/index.js";
+import { Tabs } from "./components/Tabs/index.js";
+import { TagInput } from "./components/TagInput/index.js";
+import { TagList } from "./components/TagList/index.js";
+import { TextArea } from "./components/TextArea/index.js";
+import { TimeInput } from "./components/TimeInput/index.js";
+import { toast } from "./components/Toaster/Toaster.js";
+import { ToastContainer } from "./components/Toaster/ToasterContainer.js";
+import { ToggleGroup } from "./components/ToggleGroup/index.js";
+import { TreeMapChart } from "./components/TreeMapChart/index.js";
+import { VerificationCode } from "./components/VerificationCode/index.js";
+import { init_components } from "./components/index.js";
+
+//#region src/composition.ts
+var init_composition = __esmMin(() => {
+	init_compositions();
+	init_styles();
+	init_components();
+});
+
+//#endregion
+init_composition();
+export { ActionBar, Alert, Avatar, Badge, Banner, BarChart, BarStack, Breadcrumbs, Bullet, Button, Card, Carousel, Checkbox, CheckboxGroup, CheckboxGroupCheckbox, Chip, CodeEditor, ContentCard, ContentCardGroup, Conversation, CopyButton, CustomerSatisfaction, DateInput, Dialog, Drawer, EmptyState, EstimateCost, Expandable, ExpandableCard, FAQ, FileInput, GlobalAlert, InfiniteScroll, InfoTable, Key, Label, LineChart, Link, List, Loader, Menu, Meter, Modal, Navigation, NavigationProvider, Notice, NotificationContainer, NumberInput, OfferList, OptionSelector, OrderSummary, Pagination, PasswordCheck, PieChart, Plans, Popover, Popup, ProgressBar, Radio, RadioGroup, Row, SearchInput, SelectInput, SelectableCard, SelectableCardGroup, SelectableCardOptionGroup, Separator, Skeleton, Slider, Snippet, Stack, Status, StepList, SteppedListCard, Stepper, SwitchButton, Table, Tabs, Tag, TagInput, TagList, Text, TextArea, TextInput, TimeInput, ToastContainer, Toggle, ToggleGroup, Tooltip, TreeMapChart, UnitInput, VerificationCode, codeEditorStyle, contentCardGroupStyle, contentCardStyle, conversationStyle, customerSatisfactionStyle, en_default as estimateCostDefaultLocales, estimateCostStyle, faqStyle, infoTableStyle, navigationStyle, notification, offerListStyle, optionSelectorStyle, orderSummaryStyle, plansStyle, steppedListCardStyle, toast, useNavigation };

package/dist/compositions/CodeEditor/components/CopyButton.d.ts

@@ -0,0 +1,6 @@
+import type { CodeEditorProps } from '../type';
+export declare const CodeEditorCopyButton: ({ copyButton, value, }: {
+    copyButton: CodeEditorProps['copyButton'];
+    value: CodeEditorProps['value'];
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CopyButton.d.ts.map

package/dist/compositions/CodeEditor/components/CopyButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../../../src/compositions/CodeEditor/components/CopyButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C,eAAO,MAAM,oBAAoB,2BAG9B;IACD,UAAU,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;IACzC,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAA;CAChC,4CAUA,CAAA"}

package/dist/compositions/CodeEditor/components/CopyButton.js

@@ -0,0 +1,24 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { CopyButton, init_CopyButton as init_CopyButton$1 } from "../../../components/CopyButton/index.js";
+import { codeEditorStyle, init_styles_css } from "../styles.css.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/compositions/CodeEditor/components/CopyButton.tsx
+var CodeEditorCopyButton;
+var init_CopyButton = __esmMin(() => {
+	init_CopyButton$1();
+	init_styles_css();
+	CodeEditorCopyButton = ({ copyButton, value }) => /* @__PURE__ */ jsx(CopyButton, {
+		bordered: true,
+		className: codeEditorStyle.copyButton,
+		sentiment: "neutral",
+		size: "small",
+		value,
+		children: typeof copyButton === "string" ? copyButton : void 0
+	});
+});
+
+//#endregion
+init_CopyButton();
+export { CodeEditorCopyButton, init_CopyButton };

package/dist/compositions/CodeEditor/components/Expandable.d.ts

@@ -0,0 +1,8 @@
+import type { Dispatch, SetStateAction } from 'react';
+export declare const CodeEditorExpandable: ({ expanded, setExpanded, hideText, showText, }: {
+    expanded: boolean;
+    setExpanded: Dispatch<SetStateAction<boolean>>;
+    hideText: string;
+    showText: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Expandable.d.ts.map

package/dist/compositions/CodeEditor/components/Expandable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Expandable.d.ts","sourceRoot":"","sources":["../../../../src/compositions/CodeEditor/components/Expandable.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAErD,eAAO,MAAM,oBAAoB,mDAK9B;IACD,QAAQ,EAAE,OAAO,CAAA;IACjB,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAC9C,QAAQ,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,MAAM,CAAA;CACjB,4CAwBA,CAAA"}

package/dist/compositions/CodeEditor/components/Expandable.js

@@ -0,0 +1,37 @@
+'use client';
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Text, init_Text } from "../../../components/Text/index.js";
+import { codeEditorStyle, init_styles_css } from "../styles.css.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDownIcon } from "@ultraviolet/icons/ArrowDownIcon";
+
+//#region src/compositions/CodeEditor/components/Expandable.tsx
+var CodeEditorExpandable;
+var init_Expandable = __esmMin(() => {
+	init_Text();
+	init_styles_css();
+	CodeEditorExpandable = ({ expanded, setExpanded, hideText, showText }) => /* @__PURE__ */ jsx("div", {
+		className: codeEditorStyle.showMoreContainer({ expanded }),
+		children: /* @__PURE__ */ jsx("button", {
+			"aria-expanded": expanded,
+			className: codeEditorStyle.showMoreButton,
+			onClick: () => setExpanded((prevState) => !prevState),
+			type: "button",
+			children: /* @__PURE__ */ jsxs(Text, {
+				as: "span",
+				className: codeEditorStyle.centeredText,
+				sentiment: "neutral",
+				variant: "bodySmallStrong",
+				children: [
+					expanded ? hideText : showText,
+					"\xA0",
+					/* @__PURE__ */ jsx(ArrowDownIcon, { className: codeEditorStyle.animatedArrowIcon[expanded ? "true" : "false"] })
+				]
+			})
+		})
+	});
+});
+
+//#endregion
+init_Expandable();
+export { CodeEditorExpandable, init_Expandable };

package/dist/compositions/CodeEditor/index.d.ts

@@ -0,0 +1,6 @@
+import type { CodeEditorProps } from './type';
+/**
+ * A code editor is a specialized tool designed to help developers write, edit, and manage code efficiently.
+ */
+export declare const CodeEditor: ({ value, onChange, extensions, onBlur, height, readOnly, autoCompletion, disabled, label, copyButton, id, helper, labelDescription, expandableHeight, hideText, showText, 'aria-label': ariaLabel, 'data-testid': dataTestId, className, error, lineNumbers, style, required, }: CodeEditorProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/compositions/CodeEditor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/compositions/CodeEditor/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAA;AAE7C;;GAEG;AACH,eAAO,MAAM,UAAU,oRAwBpB,eAAe,4CA4FjB,CAAA"}

package/dist/compositions/CodeEditor/index.js

@@ -0,0 +1,112 @@
+'use client';
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../components/Stack/index.js";
+import { Text, init_Text } from "../../components/Text/index.js";
+import { Label, init_Label } from "../../components/Label/index.js";
+import { Expandable, init_Expandable } from "../../components/Expandable/index.js";
+import { codeEditorStyle, disabledStack, init_styles_css, maxHeightVar } from "./styles.css.js";
+import { CodeEditorCopyButton, init_CopyButton } from "./components/CopyButton.js";
+import { CodeEditorExpandable, init_Expandable as init_Expandable$1 } from "./components/Expandable.js";
+import { useState } from "react";
+import { cn } from "@ultraviolet/utils";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { langs } from "@uiw/codemirror-extensions-langs";
+import { material } from "@uiw/codemirror-theme-material";
+import CodeMirror from "@uiw/react-codemirror";
+
+//#region src/compositions/CodeEditor/index.tsx
+var CodeEditor;
+var init_CodeEditor = __esmMin(() => {
+	init_Expandable();
+	init_Label();
+	init_Stack();
+	init_Text();
+	init_CopyButton();
+	init_Expandable$1();
+	init_styles_css();
+	CodeEditor = ({ value, onChange, extensions, onBlur, height, readOnly, autoCompletion, disabled = false, label, copyButton, id, helper, labelDescription, expandableHeight, hideText = "Hide", showText = "Show", "aria-label": ariaLabel, "data-testid": dataTestId, className, error, lineNumbers = true, style, required }) => {
+		var _langs$extensions;
+		var _langs$extensions2;
+		const [expanded, setExpanded] = useState(false);
+		const expandableEnabled = expandableHeight !== void 0;
+		const isEditable = !(disabled && readOnly) && (!expandableEnabled || expanded);
+		const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(CodeMirror, {
+			"aria-disabled": disabled,
+			"aria-label": ariaLabel,
+			basicSetup: {
+				autocompletion: autoCompletion,
+				highlightActiveLine: false,
+				highlightActiveLineGutter: false,
+				lineNumbers
+			},
+			className,
+			"data-testid": dataTestId,
+			editable: isEditable,
+			extensions: [(_langs$extensions = (_langs$extensions2 = langs[extensions]) === null || _langs$extensions2 === void 0 ? void 0 : _langs$extensions2.call(langs)) !== null && _langs$extensions !== void 0 ? _langs$extensions : langs["sh"]],
+			height: expandableEnabled ? void 0 : height,
+			id,
+			onBlur,
+			onChange,
+			onUpdate: () => {
+				if (disabled) {
+					var _document$getSelectio;
+					(_document$getSelectio = document.getSelection()) === null || _document$getSelectio === void 0 || _document$getSelectio.empty();
+				}
+			},
+			readOnly: readOnly || disabled,
+			theme: material,
+			value,
+			width: "100%"
+		}), copyButton && !disabled ? /* @__PURE__ */ jsx(CodeEditorCopyButton, {
+			copyButton,
+			value
+		}) : null] });
+		return /* @__PURE__ */ jsxs(Stack, {
+			className: cn(disabled ? disabledStack : ""),
+			gap: .5,
+			style,
+			children: [
+				label ? /* @__PURE__ */ jsx(Label, {
+					labelDescription,
+					required,
+					children: label
+				}) : null,
+				/* @__PURE__ */ jsxs("div", {
+					className: codeEditorStyle.wrapper,
+					children: [/* @__PURE__ */ jsx("div", {
+						className: cn(codeEditorStyle.codeEditor[disabled ? "disabled" : "default"]),
+						style: assignInlineVars({ [maxHeightVar]: !expanded && expandableHeight ? `${expandableHeight}px` : "none" }),
+						children: expandableEnabled ? /* @__PURE__ */ jsx(Expandable, {
+							minHeight: expandableHeight,
+							opened: expanded,
+							children: content
+						}) : content
+					}), expandableEnabled ? /* @__PURE__ */ jsx(CodeEditorExpandable, {
+						expanded,
+						hideText,
+						setExpanded,
+						showText
+					}) : null]
+				}),
+				error && typeof error !== "boolean" ? /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					sentiment: "danger",
+					variant: "caption",
+					children: error
+				}) : null,
+				!error && helper ? /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					prominence: "weak",
+					sentiment: "neutral",
+					variant: "caption",
+					children: helper
+				}) : null
+			]
+		});
+	};
+});
+
+//#endregion
+init_CodeEditor();
+export { CodeEditor, init_CodeEditor };

package/dist/compositions/CodeEditor/styles.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/compositions/CodeEditor/styles.css.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY,oBAAc,CAAA;AACvC,eAAO,MAAM,aAAa,QAAmC,CAAA;AAkK7D,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;CAQ3B,CAAA"}

package/dist/compositions/CodeEditor/styles.css.js

@@ -0,0 +1,38 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/compositions/CodeEditor/styles.css.ts
+var maxHeightVar, disabledStack, codeEditorStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	maxHeightVar = "var(--uv_1b8bj1w0)";
+	disabledStack = "uv_1b8bj1w1";
+	codeEditorStyle = {
+		copyButton: "uv_1b8bj1w2",
+		codeEditor: {
+			"default": "uv_1b8bj1w4 uv_1b8bj1w3",
+			disabled: "uv_1b8bj1w5 uv_1b8bj1w3"
+		},
+		showMoreButton: "uv_1b8bj1wa",
+		showMoreContainer: createRuntimeFn({
+			defaultClassName: "uv_1b8bj1w7 uv_1b8bj1w6",
+			variantClassNames: { expanded: {
+				true: "uv_1b8bj1w8",
+				false: "uv_1b8bj1w9"
+			} },
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		centeredText: "uv_1b8bj1wb",
+		animatedArrowIcon: {
+			false: "uv_1b8bj1wc",
+			true: "uv_1b8bj1wd"
+		},
+		wrapper: "uv_1b8bj1we"
+	};
+});
+
+//#endregion
+init_styles_css();
+export { codeEditorStyle, disabledStack, init_styles_css, maxHeightVar };

package/dist/compositions/CodeEditor/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/compositions/CodeEditor/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/compositions/CodeEditor/type.d.ts

@@ -0,0 +1,38 @@
+import type { langs } from '@uiw/codemirror-extensions-langs';
+import type { ReactCodeMirrorProps } from '@uiw/react-codemirror';
+import type { CSSProperties, ReactNode } from 'react';
+export type CodeEditorProps = {
+    value: string;
+    onChange: ReactCodeMirrorProps['onChange'];
+    extensions: keyof typeof langs;
+    onBlur?: () => void;
+    height?: string;
+    readOnly?: boolean;
+    autoCompletion?: boolean;
+    disabled?: boolean;
+    helper?: ReactNode;
+    /**
+     * When set to true, a copy button is displayed in the top right corner of the editor.
+     * If a string is provided, it is used as the button's label. Otherwise, no label is displayed.
+     */
+    copyButton?: boolean | string;
+    label?: string;
+    /**
+     * Defines a max height and adds an expand button to see the full content of the component
+     */
+    expandableHeight?: number;
+    /** Text for the "show" button when maxLines is defined */
+    showText?: string;
+    /** Text for the "hide" button when maxLines is defined */
+    hideText?: string;
+    id?: string;
+    labelDescription?: ReactNode;
+    'aria-label'?: string;
+    'data-testid'?: string;
+    className?: string;
+    error?: string;
+    lineNumbers?: boolean;
+    style?: CSSProperties;
+    required?: boolean;
+};
+//# sourceMappingURL=type.d.ts.map

package/dist/compositions/CodeEditor/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../src/compositions/CodeEditor/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAA;AAC7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AACjE,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,oBAAoB,CAAC,UAAU,CAAC,CAAA;IAC1C,UAAU,EAAE,MAAM,OAAO,KAAK,CAAA;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA"}

package/dist/compositions/ContentCard/Content.d.ts

@@ -0,0 +1,3 @@
+import type { ContentCardProps } from './type';
+export declare const CardContent: ({ title, subtitle, disabled, headingTag, description, children, }: ContentCardProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Content.d.ts.map

package/dist/compositions/ContentCard/Content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.d.ts","sourceRoot":"","sources":["../../../src/compositions/ContentCard/Content.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAE9C,eAAO,MAAM,WAAW,sEAOrB,gBAAgB,4CAqClB,CAAA"}