@flipdish/ui-library 0.4.1 → 0.4.3

package/dist/components/molecules/TextArea/index.d.ts

@@ -8,7 +8,7 @@ export declare const TextAreaBase: {
     ({ className, size, ...props }: TextAreaBaseProps): import("react").JSX.Element;
     displayName: string;
 };
-interface TextFieldProps extends AriaTextFieldProps {
+export interface TextFieldProps extends AriaTextFieldProps {
     /** Label text for the textarea */
     label?: string;
     /** Helper text displayed below the textarea */
@@ -32,6 +32,12 @@ interface TextFieldProps extends AriaTextFieldProps {
     /** Visible width of textarea in columns. */
     cols?: number;
 }
+/**
+ * A multi-line text field for collecting longer-form user input. Composes a
+ * label with optional tooltip, a resizable textarea, and optional hint text.
+ *
+ * @summary multi-line text field for collecting longer-form user input
+ */
 export declare const TextArea: {
     ({ label, hint, tooltip, textAreaRef, hideRequiredIndicator, textAreaClassName, placeholder, className, rows, cols, size, ...props }: TextFieldProps): import("react").JSX.Element;
     displayName: string;

package/dist/components/molecules/TextArea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAiB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAQtH,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,YAAY;oCAA0C,iBAAiB;;CA8BnF,CAAC;AAIF,UAAU,cAAe,SAAQ,kBAAkB;IACjD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACnD,mCAAmC;IACnC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,2BAA2B;IAC3B,WAAW,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACvC,qDAAqD;IACrD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,QAAQ;0IAalB,cAAc;;CA2BhB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAiB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,IAAI,iBAAiB,EAAE,cAAc,IAAI,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAQtH,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,GAAG,CAAC,EAAE,GAAG,CAAC,mBAAmB,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,YAAY;oCAA0C,iBAAiB;;CA8BnF,CAAC;AAIF,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACxD,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAC;IACjC,0CAA0C;IAC1C,iBAAiB,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IACnD,mCAAmC;IACnC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,2BAA2B;IAC3B,WAAW,CAAC,EAAE,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACvC,qDAAqD;IACrD,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;0IAalB,cAAc;;CA2BhB,CAAC"}

package/dist/components/molecules/TextArea/index.js

@@ -16,6 +16,12 @@ const TextAreaBase = ({ className, size = 'md', ...props }) => {
         '[&::-webkit-resizer]:bg-(image:--resize-handle-bg) [&::-webkit-resizer]:bg-contain dark:[&::-webkit-resizer]:bg-(image:--resize-handle-bg-dark)', state.isFocused && !state.isDisabled && 'ring-2 ring-brand', state.isDisabled && 'cursor-not-allowed opacity-50', state.isInvalid && 'ring-error_subtle', state.isInvalid && state.isFocused && 'ring-2 ring-error', typeof className === 'function' ? className(state) : className) }));
 };
 TextAreaBase.displayName = 'TextAreaBase';
+/**
+ * A multi-line text field for collecting longer-form user input. Composes a
+ * label with optional tooltip, a resizable textarea, and optional hint text.
+ *
+ * @summary multi-line text field for collecting longer-form user input
+ */
 const TextArea = ({ label, hint, tooltip, textAreaRef, hideRequiredIndicator, textAreaClassName, placeholder, className, rows, cols, size = 'md', ...props }) => {
     return (jsx(TextField, { ...props, className: (state) => cx('group flex h-max w-full flex-col items-start justify-start gap-1.5', typeof className === 'function' ? className(state) : className), children: ({ isInvalid, isRequired }) => (jsxs(Fragment, { children: [label && (jsx(Label, { isRequired: hideRequiredIndicator ? !hideRequiredIndicator : isRequired, tooltip: tooltip, children: label })), jsx(TextAreaBase, { placeholder: placeholder, className: textAreaClassName, ref: textAreaRef, rows: rows, cols: cols, size: size }), hint && (jsx(HintText, { isInvalid: isInvalid, size: size, children: hint }))] })) }));
 };

package/dist/components/molecules/TextArea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaTextArea","AriaTextField","_jsxs","_Fragment"],"mappings":";;;;;AAQA;AACA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAI;IAC1C,OAAO,CAAA,8BAAA,EAAiC,IAAI,CAAC,CAAA,4HAAA,EAA+H,KAAK,0DAA0D,KAAK,CAAA,gCAAA,CAAkC,CAAC,CAAA,CAAA,CAAG;AACxR,CAAC;AAOM,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAqB,KAAI;AACtF,IAAA,QACEA,GAAA,CAACC,UAAY,OACP,KAAK,EACT,KAAK,EACH;AACE,YAAA,oBAAoB,EAAE,iBAAiB,CAAC,SAAS,CAAC;AAClD,YAAA,yBAAyB,EAAE,iBAAiB,CAAC,SAAS,CAAC;SACvC,EAEpB,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,gOAAgO,EAEhO,IAAI,KAAK,IAAI,IAAI,aAAa,EAC9B,IAAI,KAAK,IAAI,IAAI,qBAAqB;;QAGtC,iJAAiJ,EAEjJ,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,mBAAmB,EAC3D,KAAK,CAAC,UAAU,IAAI,+BAA+B,EACnD,KAAK,CAAC,SAAS,IAAI,mBAAmB,EACtC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,mBAAmB,EAEzD,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,CAEH;AAEN;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;AA2BlC,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACO,KAAI;IACnB,QACED,GAAA,CAACE,SAAa,EAAA,EAAA,GACR,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CAAC,oEAAoE,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,EAAA,QAAA,EAGzI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,MACzBC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,KAAK,KACJJ,GAAA,CAAC,KAAK,EAAA,EAAC,UAAU,EAAE,qBAAqB,GAAG,CAAC,qBAAqB,GAAG,UAAU,EAAE,OAAO,EAAE,OAAO,EAAA,QAAA,EAC7F,KAAK,EAAA,CACA,CACT,EAEDA,GAAA,CAAC,YAAY,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAA,CAAI,EAE7H,IAAI,KACHA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EACvC,IAAI,EAAA,CACI,CACZ,CAAA,EAAA,CACA,CACJ,EAAA,CACa;AAEpB;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/TextArea/index.tsx"],"sourcesContent":[null],"names":["_jsx","AriaTextArea","AriaTextField","_jsxs","_Fragment"],"mappings":";;;;;AAQA;AACA,MAAM,iBAAiB,GAAG,CAAC,KAAa,KAAI;IAC1C,OAAO,CAAA,8BAAA,EAAiC,IAAI,CAAC,CAAA,4HAAA,EAA+H,KAAK,0DAA0D,KAAK,CAAA,gCAAA,CAAkC,CAAC,CAAA,CAAA,CAAG;AACxR,CAAC;AAOM,MAAM,YAAY,GAAG,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,GAAG,KAAK,EAAqB,KAAI;AACtF,IAAA,QACEA,GAAA,CAACC,UAAY,OACP,KAAK,EACT,KAAK,EACH;AACE,YAAA,oBAAoB,EAAE,iBAAiB,CAAC,SAAS,CAAC;AAClD,YAAA,yBAAyB,EAAE,iBAAiB,CAAC,SAAS,CAAC;SACvC,EAEpB,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CACA,gOAAgO,EAEhO,IAAI,KAAK,IAAI,IAAI,aAAa,EAC9B,IAAI,KAAK,IAAI,IAAI,qBAAqB;;QAGtC,iJAAiJ,EAEjJ,KAAK,CAAC,SAAS,IAAI,CAAC,KAAK,CAAC,UAAU,IAAI,mBAAmB,EAC3D,KAAK,CAAC,UAAU,IAAI,+BAA+B,EACnD,KAAK,CAAC,SAAS,IAAI,mBAAmB,EACtC,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,SAAS,IAAI,mBAAmB,EAEzD,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAC/D,EAAA,CAEH;AAEN;AAEA,YAAY,CAAC,WAAW,GAAG,cAAc;AA2BzC;;;;;AAKG;AACI,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,IAAI,EACJ,OAAO,EACP,WAAW,EACX,qBAAqB,EACrB,iBAAiB,EACjB,WAAW,EACX,SAAS,EACT,IAAI,EACJ,IAAI,EACJ,IAAI,GAAG,IAAI,EACX,GAAG,KAAK,EACO,KAAI;IACnB,QACED,GAAA,CAACE,SAAa,EAAA,EAAA,GACR,KAAK,EACT,SAAS,EAAE,CAAC,KAAK,KACf,EAAE,CAAC,oEAAoE,EAAE,OAAO,SAAS,KAAK,UAAU,GAAG,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,EAAA,QAAA,EAGzI,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,MACzBC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACG,KAAK,KACJJ,GAAA,CAAC,KAAK,EAAA,EAAC,UAAU,EAAE,qBAAqB,GAAG,CAAC,qBAAqB,GAAG,UAAU,EAAE,OAAO,EAAE,OAAO,EAAA,QAAA,EAC7F,KAAK,EAAA,CACA,CACT,EAEDA,GAAA,CAAC,YAAY,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAA,CAAI,EAE7H,IAAI,KACHA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAA,QAAA,EACvC,IAAI,EAAA,CACI,CACZ,CAAA,EAAA,CACA,CACJ,EAAA,CACa;AAEpB;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/molecules/VerificationCodeInput/index.cjs

@@ -34,7 +34,7 @@ const styles = {
 };
 const Group = ({ inputClassName, containerClassName, width, maxLength = 4, ...props }) => {
     const { id, size, disabled } = usePinInputContext();
-    return (jsxRuntime.jsx(inputOtp.OTPInput, { ...props, size: width, maxLength: maxLength, disabled: disabled, id: 'pin-input-' + id, "aria-label": "Enter your pin", "aria-labelledby": 'pin-input-label-' + id, "aria-describedby": 'pin-input-description-' + id, containerClassName: cx.cx('flex flex-row', styles[size].group, containerClassName), className: cx.cx('disabled:cursor-not-allowed', inputClassName) }));
+    return (jsxRuntime.jsx(inputOtp.OTPInput, { ...props, size: width, maxLength: maxLength, disabled: disabled, id: `pin-input-${id}`, "aria-label": "Enter your pin", "aria-labelledby": `pin-input-label-${id}`, "aria-describedby": `pin-input-description-${id}`, containerClassName: cx.cx('flex flex-row', styles[size].group, containerClassName), className: cx.cx('disabled:cursor-not-allowed', inputClassName) }));
 };
 Group.displayName = 'Group';
 const Slot = ({ index, className, ...props }) => {
@@ -43,7 +43,7 @@ const Slot = ({ index, className, ...props }) => {
     const slot = slots[index];
     return (
     // biome-ignore lint/a11y/useAriaPropsSupportedByRole: this is a custom component
-    jsxRuntime.jsx("div", { ...props, "aria-invalid": invalid, "aria-label": 'Enter digit ' + (index + 1) + ' of ' + slots.length, className: cx.cx('relative flex items-center justify-center rounded-xl bg-primary text-center text-placeholder/40 shadow-xs ring-1 ring-primary transition-[box-shadow,background-color] duration-100 ease-linear ring-inset', styles[size].slot, isFocused && slot?.isActive && 'ring-2 ring-brand outline-2 outline-offset-2 outline-brand', slot?.char && 'text-brand-tertiary_alt ring-2 ring-brand', disabled && 'opacity-50', invalid && 'text-error-primary ring-error_subtle', className), children: slot?.char ? slot.char : slot?.hasFakeCaret ? jsxRuntime.jsx(FakeCaret, { size: size }) : 0 }));
+    jsxRuntime.jsx("div", { ...props, "aria-invalid": invalid, "aria-label": `Enter digit ${index + 1} of ${slots.length}`, className: cx.cx('relative flex items-center justify-center rounded-xl bg-primary text-center text-placeholder/40 shadow-xs ring-1 ring-primary transition-[box-shadow,background-color] duration-100 ease-linear ring-inset', styles[size].slot, isFocused && slot?.isActive && 'ring-2 ring-brand outline-2 outline-offset-2 outline-brand', slot?.char && 'text-brand-tertiary_alt ring-2 ring-brand', disabled && 'opacity-50', invalid && 'text-error-primary ring-error_subtle', className), children: slot?.char ? slot.char : slot?.hasFakeCaret ? jsxRuntime.jsx(FakeCaret, { size: size }) : 0 }));
 };
 Slot.displayName = 'Slot';
 const FakeCaret = ({ size = 'md' }) => {
@@ -59,13 +59,13 @@ const Separator = (props) => {
 Separator.displayName = 'Separator';
 const Label = (props) => {
     const { id } = usePinInputContext();
-    return jsxRuntime.jsx(Input.Label, { ...props, htmlFor: 'pin-input-' + id, id: 'pin-input-label-' + id });
+    return jsxRuntime.jsx(Input.Label, { ...props, htmlFor: `pin-input-${id}`, id: `pin-input-label-${id}` });
 };
 Label.displayName = 'Label';
 const Description = (props) => {
     const { id, size } = usePinInputContext();
     // biome-ignore lint/a11y/useValidAriaRole: this is a description
-    return jsxRuntime.jsx(Input.HintText, { ...props, id: 'pin-input-description-' + id, role: "description", className: cx.cx(size === 'xxxs' && 'text-xs') });
+    return jsxRuntime.jsx(Input.HintText, { ...props, id: `pin-input-description-${id}`, role: "description", className: cx.cx(size === 'xxxs' && 'text-xs') });
 };
 Description.displayName = 'Description';
 /**

package/dist/components/molecules/VerificationCodeInput/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/VerificationCodeInput/index.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useId","_jsx","cx","OTPInput","OTPInputContext","LabelBase","HintText"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/molecules/VerificationCodeInput/index.tsx"],"sourcesContent":[null],"names":["createContext","useContext","useId","_jsx","cx","OTPInput","OTPInputContext","LabelBase","HintText"],"mappings":"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"}

package/dist/components/molecules/VerificationCodeInput/index.d.ts

@@ -9,7 +9,7 @@ type PinInputContextType = {
     invalid: boolean;
 };
 export declare const usePinInputContext: () => PinInputContextType;
-interface RootProps extends ComponentPropsWithRef<'div'> {
+export interface RootProps extends ComponentPropsWithRef<'div'> {
     size?: PinInputSize;
     disabled?: boolean;
     invalid?: boolean;

package/dist/components/molecules/VerificationCodeInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/VerificationCodeInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAE3F,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,KAAK,YAAY,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AASF,eAAO,MAAM,kBAAkB,2BAQ9B,CAAC;AAEF,UAAU,SAAU,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IACtD,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,IAAI;uDAA6E,SAAS;;CAS/F,CAAC;AAYF,KAAK,UAAU,GAAG,qBAAqB,CAAC,OAAO,QAAQ,CAAC,GAAG;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,KAAK;yEAA4E,UAAU;;CAiBhG,CAAC;AAGF,QAAA,MAAM,IAAI;qCAAoC,qBAAqB,CAAC,KAAK,CAAC,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;CAyB7F,CAAC;AAOF,QAAA,MAAM,SAAS;YAAW,qBAAqB,CAAC,KAAK,CAAC;;CASrD,CAAC;AAGF,QAAA,MAAM,KAAK;YAAW,qBAAqB,CAAC,OAAO,SAAS,CAAC;;CAI5D,CAAC;AAGF,QAAA,MAAM,WAAW;YAAW,qBAAqB,CAAC,OAAO,QAAQ,CAAC;;CAKjE,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,QAAQ,EAAW,OAAO,IAAI,GAAG;IACrC,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,WAAW,EAAE,OAAO,WAAW,CAAC;CACjC,CAAC;AAOF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/VerificationCodeInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,6CAA6C,CAAC;AAE3F,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,OAAO,CAAC;AAGnD,KAAK,YAAY,GAAG,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D,KAAK,mBAAmB,GAAG;IACzB,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,OAAO,CAAC;CAClB,CAAC;AASF,eAAO,MAAM,kBAAkB,2BAQ9B,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,qBAAqB,CAAC,KAAK,CAAC;IAC7D,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,IAAI;uDAA6E,SAAS;;CAS/F,CAAC;AAYF,KAAK,UAAU,GAAG,qBAAqB,CAAC,OAAO,QAAQ,CAAC,GAAG;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,QAAA,MAAM,KAAK;yEAA4E,UAAU;;CAiBhG,CAAC;AAGF,QAAA,MAAM,IAAI;qCAAoC,qBAAqB,CAAC,KAAK,CAAC,GAAG;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE;;CAyB7F,CAAC;AAOF,QAAA,MAAM,SAAS;YAAW,qBAAqB,CAAC,KAAK,CAAC;;CASrD,CAAC;AAGF,QAAA,MAAM,KAAK;YAAW,qBAAqB,CAAC,OAAO,SAAS,CAAC;;CAI5D,CAAC;AAGF,QAAA,MAAM,WAAW;YAAW,qBAAqB,CAAC,OAAO,QAAQ,CAAC;;CAKjE,CAAC;AAGF;;GAEG;AACH,QAAA,MAAM,QAAQ,EAAW,OAAO,IAAI,GAAG;IACrC,IAAI,EAAE,OAAO,IAAI,CAAC;IAClB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,WAAW,EAAE,OAAO,WAAW,CAAC;CACjC,CAAC;AAOF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/molecules/VerificationCodeInput/index.js

@@ -32,7 +32,7 @@ const styles = {
 };
 const Group = ({ inputClassName, containerClassName, width, maxLength = 4, ...props }) => {
     const { id, size, disabled } = usePinInputContext();
-    return (jsx(OTPInput, { ...props, size: width, maxLength: maxLength, disabled: disabled, id: 'pin-input-' + id, "aria-label": "Enter your pin", "aria-labelledby": 'pin-input-label-' + id, "aria-describedby": 'pin-input-description-' + id, containerClassName: cx('flex flex-row', styles[size].group, containerClassName), className: cx('disabled:cursor-not-allowed', inputClassName) }));
+    return (jsx(OTPInput, { ...props, size: width, maxLength: maxLength, disabled: disabled, id: `pin-input-${id}`, "aria-label": "Enter your pin", "aria-labelledby": `pin-input-label-${id}`, "aria-describedby": `pin-input-description-${id}`, containerClassName: cx('flex flex-row', styles[size].group, containerClassName), className: cx('disabled:cursor-not-allowed', inputClassName) }));
 };
 Group.displayName = 'Group';
 const Slot = ({ index, className, ...props }) => {
@@ -41,7 +41,7 @@ const Slot = ({ index, className, ...props }) => {
     const slot = slots[index];
     return (
     // biome-ignore lint/a11y/useAriaPropsSupportedByRole: this is a custom component
-    jsx("div", { ...props, "aria-invalid": invalid, "aria-label": 'Enter digit ' + (index + 1) + ' of ' + slots.length, className: cx('relative flex items-center justify-center rounded-xl bg-primary text-center text-placeholder/40 shadow-xs ring-1 ring-primary transition-[box-shadow,background-color] duration-100 ease-linear ring-inset', styles[size].slot, isFocused && slot?.isActive && 'ring-2 ring-brand outline-2 outline-offset-2 outline-brand', slot?.char && 'text-brand-tertiary_alt ring-2 ring-brand', disabled && 'opacity-50', invalid && 'text-error-primary ring-error_subtle', className), children: slot?.char ? slot.char : slot?.hasFakeCaret ? jsx(FakeCaret, { size: size }) : 0 }));
+    jsx("div", { ...props, "aria-invalid": invalid, "aria-label": `Enter digit ${index + 1} of ${slots.length}`, className: cx('relative flex items-center justify-center rounded-xl bg-primary text-center text-placeholder/40 shadow-xs ring-1 ring-primary transition-[box-shadow,background-color] duration-100 ease-linear ring-inset', styles[size].slot, isFocused && slot?.isActive && 'ring-2 ring-brand outline-2 outline-offset-2 outline-brand', slot?.char && 'text-brand-tertiary_alt ring-2 ring-brand', disabled && 'opacity-50', invalid && 'text-error-primary ring-error_subtle', className), children: slot?.char ? slot.char : slot?.hasFakeCaret ? jsx(FakeCaret, { size: size }) : 0 }));
 };
 Slot.displayName = 'Slot';
 const FakeCaret = ({ size = 'md' }) => {
@@ -57,13 +57,13 @@ const Separator = (props) => {
 Separator.displayName = 'Separator';
 const Label = (props) => {
     const { id } = usePinInputContext();
-    return jsx(Label$1, { ...props, htmlFor: 'pin-input-' + id, id: 'pin-input-label-' + id });
+    return jsx(Label$1, { ...props, htmlFor: `pin-input-${id}`, id: `pin-input-label-${id}` });
 };
 Label.displayName = 'Label';
 const Description = (props) => {
     const { id, size } = usePinInputContext();
     // biome-ignore lint/a11y/useValidAriaRole: this is a description
-    return jsx(HintText, { ...props, id: 'pin-input-description-' + id, role: "description", className: cx(size === 'xxxs' && 'text-xs') });
+    return jsx(HintText, { ...props, id: `pin-input-description-${id}`, role: "description", className: cx(size === 'xxxs' && 'text-xs') });
 };
 Description.displayName = 'Description';
 /**

package/dist/components/molecules/VerificationCodeInput/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/VerificationCodeInput/index.tsx"],"sourcesContent":[null],"names":["_jsx","LabelBase"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/molecules/VerificationCodeInput/index.tsx"],"sourcesContent":[null],"names":["_jsx","LabelBase"],"mappings":"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"}

package/dist/providers/UIProvider/index.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var RouteProvider = require('@flipdish/ui-library/providers/RouteProvider');
+var ThemeProvider = require('@flipdish/ui-library/providers/ThemeProvider');
+var reactRouter = require('react-router');
+
+/**
+ * @summary single entry-point provider that composes the Flipdish UI providers (theme, routing, and — soon — translations)
+ */
+const UIProvider = ({ children, themeModeOverride, withBrowserRouter = true, withRouteProvider = true, }) => {
+    let tree = children;
+    // RouteProvider must sit inside a router; keep it innermost so it can bind to
+    // either our BrowserRouter or a host-owned one.
+    if (withRouteProvider) {
+        tree = jsxRuntime.jsx(RouteProvider.RouteProvider, { children: tree });
+    }
+    if (withBrowserRouter) {
+        tree = jsxRuntime.jsx(reactRouter.BrowserRouter, { children: tree });
+    }
+    // TODO(i18n): wrap `tree` in <TranslationProvider> once the translation layer lands.
+    // It will likely expose an async `useLoadTranslations(languageOverride)` hook (see
+    // FlipdishUI's FlipdishUIProvider) and a `languageOverride` prop forwarded from here.
+    // Order: ThemeProvider > [BrowserRouter > RouteProvider] > TranslationProvider > children.
+    return jsxRuntime.jsx(ThemeProvider.ThemeProvider, { themeModeOverride: themeModeOverride, children: tree });
+};
+
+exports.UIProvider = UIProvider;
+//# sourceMappingURL=index.cjs.map

package/dist/providers/UIProvider/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/providers/UIProvider/index.tsx"],"sourcesContent":[null],"names":["_jsx","RouteProvider","BrowserRouter","ThemeProvider"],"mappings":";;;;;;;AA4BA;;AAEG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,iBAAiB,EACjB,iBAAiB,GAAG,IAAI,EACxB,iBAAiB,GAAG,IAAI,GACW,KAAI;IACvC,IAAI,IAAI,GAAG,QAAQ;;;IAInB,IAAI,iBAAiB,EAAE;AACrB,QAAA,IAAI,GAAGA,cAAA,CAACC,2BAAa,EAAA,EAAA,QAAA,EAAE,IAAI,GAAiB;IAC9C;IAEA,IAAI,iBAAiB,EAAE;AACrB,QAAA,IAAI,GAAGD,cAAA,CAACE,yBAAa,EAAA,EAAA,QAAA,EAAE,IAAI,GAAiB;IAC9C;;;;;IAMA,OAAOF,cAAA,CAACG,2BAAa,EAAA,EAAC,iBAAiB,EAAE,iBAAiB,EAAA,QAAA,EAAG,IAAI,EAAA,CAAiB;AACpF;;;;"}

package/dist/providers/UIProvider/index.d.ts

@@ -0,0 +1,28 @@
+import type { PropsWithChildren } from 'react';
+export interface UIProviderProps {
+    /**
+     * Controlled theme override. When set, the tree renders in this mode and theme
+     * persistence is skipped. Omit to use ThemeProvider's own light/dark/system logic.
+     */
+    themeModeOverride?: 'light' | 'dark';
+    /**
+     * Render a `BrowserRouter`. Set `false` when a host/parent app already owns a
+     * router (e.g. a micro-frontend mounted in a shell, or an app using react-router's
+     * data APIs via `createBrowserRouter`) — a second router would fight over the URL.
+     * @default true
+     */
+    withBrowserRouter?: boolean;
+    /**
+     * Wire react-aria-components navigation into react-router (so `<Link>`, etc. use
+     * client-side navigation). Keep `true` even when `withBrowserRouter` is `false`, so
+     * react-aria routing binds to the host's router. Set `false` only for non-routed
+     * surfaces (single-screen apps, some test/Storybook setups).
+     * @default true
+     */
+    withRouteProvider?: boolean;
+}
+/**
+ * @summary single entry-point provider that composes the Flipdish UI providers (theme, routing, and — soon — translations)
+ */
+export declare const UIProvider: ({ children, themeModeOverride, withBrowserRouter, withRouteProvider, }: PropsWithChildren<UIProviderProps>) => import("react").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/providers/UIProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/providers/UIProvider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/C,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACrC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,wEAKxB,iBAAiB,CAAC,eAAe,CAAC,gCAkBpC,CAAC"}

package/dist/providers/UIProvider/index.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import { RouteProvider } from '@flipdish/ui-library/providers/RouteProvider';
+import { ThemeProvider } from '@flipdish/ui-library/providers/ThemeProvider';
+import { BrowserRouter } from 'react-router';
+
+/**
+ * @summary single entry-point provider that composes the Flipdish UI providers (theme, routing, and — soon — translations)
+ */
+const UIProvider = ({ children, themeModeOverride, withBrowserRouter = true, withRouteProvider = true, }) => {
+    let tree = children;
+    // RouteProvider must sit inside a router; keep it innermost so it can bind to
+    // either our BrowserRouter or a host-owned one.
+    if (withRouteProvider) {
+        tree = jsx(RouteProvider, { children: tree });
+    }
+    if (withBrowserRouter) {
+        tree = jsx(BrowserRouter, { children: tree });
+    }
+    // TODO(i18n): wrap `tree` in <TranslationProvider> once the translation layer lands.
+    // It will likely expose an async `useLoadTranslations(languageOverride)` hook (see
+    // FlipdishUI's FlipdishUIProvider) and a `languageOverride` prop forwarded from here.
+    // Order: ThemeProvider > [BrowserRouter > RouteProvider] > TranslationProvider > children.
+    return jsx(ThemeProvider, { themeModeOverride: themeModeOverride, children: tree });
+};
+
+export { UIProvider };
+//# sourceMappingURL=index.js.map

package/dist/providers/UIProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/providers/UIProvider/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AA4BA;;AAEG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,QAAQ,EACR,iBAAiB,EACjB,iBAAiB,GAAG,IAAI,EACxB,iBAAiB,GAAG,IAAI,GACW,KAAI;IACvC,IAAI,IAAI,GAAG,QAAQ;;;IAInB,IAAI,iBAAiB,EAAE;AACrB,QAAA,IAAI,GAAGA,GAAA,CAAC,aAAa,EAAA,EAAA,QAAA,EAAE,IAAI,GAAiB;IAC9C;IAEA,IAAI,iBAAiB,EAAE;AACrB,QAAA,IAAI,GAAGA,GAAA,CAAC,aAAa,EAAA,EAAA,QAAA,EAAE,IAAI,GAAiB;IAC9C;;;;;IAMA,OAAOA,GAAA,CAAC,aAAa,EAAA,EAAC,iBAAiB,EAAE,iBAAiB,EAAA,QAAA,EAAG,IAAI,EAAA,CAAiB;AACpF;;;;"}

package/dist/styles.css

@@ -99,3 +99,128 @@
     -webkit-appearance: none;
   }
 }
+
+/* ============================================================
+   CodeSnippet — Shiki syntax-highlighting overrides
+   ============================================================ */
+
+.shiki,
+.shiki .line:not(.diff) {
+  /* biome-ignore lint/complexity/noImportantStyles: Required to override Shiki's own inline style attributes */
+  background-color: var(--color-bg-primary) !important;
+}
+
+/* Dark mode */
+.dark-mode .shiki,
+.dark-mode .shiki span {
+  /* biome-ignore lint/complexity/noImportantStyles: Required to override Shiki's own inline style attributes */
+  color: var(--shiki-dark) !important;
+}
+
+/* Diff line styles */
+.shiki code .line.diff {
+  position: relative;
+  display: inline-block;
+  width: calc(100% + 44px);
+  margin: 0 -24px 0 -20px;
+  padding: 0 24px 0 20px;
+
+  &::after {
+    left: 6px;
+    position: absolute;
+  }
+}
+.shiki code .line.diff.remove {
+  background-color: var(--color-utility-red-100);
+
+  &::after {
+    content: "-";
+    color: var(--color-utility-red-700);
+  }
+}
+.shiki code .line.diff.remove .highlighted-word {
+  padding: 1px;
+  margin: -1px;
+  border-radius: 3px;
+  background-color: var(--color-utility-red-300);
+  /* biome-ignore lint/complexity/noImportantStyles: Required to override Shiki's own inline style attributes */
+  color: var(--color-text-primary) !important;
+}
+
+.shiki code .line.diff.add {
+  background-color: var(--color-utility-green-100);
+
+  &::after {
+    content: "+";
+    color: var(--color-utility-green-700);
+  }
+}
+.shiki code .line.diff.add .highlighted-word {
+  padding: 1px;
+  margin: -1px;
+  border-radius: 3px;
+  background-color: var(--color-utility-green-300);
+  /* biome-ignore lint/complexity/noImportantStyles: Required to override Shiki's own inline style attributes */
+  color: var(--color-text-primary) !important;
+}
+
+/* Scrollbar */
+.shiki::-webkit-scrollbar-thumb {
+  border-radius: 9999px;
+  background: color-mix(in srgb, var(--color-alpha-white), transparent 85%);
+}
+.shiki::-webkit-scrollbar-track {
+  border-radius: 9999px;
+  background: transparent;
+}
+
+/* Line number styles */
+.line-numbers .shiki {
+  padding-left: 0;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+
+.line-numbers .shiki code {
+  counter-reset: step;
+  counter-increment: step 0;
+  display: flex;
+  flex-direction: column;
+}
+
+.line-numbers .shiki code .line::before {
+  content: counter(step);
+  counter-increment: step;
+  display: inline-block;
+  position: sticky;
+  left: 0;
+  color: var(--color-text-quaternary);
+  background-color: var(--color-bg-secondary);
+  border-right: 1px solid var(--color-border-secondary);
+  font-size: 14px;
+  font-weight: 700;
+  text-align: right;
+  width: 48px;
+  margin-right: 16px;
+  padding-right: 16px;
+}
+.line-numbers .shiki code .line:first-of-type::before {
+  padding-top: 16px;
+}
+.line-numbers .shiki code .line:last-of-type::before {
+  padding-bottom: 24px;
+}
+
+@media (min-width: 768px) {
+  .line-numbers .shiki code .line::before {
+    width: 49px;
+    margin-right: 20px;
+    padding-right: 16px;
+  }
+  .line-numbers .shiki code .line:first-of-type::before {
+    padding-top: 20px;
+  }
+  .line-numbers .shiki code .line:last-of-type::before {
+    padding-bottom: 20px;
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flipdish/ui-library",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "Flipdish Design System — atomic-design component library (Tailwind v4 + UntitledUI + React Aria).",
   "type": "module",
   "sideEffects": [