@fragments-sdk/ui 0.14.0 → 0.15.1

package/dist/components/Image/Image.module.scss.cjs

@@ -1,46 +1,46 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const imageContainer = "_imageContainer_jaiqu_1";
-const image = "_image_jaiqu_1";
-const fitCover = "_fit-cover_jaiqu_15";
-const fitContain = "_fit-contain_jaiqu_19";
-const fitFill = "_fit-fill_jaiqu_23";
-const fitNone = "_fit-none_jaiqu_27";
-const aspect11 = "_aspect-1-1_jaiqu_31";
-const aspect43 = "_aspect-4-3_jaiqu_35";
-const aspect169 = "_aspect-16-9_jaiqu_39";
-const aspect219 = "_aspect-21-9_jaiqu_43";
-const roundedSm = "_rounded-sm_jaiqu_47";
-const roundedMd = "_rounded-md_jaiqu_51";
-const roundedLg = "_rounded-lg_jaiqu_55";
-const roundedFull = "_rounded-full_jaiqu_59";
-const fallback = "_fallback_jaiqu_63";
+const imageContainer = "_imageContainer_cdvml_1";
+const image = "_image_cdvml_1";
+const fitCover = "_fit-cover_cdvml_15";
+const fitContain = "_fit-contain_cdvml_19";
+const fitFill = "_fit-fill_cdvml_23";
+const fitNone = "_fit-none_cdvml_27";
+const aspect11 = "_aspect-1-1_cdvml_31";
+const aspect43 = "_aspect-4-3_cdvml_35";
+const aspect169 = "_aspect-16-9_cdvml_39";
+const aspect219 = "_aspect-21-9_cdvml_43";
+const roundedSm = "_rounded-sm_cdvml_47";
+const roundedMd = "_rounded-md_cdvml_51";
+const roundedLg = "_rounded-lg_cdvml_55";
+const roundedFull = "_rounded-full_cdvml_59";
+const fallback = "_fallback_cdvml_63";
 const styles = {
   imageContainer,
   image,
-  "fit-cover": "_fit-cover_jaiqu_15",
+  "fit-cover": "_fit-cover_cdvml_15",
   fitCover,
-  "fit-contain": "_fit-contain_jaiqu_19",
+  "fit-contain": "_fit-contain_cdvml_19",
   fitContain,
-  "fit-fill": "_fit-fill_jaiqu_23",
+  "fit-fill": "_fit-fill_cdvml_23",
   fitFill,
-  "fit-none": "_fit-none_jaiqu_27",
+  "fit-none": "_fit-none_cdvml_27",
   fitNone,
-  "aspect-1-1": "_aspect-1-1_jaiqu_31",
+  "aspect-1-1": "_aspect-1-1_cdvml_31",
   aspect11,
-  "aspect-4-3": "_aspect-4-3_jaiqu_35",
+  "aspect-4-3": "_aspect-4-3_cdvml_35",
   aspect43,
-  "aspect-16-9": "_aspect-16-9_jaiqu_39",
+  "aspect-16-9": "_aspect-16-9_cdvml_39",
   aspect169,
-  "aspect-21-9": "_aspect-21-9_jaiqu_43",
+  "aspect-21-9": "_aspect-21-9_cdvml_43",
   aspect219,
-  "rounded-sm": "_rounded-sm_jaiqu_47",
+  "rounded-sm": "_rounded-sm_cdvml_47",
   roundedSm,
-  "rounded-md": "_rounded-md_jaiqu_51",
+  "rounded-md": "_rounded-md_cdvml_51",
   roundedMd,
-  "rounded-lg": "_rounded-lg_jaiqu_55",
+  "rounded-lg": "_rounded-lg_cdvml_55",
   roundedLg,
-  "rounded-full": "_rounded-full_jaiqu_59",
+  "rounded-full": "_rounded-full_cdvml_59",
   roundedFull,
   fallback
 };
@@ -60,4 +60,3 @@ exports.roundedFull = roundedFull;
 exports.roundedLg = roundedLg;
 exports.roundedMd = roundedMd;
 exports.roundedSm = roundedSm;
-//# sourceMappingURL=Image.module.scss.cjs.map

package/dist/components/Image/Image.module.scss.js

@@ -1,44 +1,44 @@
-const imageContainer = "_imageContainer_jaiqu_1";
-const image = "_image_jaiqu_1";
-const fitCover = "_fit-cover_jaiqu_15";
-const fitContain = "_fit-contain_jaiqu_19";
-const fitFill = "_fit-fill_jaiqu_23";
-const fitNone = "_fit-none_jaiqu_27";
-const aspect11 = "_aspect-1-1_jaiqu_31";
-const aspect43 = "_aspect-4-3_jaiqu_35";
-const aspect169 = "_aspect-16-9_jaiqu_39";
-const aspect219 = "_aspect-21-9_jaiqu_43";
-const roundedSm = "_rounded-sm_jaiqu_47";
-const roundedMd = "_rounded-md_jaiqu_51";
-const roundedLg = "_rounded-lg_jaiqu_55";
-const roundedFull = "_rounded-full_jaiqu_59";
-const fallback = "_fallback_jaiqu_63";
+const imageContainer = "_imageContainer_cdvml_1";
+const image = "_image_cdvml_1";
+const fitCover = "_fit-cover_cdvml_15";
+const fitContain = "_fit-contain_cdvml_19";
+const fitFill = "_fit-fill_cdvml_23";
+const fitNone = "_fit-none_cdvml_27";
+const aspect11 = "_aspect-1-1_cdvml_31";
+const aspect43 = "_aspect-4-3_cdvml_35";
+const aspect169 = "_aspect-16-9_cdvml_39";
+const aspect219 = "_aspect-21-9_cdvml_43";
+const roundedSm = "_rounded-sm_cdvml_47";
+const roundedMd = "_rounded-md_cdvml_51";
+const roundedLg = "_rounded-lg_cdvml_55";
+const roundedFull = "_rounded-full_cdvml_59";
+const fallback = "_fallback_cdvml_63";
 const styles = {
   imageContainer,
   image,
-  "fit-cover": "_fit-cover_jaiqu_15",
+  "fit-cover": "_fit-cover_cdvml_15",
   fitCover,
-  "fit-contain": "_fit-contain_jaiqu_19",
+  "fit-contain": "_fit-contain_cdvml_19",
   fitContain,
-  "fit-fill": "_fit-fill_jaiqu_23",
+  "fit-fill": "_fit-fill_cdvml_23",
   fitFill,
-  "fit-none": "_fit-none_jaiqu_27",
+  "fit-none": "_fit-none_cdvml_27",
   fitNone,
-  "aspect-1-1": "_aspect-1-1_jaiqu_31",
+  "aspect-1-1": "_aspect-1-1_cdvml_31",
   aspect11,
-  "aspect-4-3": "_aspect-4-3_jaiqu_35",
+  "aspect-4-3": "_aspect-4-3_cdvml_35",
   aspect43,
-  "aspect-16-9": "_aspect-16-9_jaiqu_39",
+  "aspect-16-9": "_aspect-16-9_cdvml_39",
   aspect169,
-  "aspect-21-9": "_aspect-21-9_jaiqu_43",
+  "aspect-21-9": "_aspect-21-9_cdvml_43",
   aspect219,
-  "rounded-sm": "_rounded-sm_jaiqu_47",
+  "rounded-sm": "_rounded-sm_cdvml_47",
   roundedSm,
-  "rounded-md": "_rounded-md_jaiqu_51",
+  "rounded-md": "_rounded-md_cdvml_51",
   roundedMd,
-  "rounded-lg": "_rounded-lg_jaiqu_55",
+  "rounded-lg": "_rounded-lg_cdvml_55",
   roundedLg,
-  "rounded-full": "_rounded-full_jaiqu_59",
+  "rounded-full": "_rounded-full_cdvml_59",
   roundedFull,
   fallback
 };
@@ -60,4 +60,3 @@ export {
   roundedMd,
   roundedSm
 };
-//# sourceMappingURL=Image.module.scss.js.map

package/dist/components/Image/index.cjs

@@ -90,4 +90,3 @@ const Image = Object.assign(ImageRoot, {
   Root: ImageRoot
 });
 exports.Image = Image;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Image/index.js

@@ -73,4 +73,3 @@ const Image = Object.assign(ImageRoot, {
 export {
   Image
 };
-//# sourceMappingURL=index.js.map

package/dist/components/Input/Input.module.scss.cjs

@@ -1,35 +1,40 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const wrapper = "_wrapper_15wvb_1";
-const label = "_label_15wvb_6";
-const input = "_input_15wvb_14";
-const sm = "_sm_15wvb_54";
-const md = "_md_15wvb_60";
-const lg = "_lg_15wvb_66";
-const labelSm = "_labelSm_15wvb_72";
-const error = "_error_15wvb_76";
-const helper = "_helper_15wvb_84";
-const helperError = "_helperError_15wvb_91";
-const inputContainer = "_inputContainer_15wvb_95";
-const hasShortcut = "_hasShortcut_15wvb_101";
-const shortcut = "_shortcut_15wvb_105";
+const wrapper = "_wrapper_1cha3_1";
+const label = "_label_1cha3_6";
+const required = "_required_1cha3_14";
+const helper = "_helper_1cha3_19";
+const helperError = "_helperError_1cha3_26";
+const errorMessage = "_errorMessage_1cha3_30";
+const input = "_input_1cha3_36";
+const sm = "_sm_1cha3_76";
+const md = "_md_1cha3_82";
+const lg = "_lg_1cha3_88";
+const labelSm = "_labelSm_1cha3_94";
+const error = "_error_1cha3_30";
+const inputContainer = "_inputContainer_1cha3_112";
+const shortcut = "_shortcut_1cha3_117";
+const hasShortcut = "_hasShortcut_1cha3_121";
 const styles = {
   wrapper,
   label,
+  required,
+  helper,
+  helperError,
+  errorMessage,
   input,
   sm,
   md,
   lg,
   labelSm,
   error,
-  helper,
-  helperError,
   inputContainer,
-  hasShortcut,
-  shortcut
+  shortcut,
+  hasShortcut
 };
 exports.default = styles;
 exports.error = error;
+exports.errorMessage = errorMessage;
 exports.hasShortcut = hasShortcut;
 exports.helper = helper;
 exports.helperError = helperError;
@@ -39,7 +44,7 @@ exports.label = label;
 exports.labelSm = labelSm;
 exports.lg = lg;
 exports.md = md;
+exports.required = required;
 exports.shortcut = shortcut;
 exports.sm = sm;
 exports.wrapper = wrapper;
-//# sourceMappingURL=Input.module.scss.cjs.map

package/dist/components/Input/Input.module.scss.js

@@ -1,34 +1,39 @@
-const wrapper = "_wrapper_15wvb_1";
-const label = "_label_15wvb_6";
-const input = "_input_15wvb_14";
-const sm = "_sm_15wvb_54";
-const md = "_md_15wvb_60";
-const lg = "_lg_15wvb_66";
-const labelSm = "_labelSm_15wvb_72";
-const error = "_error_15wvb_76";
-const helper = "_helper_15wvb_84";
-const helperError = "_helperError_15wvb_91";
-const inputContainer = "_inputContainer_15wvb_95";
-const hasShortcut = "_hasShortcut_15wvb_101";
-const shortcut = "_shortcut_15wvb_105";
+const wrapper = "_wrapper_1cha3_1";
+const label = "_label_1cha3_6";
+const required = "_required_1cha3_14";
+const helper = "_helper_1cha3_19";
+const helperError = "_helperError_1cha3_26";
+const errorMessage = "_errorMessage_1cha3_30";
+const input = "_input_1cha3_36";
+const sm = "_sm_1cha3_76";
+const md = "_md_1cha3_82";
+const lg = "_lg_1cha3_88";
+const labelSm = "_labelSm_1cha3_94";
+const error = "_error_1cha3_30";
+const inputContainer = "_inputContainer_1cha3_112";
+const shortcut = "_shortcut_1cha3_117";
+const hasShortcut = "_hasShortcut_1cha3_121";
 const styles = {
   wrapper,
   label,
+  required,
+  helper,
+  helperError,
+  errorMessage,
   input,
   sm,
   md,
   lg,
   labelSm,
   error,
-  helper,
-  helperError,
   inputContainer,
-  hasShortcut,
-  shortcut
+  shortcut,
+  hasShortcut
 };
 export {
   styles as default,
   error,
+  errorMessage,
   hasShortcut,
   helper,
   helperError,
@@ -38,8 +43,8 @@ export {
   labelSm,
   lg,
   md,
+  required,
   shortcut,
   sm,
   wrapper
 };
-//# sourceMappingURL=Input.module.scss.js.map

package/dist/components/Input/index.cjs

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const React = require("react");
 const field = require("@base-ui/react/field");
+const aria = require("../../utils/aria.cjs");
 const Input_module = require("./Input.module.scss.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -21,10 +22,6 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-function mergeAriaIds(...ids) {
-  const merged = ids.filter(Boolean).join(" ").trim();
-  return merged.length > 0 ? merged : void 0;
-}
 function parseShortcut(shortcut) {
   let meta = false, shift = false, alt = false;
   let remaining = shortcut;
@@ -53,6 +50,7 @@ const InputRoot = React__namespace.forwardRef(
     size = "md",
     disabled = false,
     error = false,
+    required = false,
     label,
     helperText,
     shortcut,
@@ -128,6 +126,7 @@ const InputRoot = React__namespace.forwardRef(
       defaultValue,
       placeholder,
       disabled,
+      required,
       onChange: (e) => {
         onChange == null ? void 0 : onChange(e.target.value);
         onValueChange == null ? void 0 : onValueChange(e.target.value);
@@ -137,7 +136,7 @@ const InputRoot = React__namespace.forwardRef(
       onKeyDown: (e) => onKeyDown == null ? void 0 : onKeyDown(e),
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
-      "aria-describedby": mergeAriaIds(ariaDescribedBy, helperId),
+      "aria-describedby": aria.mergeAriaIds(ariaDescribedBy, helperId),
       className: inputClasses,
       style: inputStyle
     };
@@ -167,7 +166,10 @@ const InputRoot = React__namespace.forwardRef(
           className: [Input_module.default.wrapper, rootProps == null ? void 0 : rootProps.className, className].filter(Boolean).join(" "),
           style: { ...(rootProps == null ? void 0 : rootProps.style) ?? {}, ...style ?? {} },
           children: [
-            label && /* @__PURE__ */ jsxRuntime.jsx("label", { htmlFor: resolvedInputId, className: labelClasses, children: label }),
+            label && /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: resolvedInputId, className: labelClasses, children: [
+              label,
+              required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Input_module.default.required, children: "*" })
+            ] }),
             content,
             helperText && /* @__PURE__ */ jsxRuntime.jsx("div", { id: helperId, className: helperClasses, children: helperText })
           ]
@@ -183,7 +185,10 @@ const InputRoot = React__namespace.forwardRef(
         className: [wrapperClasses, rootProps == null ? void 0 : rootProps.className].filter(Boolean).join(" "),
         style: { ...(rootProps == null ? void 0 : rootProps.style) ?? {}, ...style ?? {} },
         children: [
-          label && /* @__PURE__ */ jsxRuntime.jsx(field.Field.Label, { className: labelClasses, children: label }),
+          label && /* @__PURE__ */ jsxRuntime.jsxs(field.Field.Label, { className: labelClasses, children: [
+            label,
+            required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Input_module.default.required, children: "*" })
+          ] }),
           content,
           helperText && /* @__PURE__ */ jsxRuntime.jsx(field.Field.Description, { id: helperId, className: helperClasses, children: helperText })
         ]
@@ -195,4 +200,3 @@ const Input = Object.assign(InputRoot, {
   Root: InputRoot
 });
 exports.Input = Input;
-//# sourceMappingURL=index.cjs.map

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

@@ -22,6 +22,8 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     error?: boolean;
     /** Visible label text */
     label?: string;
+    /** Whether the field is required */
+    required?: boolean;
     /** Helper text shown below the input */
     helperText?: string;
     /** Keyboard shortcut hint displayed inside the input (e.g., "⌘K"). */

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CACjF;IACC,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAChE;;8DAE0D;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;iCAC6B;IAC7B,gBAAgB,CAAC,EAAE,cAAc,GAAG,aAAa,CAAC;IAClD,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,2CAA2C;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACjD,mDAAmD;IACnD,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;uBACmB;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAoMD,eAAO,MAAM,KAAK;;CAEhB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Input/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CACtC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,GAAG,WAAW,GAAG,OAAO,CACjF;IACC,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,KAAK,CAAC;IAChE;;8DAE0D;IAC1D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;iCAC6B;IAC7B,gBAAgB,CAAC,EAAE,cAAc,GAAG,aAAa,CAAC;IAClD,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,gDAAgD;IAChD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC/D,2CAA2C;IAC3C,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACjD,mDAAmD;IACnD,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;uBACmB;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yBAAyB;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AA2MD,eAAO,MAAM,KAAK;;CAEhB,CAAC"}

package/dist/components/Input/index.js

@@ -1,11 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Field } from "@base-ui/react/field";
+import { mergeAriaIds } from "../../utils/aria.js";
 import styles from "./Input.module.scss.js";
-function mergeAriaIds(...ids) {
-  const merged = ids.filter(Boolean).join(" ").trim();
-  return merged.length > 0 ? merged : void 0;
-}
 function parseShortcut(shortcut) {
   let meta = false, shift = false, alt = false;
   let remaining = shortcut;
@@ -34,6 +31,7 @@ const InputRoot = React.forwardRef(
     size = "md",
     disabled = false,
     error = false,
+    required = false,
     label,
     helperText,
     shortcut,
@@ -109,6 +107,7 @@ const InputRoot = React.forwardRef(
       defaultValue,
       placeholder,
       disabled,
+      required,
       onChange: (e) => {
         onChange == null ? void 0 : onChange(e.target.value);
         onValueChange == null ? void 0 : onValueChange(e.target.value);
@@ -148,7 +147,10 @@ const InputRoot = React.forwardRef(
           className: [styles.wrapper, rootProps == null ? void 0 : rootProps.className, className].filter(Boolean).join(" "),
           style: { ...(rootProps == null ? void 0 : rootProps.style) ?? {}, ...style ?? {} },
           children: [
-            label && /* @__PURE__ */ jsx("label", { htmlFor: resolvedInputId, className: labelClasses, children: label }),
+            label && /* @__PURE__ */ jsxs("label", { htmlFor: resolvedInputId, className: labelClasses, children: [
+              label,
+              required && /* @__PURE__ */ jsx("span", { className: styles.required, children: "*" })
+            ] }),
             content,
             helperText && /* @__PURE__ */ jsx("div", { id: helperId, className: helperClasses, children: helperText })
           ]
@@ -164,7 +166,10 @@ const InputRoot = React.forwardRef(
         className: [wrapperClasses, rootProps == null ? void 0 : rootProps.className].filter(Boolean).join(" "),
         style: { ...(rootProps == null ? void 0 : rootProps.style) ?? {}, ...style ?? {} },
         children: [
-          label && /* @__PURE__ */ jsx(Field.Label, { className: labelClasses, children: label }),
+          label && /* @__PURE__ */ jsxs(Field.Label, { className: labelClasses, children: [
+            label,
+            required && /* @__PURE__ */ jsx("span", { className: styles.required, children: "*" })
+          ] }),
           content,
           helperText && /* @__PURE__ */ jsx(Field.Description, { id: helperId, className: helperClasses, children: helperText })
         ]
@@ -178,4 +183,3 @@ const Input = Object.assign(InputRoot, {
 export {
   Input
 };
-//# sourceMappingURL=index.js.map

package/dist/components/Link/Link.module.scss.cjs

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const link = "_link_77ogl_1";
-const subtle = "_subtle_77ogl_34";
-const muted = "_muted_77ogl_41";
-const underlineAlways = "_underline-always_77ogl_48";
-const underlineHover = "_underline-hover_77ogl_53";
-const underlineNone = "_underline-none_77ogl_61";
+const link = "_link_1bghi_1";
+const subtle = "_subtle_1bghi_34";
+const muted = "_muted_1bghi_41";
+const underlineAlways = "_underline-always_1bghi_48";
+const underlineHover = "_underline-hover_1bghi_53";
+const underlineNone = "_underline-none_1bghi_61";
 const styles = {
   link,
-  "default": "_default_77ogl_27",
+  "default": "_default_1bghi_27",
   subtle,
   muted,
-  "underline-always": "_underline-always_77ogl_48",
+  "underline-always": "_underline-always_1bghi_48",
   underlineAlways,
-  "underline-hover": "_underline-hover_77ogl_53",
+  "underline-hover": "_underline-hover_1bghi_53",
   underlineHover,
-  "underline-none": "_underline-none_77ogl_61",
+  "underline-none": "_underline-none_1bghi_61",
   underlineNone
 };
 exports.default = styles;
@@ -25,4 +25,3 @@ exports.subtle = subtle;
 exports.underlineAlways = underlineAlways;
 exports.underlineHover = underlineHover;
 exports.underlineNone = underlineNone;
-//# sourceMappingURL=Link.module.scss.cjs.map

package/dist/components/Link/Link.module.scss.js

@@ -1,19 +1,19 @@
-const link = "_link_77ogl_1";
-const subtle = "_subtle_77ogl_34";
-const muted = "_muted_77ogl_41";
-const underlineAlways = "_underline-always_77ogl_48";
-const underlineHover = "_underline-hover_77ogl_53";
-const underlineNone = "_underline-none_77ogl_61";
+const link = "_link_1bghi_1";
+const subtle = "_subtle_1bghi_34";
+const muted = "_muted_1bghi_41";
+const underlineAlways = "_underline-always_1bghi_48";
+const underlineHover = "_underline-hover_1bghi_53";
+const underlineNone = "_underline-none_1bghi_61";
 const styles = {
   link,
-  "default": "_default_77ogl_27",
+  "default": "_default_1bghi_27",
   subtle,
   muted,
-  "underline-always": "_underline-always_77ogl_48",
+  "underline-always": "_underline-always_1bghi_48",
   underlineAlways,
-  "underline-hover": "_underline-hover_77ogl_53",
+  "underline-hover": "_underline-hover_1bghi_53",
   underlineHover,
-  "underline-none": "_underline-none_77ogl_61",
+  "underline-none": "_underline-none_1bghi_61",
   underlineNone
 };
 export {
@@ -25,4 +25,3 @@ export {
   underlineHover,
   underlineNone
 };
-//# sourceMappingURL=Link.module.scss.js.map

package/dist/components/Link/index.cjs

@@ -78,4 +78,3 @@ const Link = Object.assign(LinkRoot, {
   Root: LinkRoot
 });
 exports.Link = Link;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Link/index.js

@@ -61,4 +61,3 @@ const Link = Object.assign(LinkRoot, {
 export {
   Link
 };
-//# sourceMappingURL=index.js.map

package/dist/components/List/List.module.scss.cjs

@@ -50,4 +50,3 @@ exports.item = item;
 exports.itemContent = itemContent;
 exports.list = list;
 exports.none = none;
-//# sourceMappingURL=List.module.scss.cjs.map

package/dist/components/List/List.module.scss.js

@@ -50,4 +50,3 @@ export {
   list,
   none
 };
-//# sourceMappingURL=List.module.scss.js.map

package/dist/components/List/index.cjs

@@ -63,4 +63,3 @@ exports.List = List;
 exports.ListItem = ListItem;
 exports.ListRoot = ListRoot;
 exports.useListContext = useListContext;
-//# sourceMappingURL=index.cjs.map

package/dist/components/List/index.js

@@ -46,4 +46,3 @@ export {
   ListRoot,
   useListContext
 };
-//# sourceMappingURL=index.js.map

package/dist/components/Listbox/Listbox.module.scss.cjs

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const listbox = "_listbox_1d3fu_1";
-const item = "_item_1d3fu_16";
-const itemSelected = "_itemSelected_1d3fu_57";
-const itemActive = "_itemActive_1d3fu_61";
-const itemDisabled = "_itemDisabled_1d3fu_65";
-const group = "_group_1d3fu_70";
-const groupLabel = "_groupLabel_1d3fu_76";
-const empty = "_empty_1d3fu_83";
+const listbox = "_listbox_xde9j_1";
+const item = "_item_xde9j_19";
+const itemSelected = "_itemSelected_xde9j_58";
+const itemActive = "_itemActive_xde9j_62";
+const itemDisabled = "_itemDisabled_xde9j_66";
+const group = "_group_xde9j_71";
+const groupLabel = "_groupLabel_xde9j_77";
+const empty = "_empty_xde9j_86";
 const styles = {
   listbox,
   item,
@@ -27,4 +27,3 @@ exports.itemActive = itemActive;
 exports.itemDisabled = itemDisabled;
 exports.itemSelected = itemSelected;
 exports.listbox = listbox;
-//# sourceMappingURL=Listbox.module.scss.cjs.map

package/dist/components/Listbox/Listbox.module.scss.js

@@ -1,11 +1,11 @@
-const listbox = "_listbox_1d3fu_1";
-const item = "_item_1d3fu_16";
-const itemSelected = "_itemSelected_1d3fu_57";
-const itemActive = "_itemActive_1d3fu_61";
-const itemDisabled = "_itemDisabled_1d3fu_65";
-const group = "_group_1d3fu_70";
-const groupLabel = "_groupLabel_1d3fu_76";
-const empty = "_empty_1d3fu_83";
+const listbox = "_listbox_xde9j_1";
+const item = "_item_xde9j_19";
+const itemSelected = "_itemSelected_xde9j_58";
+const itemActive = "_itemActive_xde9j_62";
+const itemDisabled = "_itemDisabled_xde9j_66";
+const group = "_group_xde9j_71";
+const groupLabel = "_groupLabel_xde9j_77";
+const empty = "_empty_xde9j_86";
 const styles = {
   listbox,
   item,
@@ -27,4 +27,3 @@ export {
   itemSelected,
   listbox
 };
-//# sourceMappingURL=Listbox.module.scss.js.map

package/dist/components/Listbox/index.cjs

@@ -244,4 +244,3 @@ exports.ListboxEmpty = ListboxEmpty;
 exports.ListboxGroup = ListboxGroup;
 exports.ListboxItem = ListboxItem;
 exports.ListboxRoot = ListboxRoot;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Listbox/index.js

@@ -227,4 +227,3 @@ export {
   ListboxItem,
   ListboxRoot
 };
-//# sourceMappingURL=index.js.map