themelia-ui 1.0.0

package/dist/forms-BjJns3n7.js

@@ -0,0 +1,210 @@
+import "./css/forms.css";
+import { t as e } from "./cx--CBrhWH0.js";
+import { o as t } from "./typography-vC_wwEBm.js";
+import { _ as n, g as r, h as i, v as a } from "./feedback-DHdvxang.js";
+import { c as o } from "./buttons-CabBjPap.js";
+import { i as s } from "./cards-D33v8ZgU.js";
+import * as c from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+var d = {
+	field: "forms-module__field___CqwLw",
+	label: "forms-module__label___348WB",
+	required: "forms-module__required___hzpqi",
+	support: "forms-module__support___HJR15",
+	supportError: "forms-module__supportError___AGASN",
+	fieldHorizontal: "forms-module__fieldHorizontal___R9VuU",
+	fieldHorizontalBody: "forms-module__fieldHorizontalBody___jaTV4",
+	group: "forms-module__group___mR82c",
+	groupLegend: "forms-module__groupLegend___EYvf-",
+	section: "forms-module__section___7hLGt",
+	actionsBar: "forms-module__actionsBar___vn-qC",
+	actionsBarSticky: "forms-module__actionsBarSticky___N8xAa",
+	actionsRow: "forms-module__actionsRow___khhih",
+	actionsLayout: "forms-module__actionsLayout___cUT-C",
+	actionsLeading: "forms-module__actionsLeading___gzNKc",
+	actionsTrailing: "forms-module__actionsTrailing___ofz4o",
+	summaryList: "forms-module__summaryList___v7QnA"
+};
+//#endregion
+//#region src/components/base/forms/form-field.tsx
+function f({ label: n, required: r = !1, hint: i, helperText: a, error: o, orientation: s = "vertical", htmlFor: f, className: p, children: m, ...h }) {
+	let g = c.useId(), _ = typeof m == "function", v = _ ? [] : c.Children.toArray(m), y = !_ && c.isValidElement(m) ? -1 : v.findIndex((e) => c.isValidElement(e)), b = !_ && c.isValidElement(m) ? m : y === -1 ? null : v[y], x = f === !1, S = x ? void 0 : f ?? b?.props.id ?? `${g}-control`, C = `${g}-support`, w = `${g}-label`, T = o ?? a ?? i, E = o != null && o !== !1, D = {
+		id: S,
+		"aria-invalid": E || void 0,
+		"aria-describedby": T ? C : void 0,
+		"aria-required": r || void 0
+	}, O = (e) => c.cloneElement(e, {
+		id: D.id ?? e.props.id,
+		"aria-invalid": e.props["aria-invalid"] ?? D["aria-invalid"],
+		"aria-describedby": e.props["aria-describedby"] ?? D["aria-describedby"],
+		"aria-required": e.props["aria-required"] ?? D["aria-required"]
+	}), k = _ ? m(D) : c.isValidElement(m) ? O(m) : y === -1 ? m : v.map((e, t) => t === y ? O(e) : e), A = !!T && /* @__PURE__ */ l(t, {
+		id: C,
+		size: "xs",
+		role: E ? "alert" : void 0,
+		"aria-live": E ? "polite" : void 0,
+		className: e(d.support, E && d.supportError),
+		children: T
+	}), j = !!n && /* @__PURE__ */ u("label", {
+		id: x ? w : void 0,
+		htmlFor: S,
+		className: e("form-field--label", d.label),
+		children: [n, !!r && /* @__PURE__ */ l("span", {
+			className: d.required,
+			"aria-hidden": !0,
+			children: "*"
+		})]
+	});
+	return s === "horizontal" ? /* @__PURE__ */ u("div", {
+		"data-slot": "form-field",
+		"data-orientation": "horizontal",
+		role: x ? "group" : void 0,
+		"aria-labelledby": x ? w : void 0,
+		className: e("form-field--component", d.field, d.fieldHorizontal, p),
+		...h,
+		children: [j, /* @__PURE__ */ u("div", {
+			className: d.fieldHorizontalBody,
+			children: [k, A]
+		})]
+	}) : /* @__PURE__ */ u("div", {
+		"data-slot": "form-field",
+		"data-orientation": "vertical",
+		role: x ? "group" : void 0,
+		"aria-labelledby": x ? w : void 0,
+		className: e("form-field--component", d.field, p),
+		...h,
+		children: [
+			j,
+			k,
+			A
+		]
+	});
+}
+//#endregion
+//#region src/components/base/forms/field-group.tsx
+function p({ legend: n, description: r, className: i, children: a, ...o }) {
+	return /* @__PURE__ */ u("fieldset", {
+		"data-slot": "field-group",
+		className: e("field-group--component", d.group, i),
+		...o,
+		children: [
+			!!n && /* @__PURE__ */ l("legend", {
+				className: d.groupLegend,
+				children: /* @__PURE__ */ l(t, {
+					tag: "span",
+					weight: "medium",
+					children: n
+				})
+			}),
+			!!r && /* @__PURE__ */ l(t, {
+				type: "secondary",
+				size: "xs",
+				children: r
+			}),
+			a
+		]
+	});
+}
+//#endregion
+//#region src/components/base/forms/workflow.strings.ts
+var m = { title: (e) => e === 1 ? "1 problem to fix" : `${e} problems to fix` }, h = {
+	title: "You have unsaved changes",
+	description: "Leaving this page will discard them."
+}, g = {
+	idle: "Save",
+	submitting: "Saving…",
+	succeeded: "Saved"
+};
+//#endregion
+//#region src/components/base/forms/workflow.tsx
+function _(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
+}
+function v({ title: t, description: n, actions: r, children: i, footer: a, surface: o = "bordered", className: c }) {
+	return /* @__PURE__ */ l(s, {
+		surface: o,
+		title: t,
+		description: n,
+		headerEnd: r,
+		footerSlot: a,
+		className: e("form-section--component", c),
+		children: /* @__PURE__ */ l("div", {
+			className: d.section,
+			children: i
+		})
+	});
+}
+function y({ children: n, leading: r, trailing: i, sticky: a = !1, className: o }) {
+	let s = i ?? n;
+	return /* @__PURE__ */ l("div", {
+		className: e("form-actions-bar--component", d.actionsBar, a && d.actionsBarSticky, o),
+		children: /* @__PURE__ */ l("div", {
+			"data-slot": "form-actions-bar",
+			className: d.actionsRow,
+			children: /* @__PURE__ */ u("div", {
+				className: d.actionsLayout,
+				children: [r != null && /* @__PURE__ */ l("div", {
+					className: d.actionsLeading,
+					children: _(r) ? /* @__PURE__ */ l(t, {
+						tag: "span",
+						size: "xs",
+						type: "secondary",
+						children: r
+					}) : r
+				}), s != null && /* @__PURE__ */ l("div", {
+					className: d.actionsTrailing,
+					children: s
+				})]
+			})
+		})
+	});
+}
+function b({ title: t, description: o, errors: s = [], action: c, strings: f, className: p }) {
+	let h = {
+		...m,
+		...f
+	};
+	return s.length === 0 && !t && !o ? null : /* @__PURE__ */ u(i, {
+		tone: "destructive",
+		className: e("error-summary--component", p),
+		children: [
+			/* @__PURE__ */ l(a, { children: t ?? h.title(s.length) }),
+			!!o && /* @__PURE__ */ l(n, { children: o }),
+			s.length > 0 && /* @__PURE__ */ l("ul", {
+				className: d.summaryList,
+				children: s.map((e, t) => /* @__PURE__ */ l("li", { children: e }, t))
+			}),
+			!!c && /* @__PURE__ */ l(r, { children: c })
+		]
+	});
+}
+function x({ title: t, description: o, actions: s, tone: c = "warning", strings: d, className: f }) {
+	let p = {
+		...h,
+		...d
+	};
+	return /* @__PURE__ */ u(i, {
+		tone: c,
+		className: e("dirty-state-banner--component", f),
+		children: [
+			/* @__PURE__ */ l(a, { children: t ?? p.title }),
+			/* @__PURE__ */ l(n, { children: o ?? p.description }),
+			!!s && /* @__PURE__ */ l(r, { children: s })
+		]
+	});
+}
+function S({ state: e = "idle", strings: t, disabled: n, ...r }) {
+	let i = {
+		...g,
+		...t
+	};
+	return /* @__PURE__ */ l(o, {
+		type: "submit",
+		loading: e === "submitting",
+		disabled: n || e === "submitting",
+		...r,
+		children: i[e]
+	});
+}
+//#endregion
+export { S as a, g as c, v as i, p as l, b as n, h as o, y as r, m as s, x as t, f as u };

package/dist/forms-numeric-B-LSrgFy.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./text-inputs-Dp4Fczk4.cjs"),n=require("./choice-inputs-DNcJJXTp.cjs");let r=require("lucide-react"),i=require("react");i=e.t(i,1);let a=require("react/jsx-runtime"),o=require("clsx");var s={...t.d,decrement:`Decrement`,increment:`Increment`},c={...s,currency:`Currency`},l={unit:`Unit`},u={...l,length:`Length`,width:`Width`,height:`Height`},d={latitude:`Latitude`,longitude:`Longitude`},f={light:`forms-numeric-module__light___-CtUP`,dark:`forms-numeric-module__dark___nyqUB`,stepperGroup:`forms-numeric-module__stepperGroup___1mP9g`,stepperButton:`forms-numeric-module__stepperButton___ieCUL`,stepperInput:`forms-numeric-module__stepperInput___j5C0j`,stepperAdornment:`forms-numeric-module__stepperAdornment___LUMEx`,numericInput:`forms-numeric-module__numericInput___nUbDT`,row:`forms-numeric-module__row___OvxPP`,grow:`forms-numeric-module__grow___H-YmP`,unitColumn:`forms-numeric-module__unitColumn___vsBIc`,currencyColumn:`forms-numeric-module__currencyColumn___1cELF`,field:`forms-numeric-module__field___A0-jE`,subLabel:`forms-numeric-module__subLabel___ZQXW3`,separator:`forms-numeric-module__separator___Y1GaJ`};function p(e,t,n){if(!e)return``;let r=e.replace(/,/g,`.`);if(r=n?r.replace(/[^\d.-]/g,``):r.replace(/[^\d.]/g,``),n&&r.includes(`-`)){let e=r.startsWith(`-`);r=r.replace(/-/g,``),e&&(r=`-${r}`)}let i=r.split(`.`);i.length>2&&(r=`${i[0]}.${i.slice(1).join(``)}`);let[a=``,o]=r.split(`.`);return o!==void 0&&o.length>t&&(r=t===0?a:`${a}.${o.slice(0,t)}`),r}function m(e,t,n){let r=10**t,i=e*r;switch(n){case`floor`:return Math.floor(i)/r;case`ceil`:return Math.ceil(i)/r;case`half-even`:{let e=Math.floor(i),t=i-e;return t>.5?(e+1)/r:t<.5?e/r:(e%2==0?e:e+1)/r}default:return Math.round(i)/r}}function h(e,t,n){let r=e;return t!==void 0&&(r=Math.max(t,r)),n!==void 0&&(r=Math.min(n,r)),r}function g(e,t,n,r,i=`round`){let a=r??0,o=(e-a)/n;return Number((a+((i===`floor`?Math.floor(o):i===`ceil`?Math.ceil(o):Math.round(o))+t)*n).toFixed(12))}function _(e,t,n){let r=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,`value`)?.set;r?r.call(e,t):e.value=t,n?.({target:e,currentTarget:e,type:`change`,bubbles:!1,cancelable:!1})}var v=i.forwardRef(function({decimalPlaces:e=2,min:n,max:c,allowNegative:l=!0,allowEmpty:u=!0,step:d,roundingMode:v=`round`,normalizeOnBlur:y=!0,strings:b,endAdornment:x,onChange:S,onBlur:C,placeholder:w,className:T,value:E,defaultValue:D,disabled:O,...k},A){let j={...s,...b},M=Math.min(12,Math.max(0,e)),N=i.useRef(null),P=i.useCallback(e=>{N.current=e,typeof A==`function`?A(e):A&&(A.current=e)},[A]),F=i.useCallback(e=>{let t=e.target.value;if(!t&&u){S?.(e);return}let r=p(t,M,l),i=Number.parseFloat(r);if(!(Number.isFinite(i)&&(n!==void 0&&i<n||c!==void 0&&i>c))){if(r===t){S?.(e);return}N.current&&_(N.current,r,S)}},[u,l,c,n,S,M]),I=i.useCallback(e=>{if(C?.(e),!y)return;let t=e.target.value;if(!t&&u)return;let r=Number.parseFloat(t.replace(`,`,`.`));if(!Number.isFinite(r))return;let i=m(h(r,n,c),M,v).toFixed(M);i!==t&&N.current&&_(N.current,i,S)},[u,c,n,y,C,S,M,v]),L=i.useCallback(e=>{if(O||d===void 0)return;let t=N.current;if(!t)return;let r=Number.parseFloat(t.value.replace(`,`,`.`));_(t,m(h(g(Number.isFinite(r)?r:n??0,e,d,n,v),n,c),M,v).toFixed(M),S)},[O,c,n,S,M,v,d]),R=w??(M>0?`0.${`0`.repeat(M)}`:`0`),z=typeof d==`number`&&d>0,B=(0,a.jsx)(t.l,{...k,ref:P,type:`text`,inputMode:M>0?`decimal`:`numeric`,placeholder:R,value:E,defaultValue:D,disabled:O,onChange:F,onBlur:I,className:(0,o.clsx)(z?f.stepperInput:f.numericInput,T)});return z?(0,a.jsxs)(`div`,{"data-field-shell":``,"aria-invalid":k[`aria-invalid`]||void 0,className:(0,o.clsx)(`decimal-input--component`,f.stepperGroup),children:[(0,a.jsx)(`button`,{type:`button`,tabIndex:-1,"aria-label":j.decrement,disabled:O,onClick:()=>L(-1),className:f.stepperButton,children:(0,a.jsx)(r.MinusIcon,{"aria-hidden":!0})}),B,!!x&&(0,a.jsx)(`span`,{className:f.stepperAdornment,children:x}),(0,a.jsx)(`button`,{type:`button`,tabIndex:-1,"aria-label":j.increment,disabled:O,onClick:()=>L(1),className:f.stepperButton,children:(0,a.jsx)(r.PlusIcon,{"aria-hidden":!0})})]}):B}),y=(0,i.forwardRef)(function({decimalPlaces:e=2,min:n=0,max:r=100,allowNegative:i=!1,step:s,className:c,...l},u){let d=s!==void 0&&s>0,p=(0,a.jsx)(v,{ref:u,decimalPlaces:e,allowNegative:i,min:n,max:r,step:s,endAdornment:d?`%`:void 0,className:c,...l});return d?p:(0,a.jsx)(t.s,{end:`%`,className:(0,o.clsx)(`percentage-input--component`,f.grow),children:p})}),b={USD:`$`,EUR:`€`,GBP:`£`,JPY:`¥`,CNY:`¥`,CHF:`CHF`,CAD:`C$`,AUD:`A$`,BGN:`лв`,SEK:`kr`,NOK:`kr`,DKK:`kr`,PLN:`zł`};function x(e){return e.map(e=>{if(typeof e!=`string`)return e;let t=b[e];return{value:e,label:t?`${t} ${e}`:e}})}var S=(0,i.forwardRef)(function({currency:e,defaultCurrency:t,onCurrencyChange:r,currencies:s=[`USD`,`EUR`,`GBP`],currencyPosition:l=`start`,disableCurrencySelector:u=!1,strings:d,invalid:p,disabled:m,className:h,...g},_){let y={...c,...d},b=(0,i.useMemo)(()=>x(s),[s]),S=e!==void 0,[C,w]=(0,i.useState)(t??b[0]?.value??``),T=S?e??``:C,E=(0,i.useCallback)(e=>{let t=e??``;S||w(t),r?.(t)},[S,r]),D=u?null:(0,a.jsx)(`div`,{className:f.currencyColumn,children:(0,a.jsx)(n.s,{options:b,value:T||null,onValueChange:E,disabled:m,invalid:p,"aria-label":y.currency})});return(0,a.jsxs)(`div`,{className:(0,o.clsx)(`currency-input--component`,f.row,h),children:[l===`start`&&D,(0,a.jsx)(`div`,{className:f.grow,children:(0,a.jsx)(v,{...g,ref:_,disabled:m,"aria-invalid":p||g[`aria-invalid`]||void 0,allowNegative:g.allowNegative??!0})}),l===`end`&&D]})}),C=[{value:`g`,label:`g`},{value:`kg`,label:`kg`},{value:`lb`,label:`lb`},{value:`oz`,label:`oz`}],w=(0,i.forwardRef)(function({id:e,value:t,defaultValue:r,onChange:s,unit:c,defaultUnit:u=`g`,onUnitChange:d,units:p,decimalPlaces:m=2,min:h=0,max:g,step:_,showUnitSelector:y=!0,disableUnitSelector:b=!1,strings:x,placeholder:S,disabled:w,invalid:T,className:E,"aria-label":D},O){let k={...l,...x},A=(0,i.useMemo)(()=>p?C.filter(e=>p.includes(e.value)):C,[p]),j=c!==void 0,[M,N]=(0,i.useState)(u),P=j?c??u:M,F=(0,i.useCallback)(e=>{e&&(j||N(e),d?.(e))},[j,d]);return(0,a.jsxs)(`div`,{className:(0,o.clsx)(`weight-input--component`,f.row,E),children:[(0,a.jsx)(`div`,{className:f.grow,children:(0,a.jsx)(v,{id:e,ref:O,value:t,defaultValue:r,onChange:e=>s?.({target:{value:e.target.value}}),decimalPlaces:m,allowNegative:!1,min:h,max:g,step:_,placeholder:S,disabled:w,"aria-invalid":T||void 0,"aria-label":D})}),y&&(0,a.jsx)(`div`,{className:f.unitColumn,children:(0,a.jsx)(n.s,{options:A,value:P,onValueChange:F,disabled:w||b,invalid:T,"aria-label":k.unit})})]})}),T=[{value:`mm`,label:`mm`},{value:`cm`,label:`cm`},{value:`m`,label:`m`},{value:`in`,label:`in`},{value:`ft`,label:`ft`},{value:`px`,label:`px`}],E=(0,i.forwardRef)(function({id:e,value:t,onValueChange:r,unit:s,defaultUnit:c=`cm`,onUnitChange:l,units:d,decimalPlaces:p=2,showHeight:m=!0,showUnitSelector:h=!0,strings:g,disabled:_,invalid:y,className:b},x){let S={...u,...g},C=(0,i.useMemo)(()=>d?T.filter(e=>d.includes(e.value)):T,[d]),w=s!==void 0,[E,D]=(0,i.useState)(c),O=w?s??c:E,k=(e,n)=>r?.({...t,[e]:n}),A=m?[`length`,`width`,`height`]:[`length`,`width`];return(0,a.jsxs)(`div`,{ref:x,className:(0,o.clsx)(`dimensions-input--component`,f.row,b),children:[A.map((n,r)=>(0,a.jsxs)(i.Fragment,{children:[r>0&&(0,a.jsx)(`span`,{"aria-hidden":!0,className:f.separator,children:`×`}),(0,a.jsxs)(`div`,{className:f.field,children:[(0,a.jsx)(`span`,{className:f.subLabel,children:S[n]}),(0,a.jsx)(v,{id:r===0?e:void 0,value:t?.[n]??``,onChange:e=>k(n,e.target.value),decimalPlaces:p,allowNegative:!1,min:0,disabled:_,"aria-invalid":y||void 0,"aria-label":S[n]})]})]},n)),h&&(0,a.jsxs)(`div`,{className:f.field,style:{flex:`0 0 auto`,width:`var(--numeric-unit-w)`},children:[(0,a.jsx)(`span`,{className:f.subLabel,children:S.unit}),(0,a.jsx)(n.s,{options:C,value:O,onValueChange:e=>{e&&(w||D(e),l?.(e))},disabled:_,invalid:y,"aria-label":S.unit})]})]})}),D=(0,i.forwardRef)(function({id:e,value:t,onValueChange:n,decimalPlaces:r=6,strings:i,disabled:s,invalid:c,className:l},u){let p={...d,...i},m=(e,r)=>n?.({...t,[e]:r});return(0,a.jsxs)(`div`,{ref:u,className:(0,o.clsx)(`coordinates-input--component`,f.row,l),children:[(0,a.jsxs)(`div`,{className:f.field,children:[(0,a.jsx)(`span`,{className:f.subLabel,children:p.latitude}),(0,a.jsx)(v,{id:e,value:t?.latitude??``,onChange:e=>m(`latitude`,e.target.value),decimalPlaces:r,min:-90,max:90,disabled:s,"aria-invalid":c||void 0,"aria-label":p.latitude})]}),(0,a.jsxs)(`div`,{className:f.field,children:[(0,a.jsx)(`span`,{className:f.subLabel,children:p.longitude}),(0,a.jsx)(v,{value:t?.longitude??``,onChange:e=>m(`longitude`,e.target.value),decimalPlaces:r,min:-180,max:180,disabled:s,"aria-invalid":c||void 0,"aria-label":p.longitude})]})]})}),O={...n._,floor:`Round down`,round:`Round half up`,ceil:`Round up`,"half-even":`Round half to even`},k=[`floor`,`round`,`ceil`],A=(0,i.forwardRef)(function({value:e,onValueChange:t,modes:r,strings:o,...s},c){let l=(0,i.useMemo)(()=>{let e={...O,...o};return(r??k).map(t=>({value:t,label:e[t]}))},[r,o]);return(0,a.jsx)(n.s,{ref:c,options:l,value:e??null,onValueChange:e=>t?.(e??void 0),...s})}),j=(0,i.forwardRef)(function({value:e,onValueChange:t,currencies:n=[`USD`,`EUR`,`GBP`],className:r,...s},c){let l=e?.amount??``,u=e?.currency??(typeof n[0]==`string`?n[0]:n[0]?.value)??``,d=(0,i.useCallback)(e=>t?.({amount:e,currency:u}),[u,t]),f=(0,i.useCallback)(e=>t?.({amount:l,currency:e}),[l,t]);return(0,a.jsx)(S,{...s,ref:c,currencies:n,value:l,onChange:e=>d(e.target.value),currency:u,onCurrencyChange:f,className:(0,o.clsx)(`money-input--component`,r)})});Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return v}});