@ultraviolet/ui 3.9.0 → 3.10.0

package/dist/components/SelectableCard/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,WAAW,MAAM,4BAA4B,CAAA;AAC9D,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,SAAS,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAA;AAE5E,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EACL,CAAC,CAAC,EACA,QAAQ,EACR,OAAO,GACR,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,UAAU,CAAC,KAAK,SAAS,CAAC,GACnE,SAAS,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CACA;IACE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,KAAK,CAAA;CACpB,GACD;IACE,WAAW,CAAC,EAAE,8BAA8B,CAC1C,MAAM,OAAO,WAAW,EACxB,aAAa,CACd,CAAA;IACD,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,CACJ,GACC,SAAS,CAAA;AAEX,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,mBAAmB,EACjB,MAAM,GACN,SAAS,GACT,SAAS,GACT,IAAI,GACJ,UAAU,GACV,SAAS,GACT,OAAO,GACP,YAAY,GACZ,UAAU,GACV,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,CACV,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CAC7C,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCard/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,WAAW,MAAM,4BAA4B,CAAA;AAC9D,OAAO,KAAK,EACV,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,SAAS,EACT,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EAAE,SAAS,EAAE,8BAA8B,EAAE,MAAM,aAAa,CAAA;AAE5E,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EACL,CAAC,CAAC,EACA,QAAQ,EACR,OAAO,EACR,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,GAAG,UAAU,CAAC,KAAK,SAAS,CAAC,GACnE,SAAS,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC7C,MAAM,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IAC5C,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,GAAG,CACA;IACE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW,CAAC,EAAE,KAAK,CAAA;CACpB,GACD;IACE,WAAW,CAAC,EAAE,8BAA8B,CAC1C,MAAM,OAAO,WAAW,EACxB,aAAa,CACd,CAAA;IACD,YAAY,CAAC,EAAE,KAAK,CAAA;CACrB,CACJ,GACC,SAAS,CAAA;AAEX,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,mBAAmB,EACjB,MAAM,GACN,SAAS,GACT,SAAS,GACT,IAAI,GACJ,UAAU,GACV,SAAS,GACT,OAAO,GACP,YAAY,GACZ,UAAU,GACV,MAAM,GACN,UAAU,GACV,QAAQ,GACR,OAAO,CACV,GAAG;IACF,QAAQ,EAAE,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CAC7C,CAAA"}

package/dist/components/SelectableCard/variables.css.js

@@ -1,8 +1,7 @@
+//#region src/components/SelectableCard/variables.css.ts
 var inputDisplay = "var(--uv_18vc4d30)";
 var labelDisplay = "var(--uv_18vc4d31)";
 var widthSelectable = "var(--uv_18vc4d32)";
-export {
-  inputDisplay,
-  labelDisplay,
-  widthSelectable
-};
+
+//#endregion
+export { inputDisplay, labelDisplay, widthSelectable };

package/dist/components/SelectableCardGroup/index.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentProps, InputHTMLAttributes, ReactNode } from 'react';
 import { SelectableCard } from '../SelectableCard';
 export type CardSelectableCardProps = Omit<ComponentProps<typeof SelectableCard>, 'onChange' | 'checked' | 'type' | 'showTick'>;
-declare const CardSelectableCard: ({ value, disabled, children, className, isError, onFocus, onBlur, tooltip, id, label, style, "data-testid": dataTestId, }: CardSelectableCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const CardSelectableCard: ({ value, disabled, children, className, isError, onFocus, onBlur, tooltip, id, label, style, 'data-testid': dataTestId, }: CardSelectableCardProps) => import("react/jsx-runtime").JSX.Element;
 type SelectableCardGroupProps = {
     legend?: string;
     legendDescription?: ReactNode;

package/dist/components/SelectableCardGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAI3E,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAkBlD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,cAAc,CAAC,OAAO,cAAc,CAAC,EACrC,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAC7C,CAAA;AAED,QAAA,MAAM,kBAAkB,GAAI,2HAazB,uBAAuB,4CAqCzB,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,UAAU,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAErE;;GAEG;AACH,QAAA,MAAM,4BAA4B,GAAI,8HAcnC,wBAAwB,4CAmD1B,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,4BAA4B,GAAG;IACzE,IAAI,EAAE,OAAO,kBAAkB,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,6BAKjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardGroup/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAI3E,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAkBlD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,cAAc,CAAC,OAAO,cAAc,CAAC,EACrC,UAAU,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAC7C,CAAA;AAED,QAAA,MAAM,kBAAkB,iMAkDvB,CAAA;AAED,KAAK,wBAAwB,GAAG;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,UAAU,CAAA;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,CAAA;AAErE;;GAEG;AACH,QAAA,MAAM,4BAA4B,qMAiEjC,CAAA;AAED,KAAK,6BAA6B,GAAG,OAAO,4BAA4B,GAAG;IACzE,IAAI,EAAE,OAAO,kBAAkB,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,6BAKjC,CAAA"}

package/dist/components/SelectableCardGroup/index.js

@@ -1,117 +1,101 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { useMemo, createContext, useContext } from "react";
-import { Label } from "../Label/index.js";
-import { Row } from "../Row/index.js";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-import { selectableCardGroupFieldSet } from "./styles.css.js";
+import { Label } from "../Label/index.js";
+import { Row } from "../Row/index.js";
 import { SelectableCard } from "../SelectableCard/SelectableCard.js";
+import { selectableCardGroupFieldSet } from "./styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { createContext, useContext, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/SelectableCardGroup/index.tsx
 const SelectableCardGroupContext = createContext(void 0);
-const CardSelectableCard = ({
-  value,
-  disabled,
-  children,
-  className,
-  isError,
-  onFocus,
-  onBlur,
-  tooltip,
-  id,
-  label,
-  style,
-  "data-testid": dataTestId
-}) => {
-  const context = useContext(SelectableCardGroupContext);
-  if (!context) {
-    throw new Error(
-      "SelectableCardGroup.Card can only be used inside a SelectableCardGroup"
-    );
-  }
-  const { groupName, onChange, groupValue, type, showTick, error } = context;
-  return /* @__PURE__ */ jsx(
-    SelectableCard,
-    {
-      checked: typeof groupValue === "object" ? groupValue.includes(value) : groupValue === value,
-      className,
-      "data-testid": dataTestId,
-      disabled,
-      id,
-      isError: isError || error,
-      label,
-      name: groupName,
-      onBlur,
-      onChange,
-      onFocus,
-      showTick,
-      style,
-      tooltip,
-      type,
-      value,
-      children
-    }
-  );
-};
-const SelectableCardGroupComponent = ({
-  legend,
-  legendDescription,
-  value,
-  className,
-  helper,
-  error,
-  columns = 1,
-  children,
-  onChange,
-  name,
-  required = false,
-  type,
-  showTick = false
-}) => {
-  const contextValue = useMemo(
-    () => ({
-      error: !!error,
-      groupName: name,
-      groupValue: value,
-      onChange,
-      required,
-      showTick,
-      type
-    }),
-    [name, value, onChange, required, type, showTick, error]
-  );
-  return /* @__PURE__ */ jsx(SelectableCardGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(Stack, { gap: 1, children: [
-    /* @__PURE__ */ jsx("fieldset", { className: cn(className, selectableCardGroupFieldSet), children: /* @__PURE__ */ jsxs(Stack, { gap: 1.5, children: [
-      legend ? /* @__PURE__ */ jsx(
-        Label,
-        {
-          as: "legend",
-          labelDescription: legendDescription,
-          required,
-          children: legend
-        }
-      ) : null,
-      /* @__PURE__ */ jsx(Row, { gap: 2, templateColumns: `repeat(${columns}, minmax(0, 1fr))`, children })
-    ] }) }),
-    helper ? /* @__PURE__ */ jsx(
-      Text,
-      {
-        as: "span",
-        prominence: "weak",
-        sentiment: "neutral",
-        variant: "caption",
-        children: helper
-      }
-    ) : null,
-    error ? /* @__PURE__ */ jsx(Text, { as: "span", sentiment: "danger", variant: "caption", children: error }) : null
-  ] }) });
+const CardSelectableCard = ({ value, disabled, children, className, isError, onFocus, onBlur, tooltip, id, label, style, "data-testid": dataTestId }) => {
+	const context = useContext(SelectableCardGroupContext);
+	if (!context) throw new Error("SelectableCardGroup.Card can only be used inside a SelectableCardGroup");
+	const { groupName, onChange, groupValue, type, showTick, error } = context;
+	return /* @__PURE__ */ jsx(SelectableCard, {
+		checked: typeof groupValue === "object" ? groupValue.includes(value) : groupValue === value,
+		className,
+		"data-testid": dataTestId,
+		disabled,
+		id,
+		isError: isError || error,
+		label,
+		name: groupName,
+		onBlur,
+		onChange,
+		onFocus,
+		showTick,
+		style,
+		tooltip,
+		type,
+		value,
+		children
+	});
 };
-const SelectableCardGroup = Object.assign(
-  SelectableCardGroupComponent,
-  {
-    Card: CardSelectableCard
-  }
-);
-export {
-  SelectableCardGroup
+/**
+* SelectableCardGroup is a component that allows users to select cards from a list of cards using SelectableCard.
+*/
+const SelectableCardGroupComponent = ({ legend, legendDescription, value, className, helper, error, columns = 1, children, onChange, name, required = false, type, showTick = false }) => {
+	const contextValue = useMemo(() => ({
+		error: !!error,
+		groupName: name,
+		groupValue: value,
+		onChange,
+		required,
+		showTick,
+		type
+	}), [
+		name,
+		value,
+		onChange,
+		required,
+		type,
+		showTick,
+		error
+	]);
+	return /* @__PURE__ */ jsx(SelectableCardGroupContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsxs(Stack, {
+			gap: 1,
+			children: [
+				/* @__PURE__ */ jsx("fieldset", {
+					className: cn(className, selectableCardGroupFieldSet),
+					children: /* @__PURE__ */ jsxs(Stack, {
+						gap: 1.5,
+						children: [legend ? /* @__PURE__ */ jsx(Label, {
+							as: "legend",
+							labelDescription: legendDescription,
+							required,
+							children: legend
+						}) : null, /* @__PURE__ */ jsx(Row, {
+							gap: 2,
+							templateColumns: `repeat(${columns}, minmax(0, 1fr))`,
+							children
+						})]
+					})
+				}),
+				helper ? /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					prominence: "weak",
+					sentiment: "neutral",
+					variant: "caption",
+					children: helper
+				}) : null,
+				error ? /* @__PURE__ */ jsx(Text, {
+					as: "span",
+					sentiment: "danger",
+					variant: "caption",
+					children: error
+				}) : null
+			]
+		})
+	});
 };
+const SelectableCardGroup = Object.assign(SelectableCardGroupComponent, { Card: CardSelectableCard });
+
+//#endregion
+export { SelectableCardGroup };

package/dist/components/SelectableCardGroup/styles.css.js

@@ -1,5 +1,7 @@
-/* empty css                          */
+/* empty css                      */
+
+//#region src/components/SelectableCardGroup/styles.css.ts
 var selectableCardGroupFieldSet = "uv_7j58nd0";
-export {
-  selectableCardGroupFieldSet
-};
+
+//#endregion
+export { selectableCardGroupFieldSet };

package/dist/components/SelectableCardOptionGroup/Provider.js

@@ -1,26 +1,22 @@
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { createContext, useContext } from "react";
+
+//#region src/components/SelectableCardOptionGroup/Provider.ts
 const SelectableCardOptionGroupContext = createContext({
-  disabled: false,
-  error: false,
-  groupName: "",
-  onChange: () => {
-  },
-  onChangeOption: () => {
-  },
-  optionValue: "",
-  required: false,
-  size: "large"
+	disabled: false,
+	error: false,
+	groupName: "",
+	onChange: () => {},
+	onChangeOption: () => {},
+	optionValue: "",
+	required: false,
+	size: "large"
 });
 const useSelectableCardOptionGroup = () => {
-  const context = useContext(SelectableCardOptionGroupContext);
-  if (!context) {
-    throw new Error(
-      "SelectableCardOptionGroup.Option must be used inside a SelectableCardOptionGroup"
-    );
-  }
-  return context;
-};
-export {
-  SelectableCardOptionGroupContext,
-  useSelectableCardOptionGroup
+	const context = useContext(SelectableCardOptionGroupContext);
+	if (!context) throw new Error("SelectableCardOptionGroup.Option must be used inside a SelectableCardOptionGroup");
+	return context;
 };
+
+//#endregion
+export { SelectableCardOptionGroupContext, useSelectableCardOptionGroup };

package/dist/components/SelectableCardOptionGroup/SelectableCardOptionGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectableCardOptionGroup.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardOptionGroup/SelectableCardOptionGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAM3E,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAG5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,KAAK,8BAA8B,GAAG;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,aAAa,CAAC,CAAA;IAC1D,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,CAAA;AAE/D;;;;;GAKG;AACH,QAAA,MAAM,kCAAkC,GAAI,kKAiBzC,8BAA8B,4CA0DhC,CAAA;AAED,KAAK,6BAA6B,GAChC,OAAO,kCAAkC,GAAG;IAC1C,MAAM,EAAE,OAAO,MAAM,CAAA;CACtB,CAAA;AAEH,eAAO,MAAM,yBAAyB,EAAE,6BAGpC,CAAA"}
+{"version":3,"file":"SelectableCardOptionGroup.d.ts","sourceRoot":"","sources":["../../../src/components/SelectableCardOptionGroup/SelectableCardOptionGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAM3E,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAG5C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAEpC,KAAK,8BAA8B,GAAG;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,OAAO,CAAC,CAAA;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,aAAa,CAAC,CAAA;IAC1D,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAA;CACb,GAAG,QAAQ,CAAC,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAC,GACnE,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,CAAA;AAE/D;;;;;GAKG;AACH,QAAA,MAAM,kCAAkC,+OA2EvC,CAAA;AAED,KAAK,6BAA6B,GAChC,OAAO,kCAAkC,GAAG;IAC1C,MAAM,EAAE,OAAO,MAAM,CAAA;CACtB,CAAA;AAEH,eAAO,MAAM,yBAAyB,EAAE,6BAGpC,CAAA"}

package/dist/components/SelectableCardOptionGroup/SelectableCardOptionGroup.js

@@ -1,84 +1,76 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { useMemo } from "react";
-import { Label } from "../Label/index.js";
-import { Row } from "../Row/index.js";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-import { Option } from "./components/Option.js";
+import { Label } from "../Label/index.js";
+import { Row } from "../Row/index.js";
 import { SelectableCardOptionGroupContext } from "./Provider.js";
 import { selectableCardOptionFieldSet } from "./styles.css.js";
-const SelectableCardOptionGroupComponent = ({
-  legend,
-  legendDescription,
-  className,
-  required,
-  columns = 3,
-  children,
-  helper,
-  error,
-  onChange,
-  value,
-  optionValue,
-  onChangeOption,
-  name,
-  disabled,
-  size = "large",
-  style
-}) => {
-  const contextValue = useMemo(
-    () => ({
-      disabled,
-      error: !!error,
-      groupName: name,
-      groupValue: value,
-      onChange,
-      onChangeOption,
-      optionValue,
-      required,
-      size
-    }),
-    [
-      disabled,
-      error,
-      name,
-      onChange,
-      onChangeOption,
-      optionValue,
-      required,
-      value,
-      size
-    ]
-  );
-  return /* @__PURE__ */ jsx(SelectableCardOptionGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs(Stack, { gap: 1, style, children: [
-    /* @__PURE__ */ jsx("fieldset", { className: cn(className, selectableCardOptionFieldSet), children: /* @__PURE__ */ jsxs(Stack, { gap: 1.5, children: [
-      legend ? /* @__PURE__ */ jsx(
-        Label,
-        {
-          as: "legend",
-          labelDescription: legendDescription,
-          required,
-          children: legend
-        }
-      ) : null,
-      /* @__PURE__ */ jsx(Row, { gap: 2, templateColumns: `repeat(${columns}, minmax(0, 1fr))`, children })
-    ] }) }),
-    error && typeof error === "string" || helper ? /* @__PURE__ */ jsx(
-      Text,
-      {
-        as: "span",
-        prominence: "weak",
-        sentiment: error ? "danger" : "neutral",
-        variant: "caption",
-        children: helper ?? error
-      }
-    ) : null
-  ] }) });
-};
-const SelectableCardOptionGroup = Object.assign(SelectableCardOptionGroupComponent, {
-  Option
-});
-export {
-  SelectableCardOptionGroup
+import { Option } from "./components/Option.js";
+import { cn } from "@ultraviolet/utils";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/SelectableCardOptionGroup/SelectableCardOptionGroup.tsx
+/**
+* SelectableCardOptionGroup gives you a group of SelectInput within a SelectableCard component.
+* It's an input that provide the choice of one value and sub options to choose from.
+*
+* **Be aware that once you click on the component, the first value of options will be selected by default.**
+*/
+const SelectableCardOptionGroupComponent = ({ legend, legendDescription, className, required, columns = 3, children, helper, error, onChange, value, optionValue, onChangeOption, name, disabled, size = "large", style }) => {
+	const contextValue = useMemo(() => ({
+		disabled,
+		error: !!error,
+		groupName: name,
+		groupValue: value,
+		onChange,
+		onChangeOption,
+		optionValue,
+		required,
+		size
+	}), [
+		disabled,
+		error,
+		name,
+		onChange,
+		onChangeOption,
+		optionValue,
+		required,
+		value,
+		size
+	]);
+	return /* @__PURE__ */ jsx(SelectableCardOptionGroupContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsxs(Stack, {
+			gap: 1,
+			style,
+			children: [/* @__PURE__ */ jsx("fieldset", {
+				className: cn(className, selectableCardOptionFieldSet),
+				children: /* @__PURE__ */ jsxs(Stack, {
+					gap: 1.5,
+					children: [legend ? /* @__PURE__ */ jsx(Label, {
+						as: "legend",
+						labelDescription: legendDescription,
+						required,
+						children: legend
+					}) : null, /* @__PURE__ */ jsx(Row, {
+						gap: 2,
+						templateColumns: `repeat(${columns}, minmax(0, 1fr))`,
+						children
+					})]
+				})
+			}), error && typeof error === "string" || helper ? /* @__PURE__ */ jsx(Text, {
+				as: "span",
+				prominence: "weak",
+				sentiment: error ? "danger" : "neutral",
+				variant: "caption",
+				children: helper !== null && helper !== void 0 ? helper : error
+			}) : null]
+		})
+	});
 };
+const SelectableCardOptionGroup = Object.assign(SelectableCardOptionGroupComponent, { Option });
+
+//#endregion
+export { SelectableCardOptionGroup };

package/dist/components/SelectableCardOptionGroup/components/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectableCardOptionGroup/components/Image.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAOrC,KAAK,SAAS,GAAG;IACf,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,KAAK,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,KAAK,GAAI,yCAAyC,SAAS,4CASvE,CAAA"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectableCardOptionGroup/components/Image.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAOrC,KAAK,SAAS,GAAG;IACf,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,KAAK,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,KAAK,iGASjB,CAAA"}

package/dist/components/SelectableCardOptionGroup/components/Image.js

@@ -1,22 +1,22 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
+'use client';
+import { __name } from "../../../_virtual/_rolldown/runtime.js";
 import { disabledImage } from "../styles.css.js";
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/SelectableCardOptionGroup/components/Image.tsx
 const IMAGE_SIZES = {
-  large: 56,
-  medium: 40
-};
-const Image = ({ src, alt, size, disabled, className }) => /* @__PURE__ */ jsx(
-  "img",
-  {
-    alt,
-    className: cn(className, disabled ? disabledImage : ""),
-    "data-disabled": disabled,
-    height: IMAGE_SIZES[size],
-    src,
-    width: IMAGE_SIZES[size]
-  }
-);
-export {
-  Image
+	large: 56,
+	medium: 40
 };
+const Image = ({ src, alt, size, disabled, className }) => /* @__PURE__ */ jsx("img", {
+	alt,
+	className: cn(className, disabled ? disabledImage : ""),
+	"data-disabled": disabled,
+	height: IMAGE_SIZES[size],
+	src,
+	width: IMAGE_SIZES[size]
+});
+
+//#endregion
+export { Image };

package/dist/components/SelectableCardOptionGroup/components/Option.d.ts

@@ -15,6 +15,6 @@ type OptionProps = Omit<ComponentProps<typeof SelectableCard>, 'onChange'> & {
     'data-testid'?: string;
     tooltip?: string;
 };
-export declare const Option: ({ value, label, labelDescription, "aria-label": ariaLabel, children, className, options, optionPlaceholder, image, disabled, id, "data-testid": dataTestId, tooltip, style, }: OptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Option: ({ value, label, labelDescription, 'aria-label': ariaLabel, children, className, options, optionPlaceholder, image, disabled, id, 'data-testid': dataTestId, tooltip, style, }: OptionProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Option.d.ts.map

package/dist/components/SelectableCardOptionGroup/components/Option.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectableCardOptionGroup/components/Option.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAa/C,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,SAAS,CAAC,CAAA;IACtD,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,CAAC,CAAA;IACzD,iBAAiB,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,aAAa,CAAC,CAAA;IACrE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACnE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,MAAM,GAAI,+KAepB,WAAW,4CA0Gb,CAAA"}
+{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectableCardOptionGroup/components/Option.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAa/C,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,SAAS,CAAC,CAAA;IACtD,WAAW,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,OAAO,CAAC,CAAA;IACzD,iBAAiB,CAAC,EAAE,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC,aAAa,CAAC,CAAA;IACrE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,gBAAgB,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAA;IACnE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,eAAO,MAAM,MAAM,yOAyHlB,CAAA"}