themelia-ui 1.0.0

package/dist/features/rich-text-editor/tiptap.js

@@ -0,0 +1,69 @@
+import { Editor as e } from "@tiptap/core";
+import t from "@tiptap/starter-kit";
+//#region src/components/features/rich-text-editor/tiptap/tiptap-engine.ts
+var n = {
+	bold: (e) => void e.chain().focus().toggleBold().run(),
+	italic: (e) => void e.chain().focus().toggleItalic().run(),
+	underline: () => {},
+	strike: (e) => void e.chain().focus().toggleStrike().run(),
+	bulletList: (e) => void e.chain().focus().toggleBulletList().run(),
+	orderedList: (e) => void e.chain().focus().toggleOrderedList().run(),
+	blockquote: (e) => void e.chain().focus().toggleBlockquote().run(),
+	undo: (e) => void e.chain().focus().undo().run(),
+	redo: (e) => void e.chain().focus().redo().run()
+}, r = {
+	bold: "bold",
+	italic: "italic",
+	strike: "strike",
+	bulletList: "bulletList",
+	orderedList: "orderedList",
+	blockquote: "blockquote"
+};
+function i({ element: i, content: a = "", extensions: o }) {
+	let s = new e({
+		element: i,
+		content: a,
+		extensions: o ?? [t]
+	}), c = /* @__PURE__ */ new Set(), l = !1, u = null, d = () => {
+		u = null;
+		for (let e of [...c]) e();
+	};
+	s.on("transaction", d);
+	let f = () => l, p = {
+		html: "",
+		canUndo: !1,
+		canRedo: !1,
+		active: /* @__PURE__ */ new Set()
+	};
+	return {
+		getState() {
+			if (f()) return p;
+			if (u) return u;
+			let e = /* @__PURE__ */ new Set();
+			for (let [t, n] of Object.entries(r)) s.isActive(n) && e.add(t);
+			return u = {
+				html: s.getHTML(),
+				canUndo: s.can().undo(),
+				canRedo: s.can().redo(),
+				active: e
+			}, u;
+		},
+		setHtml(e) {
+			f() || s.getHTML() !== e && (s.commands.setContent(e, { emitUpdate: !1 }), d());
+		},
+		focus() {
+			f() || s.commands.focus();
+		},
+		execute(e) {
+			f() || (n[e](s), d());
+		},
+		subscribe(e) {
+			return f() ? () => {} : (c.add(e), () => c.delete(e));
+		},
+		destroy() {
+			l || (l = !0, u = null, c.clear(), s.destroy());
+		}
+	};
+}
+//#endregion
+export { i as createTiptapEngine };

package/dist/features/rich-text-editor.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../rich-text-editor-Cws3YEgp.cjs");exports.EditorCounts=e.r,exports.RichTextEditor=e.t,exports.RichTextEditorToolbar=e.i,exports.createExecCommandEngine=e.n,exports.defaultRichTextEditorStrings=e.a,exports.htmlToText=e.o,exports.insertHtmlAtCaret=e.s,exports.normalizeHtml=e.c,exports.readCaretContext=e.l,exports.replaceBeforeCaret=e.u,exports.toEditorContent=e.d;

package/dist/features/rich-text-editor.css

@@ -0,0 +1,8 @@
+@import "../core.css";
+@import "../css/rich-text-editor.css";
+@import "../css/typography.css";
+@import "../css/primitives.css";
+@import "../css/text-inputs.css";
+@import "../css/toolbar.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";

package/dist/features/rich-text-editor.js

@@ -0,0 +1,4 @@
+"use client";
+import "../core.css";
+import { a as e, c as t, d as n, i as r, l as i, n as a, o, r as s, s as c, t as l, u } from "../rich-text-editor-DTe5uxVK.js";
+export { s as EditorCounts, l as RichTextEditor, r as RichTextEditorToolbar, a as createExecCommandEngine, e as defaultRichTextEditorStrings, o as htmlToText, c as insertHtmlAtCaret, t as normalizeHtml, i as readCaretContext, u as replaceBeforeCaret, n as toEditorContent };

package/dist/features/schema-form.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../typography-kBzTy-jM.cjs"),t=require("../feedback-lBKIc2cQ.cjs"),n=require("../buttons-CQc0AVpb.cjs"),r=require("../display-BPuD0OAo.cjs"),i=require("../structure-C4IX5OuO.cjs"),a=require("../badge-CSoXP1oV.cjs"),o=require("../forms-v1IKhZJj.cjs"),s=require("../text-inputs-Dp4Fczk4.cjs"),c=require("../choice-inputs-DNcJJXTp.cjs"),l=require("../value-inputs-DA-f9CJK.cjs"),u=require("../forms-numeric-B-LSrgFy.cjs");let d=require("lucide-react"),f=require("react"),p=require("react/jsx-runtime"),m=require("clsx");function h({submitLabel:e,resetLabel:t,showReset:r=!1,disabled:a=!1,submitDisabled:o=!1,resetDisabled:s=!1,submitting:c=!1,onReset:l,className:u}){return(0,p.jsxs)(i.o,{direction:`horizontal`,align:`center`,justify:`end`,gap:`md`,className:(0,m.clsx)(`schema-form-actions--component`,u),children:[r&&(0,p.jsx)(n.c,{type:`button`,tone:`neutral`,buttonStyle:`outline`,disabled:a||s||c,onClick:l,children:t}),(0,p.jsx)(n.c,{type:`submit`,loading:c,disabled:a||o,children:e})]})}function g(e,t,n){if(typeof e.hidden==`function`)try{return e.hidden(t)}catch(e){return n?.(e),!1}return e.hidden??!1}function _(e,t,n){if(typeof e.disabled==`function`)try{return e.disabled(t)}catch(e){return n?.(e),!0}return e.disabled??!1}function v(e,t,n){return e.filter(e=>!g(e,t,n))}function y(e,t,n,r,i){let a=v(e.fields,t,i),o=new Map(a.map(e=>[e.key,e])),s=new Set,c=[];for(let t of e.sections??[]){let e=t.fields?t.fields.map(e=>o.get(e)).filter(e=>e!==void 0):a.filter(e=>e.sectionId===t.id);for(let t of e)s.add(t.key);c.push({id:t.id,title:t.title,description:t.description,icon:t.icon,fields:e,columns:t.columns??r,footerSlot:t.footerSlot,className:t.className})}let l=a.filter(e=>!s.has(e.key));return(l.length>0||c.length===0)&&c.unshift({id:`default`,title:e.sections?.length?n:void 0,fields:l,columns:r}),c.filter(e=>e.fields.length>0)}function b(e){return e==null?``:typeof e==`string`?e:typeof e==`number`||typeof e==`boolean`?String(e):JSON.stringify(e)}function x(e){return Array.isArray(e)?e.map(e=>String(e)):[]}function S(e){return e===!0||e===`true`||e===1}function C(e,t=!1){let n=e.trim();if(n.length===0)return null;let r=t?Number.parseInt(n,10):Number.parseFloat(n);return Number.isNaN(r)?null:r}function w(e,t=2){if(e==null)return``;if(typeof e==`string`)return e;try{return JSON.stringify(e,null,t)}catch{return String(e)}}function T(e){let t=e.trim();if(t.length===0)return{value:null,valid:!0};try{return{value:JSON.parse(t),valid:!0}}catch{return{value:e,valid:!1}}}function E(e){return e.replace(/[^a-zA-Z0-9_-]/g,`-`)}var D={root:`schema-form-module__root___wzfBI`,surface:`schema-form-module__surface___63EJL`,header:`schema-form-module__header___EH76q`,footer:`schema-form-module__footer___C2twB`,body:`schema-form-module__body___4qixN`,cards:`schema-form-module__cards___CPFra`,headerText:`schema-form-module__headerText___Y5rPg`,sectionHeading:`schema-form-module__sectionHeading___qJGj-`,sectionFooter:`schema-form-module__sectionFooter___CN4S3`,grid:`schema-form-module__grid___mAJZC`,columns2:`schema-form-module__columns2___I79Ei`,columns3:`schema-form-module__columns3___WRiB8`,widthHalf:`schema-form-module__widthHalf___tdNZg`,widthFull:`schema-form-module__widthFull___0YyyI`,widthThird:`schema-form-module__widthThird___ymcHo`,mono:`schema-form-module__mono___b1ElB`,recommendations:`schema-form-module__recommendations___ulTPd`,recommendation:`schema-form-module__recommendation___QlV6C`};function O(e){return e.hint??e.description}function k(e,t,n,r){if(e.formatValue)try{return e.formatValue(t,n)}catch(e){r?.(e)}return b(t)}function A(e,t,n,r){if(e.parseValue)try{return e.parseValue(t,n)}catch(e){r?.(e)}return t}function j(e,t,n,r,i){if(e.parseValue)try{return e.parseValue(t,n)}catch(e){i?.(e)}return C(t,r)}function M(e,t,n,r){if(e.type===`json`&&e.parseValue)try{return{value:e.parseValue(t,n),valid:!0}}catch(e){return r?.(e),{value:t,valid:!1}}return T(t)}function N({field:e,value:t,values:n,error:r,disabled:i,fieldId:a,onValueChange:c,onError:l,strings:u}){let d=e.type===`json`?e.jsonIndent??2:2,[h,g]=(0,f.useState)(),[_,v]=(0,f.useState)(null),y=_??w(t,d);return e.type===`json`?(0,p.jsx)(o.u,{label:e.label,required:e.required,hint:O(e),helperText:e.helperText,error:r??h,htmlFor:a,className:`schema-form-field--component`,children:(0,p.jsx)(s.c,{id:a,name:e.key,value:y,rows:e.rows??6,disabled:i,invalid:!!(r??h),placeholder:e.placeholder,spellCheck:!1,className:(0,m.clsx)(D.mono,e.controlClassName),onChange:t=>{let r=t.target.value;v(r);let i=M(e,r,n,l);g(i.valid?void 0:u.jsonParseError),c(i.value)},onBlur:()=>{let t=M(e,y,n,l);g(t.valid?void 0:u.jsonParseError),c(t.value),v(null)},...e.textareaProps})}):null}function P({field:e,value:t,values:n,error:r,disabled:i,required:f,fieldId:h,onValueChange:g,onError:_,strings:v,className:y}){let C=e.type??`text`,w=new Set([`radio-cards`,`checkbox-cards`]),T={label:e.label,required:f,hint:O(e),helperText:e.helperText,error:r,htmlFor:!w.has(C)&&h,className:(0,m.clsx)(`schema-form-field--component`,y)},E=e.controlClassName;if(e.type===`custom`)return(0,p.jsx)(`div`,{className:(0,m.clsx)(`schema-form-field--component`,y),children:e.render({field:e,value:t,values:n,error:r,disabled:i,required:f,fieldId:h,onValueChange:g,onError:_})});if(e.type===`switch`){let n=S(t);return e.switchStyle===`card`?(0,p.jsx)(o.u,{error:r,className:(0,m.clsx)(`schema-form-field--component`,y),children:(0,p.jsx)(c.n,{label:e.label,description:e.description,hint:e.hint,name:e.key,value:n,disabled:i,invalid:!!r,className:E,onValueChange:g,...e.switchCardProps})}):(0,p.jsx)(o.u,{error:r,className:(0,m.clsx)(`schema-form-field--component`,y),children:(0,p.jsx)(c.t,{label:e.label,description:e.description??e.hint,name:e.key,value:n,disabled:i,invalid:!!r,className:E,onValueChange:g,...e.switchProps})})}if(e.type===`json`)return(0,p.jsx)(N,{field:e,value:t,values:n,error:r,disabled:i,required:f,fieldId:h,onValueChange:g,onError:_,strings:v});if(e.type===`textarea`)return(0,p.jsx)(o.u,{...T,children:(0,p.jsx)(s.c,{id:h,name:e.key,value:k(e,t,n,_),rows:e.rows,disabled:i,required:f,invalid:!!r,placeholder:e.placeholder,className:E,onChange:t=>g(A(e,t.target.value,n,_)),...e.textareaProps})});if(e.type===`number`||e.type===`integer`||e.type===`decimal`){let a=e.type===`integer`,s=a?0:e.decimalPlaces??(e.type===`decimal`?2:4);return(0,p.jsx)(o.u,{...T,children:(0,p.jsx)(u.u,{id:h,name:e.key,value:k(e,t,n,_),min:e.min,max:e.max,step:e.step,decimalPlaces:s,disabled:i,required:f,invalid:!!r,placeholder:e.placeholder,className:E,onChange:t=>g(j(e,t.target.value,n,a,_)),...e.numberProps})})}if(e.type===`select`)return(0,p.jsx)(o.u,{...T,children:(0,p.jsx)(c.s,{name:e.key,value:b(t),options:e.options.map(e=>({value:e.value,label:e.label,disabled:e.disabled,icon:e.icon})),allowClear:e.allowClear,disabled:i,required:f,invalid:!!r,placeholder:e.placeholder,className:E,onValueChange:e=>g(e??null),...e.selectProps})});if(e.type===`radio-cards`)return(0,p.jsx)(o.u,{...T,children:(0,p.jsx)(c.o,{name:e.key,value:b(t),options:e.options,columns:e.columns,disabled:i,invalid:!!r,className:E,onValueChange:g,...e.radioProps})});if(e.type===`checkbox-cards`)return(0,p.jsx)(o.u,{...T,children:(0,p.jsx)(c.a,{name:e.key,value:x(t),options:e.options,columns:e.columns,disabled:i,invalid:!!r,className:E,onValueChange:g,...e.checkboxProps})});if(e.type===`tags`){let n=x(t),s=(e.recommendations??[]).filter(e=>!n.includes(e)),c=e.maxTags!==void 0&&n.length>=e.maxTags;return(0,p.jsxs)(o.u,{...T,children:[(0,p.jsx)(l.s,{name:e.key,value:n,maxTags:e.maxTags,disabled:i,invalid:!!r,placeholder:e.placeholder,className:E,onValueChange:g,...e.tagsProps}),s.length>0&&!c&&(0,p.jsx)(`div`,{className:D.recommendations,children:s.map(e=>(0,p.jsx)(`button`,{type:`button`,disabled:i,className:D.recommendation,onClick:()=>g([...n,e]),children:(0,p.jsxs)(a.t,{tone:`neutral`,children:[(0,p.jsx)(d.PlusIcon,{"aria-hidden":!0}),e]})},e))})]})}let M=e;return(0,p.jsx)(o.u,{...T,children:(0,p.jsx)(s.l,{id:h,name:e.key,type:C===`text`?`text`:C,value:k(e,t,n,_),disabled:i,required:f,invalid:!!r,placeholder:e.placeholder,className:E,onChange:t=>g(A(e,t.target.value,n,_)),...M.inputProps})})}var F={submitLabel:`Save changes`,resetLabel:`Reset`,defaultSectionTitle:`General`,emptyTitle:`No fields configured`,emptyDescription:`Add fields to the schema to render a form.`,jsonParseError:`Enter valid JSON.`,validationError:`Invalid value.`,requiredError:e=>`${e} is required.`};function I(e,t){let n={...t??{}};for(let t of e)t.defaultValue!==void 0&&n[t.key]===void 0&&(n[t.key]=t.defaultValue);return n}function L(e){return e==null?!0:typeof e==`string`?e.trim().length===0:Array.isArray(e)?e.length===0:!1}function R(e){let t={};for(let[n,r]of Object.entries(e??{}))r&&(t[n]=r);return t}function z({fields:e,value:t,defaultValue:n,errors:r,onValueChange:i,onFieldChange:a,requiredError:o,validationError:s,onError:c}){let l=t!==void 0,u=(0,f.useMemo)(()=>I(e,n),[n,e]),[d,p]=(0,f.useState)(()=>u),[m,h]=(0,f.useState)({}),_=(0,f.useMemo)(()=>l?{...u,...t??{}}:d,[u,d,l,t]),v=(0,f.useMemo)(()=>({...m,...R(r)}),[r,m]),y=(0,f.useCallback)(e=>{l||p(e),i?.(e)},[l,i]),b=(0,f.useCallback)((e,t)=>{let n={..._,[e]:t};l||p(n),h(t=>{if(!t[e])return t;let{[e]:n,...r}=t;return r}),a?.(e,t,n),i?.(n)},[l,a,i,_]),x=(0,f.useCallback)(()=>{let t=I(e,n);return l||p(t),h({}),i?.(t),t},[n,e,l,i]),S=(0,f.useCallback)(()=>{let t={};for(let n of e){if(g(n,_,c))continue;let e=_[n.key];if(n.required&&L(e)){t[n.key]=o(n.label);continue}let r=Array.isArray(n.validate)?n.validate:n.validate?[n.validate]:[];for(let i of r)try{let r=i(e,_,n);if(typeof r==`string`&&r.length>0){t[n.key]=r;break}}catch(e){c?.(e),t[n.key]=s;break}}return h(t),Object.keys(t).length===0},[e,c,o,s,_]);return{values:_,errors:v,getFieldError:(0,f.useCallback)(e=>v[e],[v]),getFieldValue:(0,f.useCallback)(e=>_[e],[_]),setFieldValue:b,setValues:y,reset:x,validate:S}}var ee={1:void 0,2:D.columns2,3:D.columns3},B={auto:void 0,half:D.widthHalf,third:D.widthThird,full:D.widthFull};function te({section:t}){return!t.title&&!t.description?null:(0,p.jsxs)(i.o,{gap:`xs`,className:D.sectionHeading,children:[!!t.title&&(0,p.jsx)(e.o,{weight:`semibold`,children:t.title}),!!t.description&&(0,p.jsx)(e.o,{type:`secondary`,children:t.description})]})}function V({schema:n,value:a,defaultValue:o,errors:s,disabled:c=!1,layout:l=`form`,columns:u=2,id:d,name:g,title:v,description:b,headerSlot:x,footerSlot:S,actionsSlot:C,emptySlot:w,showActions:T,submitLabel:O,resetLabel:k,submitDisabled:A=!1,resetDisabled:j=!1,submitting:M=!1,onValueChange:N,onFieldChange:I,onSubmit:L,onReset:R,onError:V,renderField:ne,renderSection:re,strings:ie,className:ae,contentClassName:oe,sectionClassName:H,fieldClassName:se}){let U={...F,...ie},ce=(0,f.useId)(),W=d??`schema-form-${ce}`,G=z({fields:n.fields,value:a,defaultValue:o,errors:s,onValueChange:N,onFieldChange:I,requiredError:U.requiredError,validationError:U.validationError,onError:V}),K=(0,f.useMemo)(()=>y(n,G.values,U.defaultSectionTitle,u,V),[u,U.defaultSectionTitle,G.values,V,n]),le=K.length>0,q={setFieldValue:G.setFieldValue,setValues:G.setValues,reset:G.reset,validate:G.validate},J=v??n.title,Y=b??n.description,ue=T??!!(L||R||C),de=e=>{let t=`${W}-${E(e.key)}`,n={field:e,value:G.getFieldValue(e.key),values:G.values,error:G.getFieldError(e.key),disabled:c||_(e,G.values,V),required:!!e.required,fieldId:t,onValueChange:t=>G.setFieldValue(e.key,t),onError:V},r=(0,p.jsx)(P,{...n,strings:U});return(0,p.jsx)(`div`,{className:(0,m.clsx)(B[e.width??`auto`],e.className,se),children:ne?.({...n,defaultField:r})??r},e.key)},fe=e=>(0,p.jsx)(`div`,{className:(0,m.clsx)(D.grid,ee[e.columns]),children:e.fields.map(de)}),pe=e=>{let t=fe(e),n=re?.({section:e,fields:t,values:G.values});return n==null?l===`cards`?(0,p.jsxs)(r.l,{surface:`bordered`,icon:e.icon,title:e.title,description:e.description,className:(0,m.clsx)(e.className,H),children:[t,!!e.footerSlot&&(0,p.jsx)(`div`,{className:D.sectionFooter,children:e.footerSlot})]},e.id):(0,p.jsxs)(`section`,{className:(0,m.clsx)(e.className,H),children:[(0,p.jsx)(te,{section:e}),t,!!e.footerSlot&&(0,p.jsx)(`div`,{className:D.sectionFooter,children:e.footerSlot})]},e.id):(0,p.jsx)(f.Fragment,{children:n},e.id)},X=C??(ue?(0,p.jsx)(h,{submitLabel:O??U.submitLabel,resetLabel:k??U.resetLabel,showReset:!!R,disabled:c,submitDisabled:A,resetDisabled:j,submitting:M,onReset:()=>R?.(G.reset(),q)}):null),me=w??(0,p.jsx)(t.p,{title:U.emptyTitle,description:U.emptyDescription,padding:`md`,border:!0}),Z=!!(J||Y||x)&&(0,p.jsxs)(`div`,{className:D.header,children:[(0,p.jsxs)(i.o,{gap:`xs`,className:D.headerText,children:[!!J&&(0,p.jsx)(e.o,{weight:`semibold`,children:J}),!!Y&&(0,p.jsx)(e.o,{type:`secondary`,children:Y})]}),x]}),Q=!!(S||X)&&(0,p.jsxs)(`div`,{className:D.footer,children:[S,X]}),$=(0,p.jsx)(`div`,{className:(0,m.clsx)(D.body,oe),children:le?K.map(pe):me});return(0,p.jsx)(`form`,{id:W,name:g,noValidate:!0,className:(0,m.clsx)(`schema-form--component`,D.root,ae),onSubmit:async e=>{if(e.preventDefault(),!(c||A||M)&&G.validate())try{await L?.(G.values,q,e)}catch(e){V?.(e)}},children:l===`cards`?(0,p.jsxs)(`div`,{className:D.cards,children:[Z,$,Q]}):(0,p.jsxs)(`div`,{className:D.surface,children:[Z,$,Q]})})}exports.SchemaForm=V,exports.SchemaFormActions=h,exports.SchemaFormFieldRenderer=P,exports.defaultSchemaFormStrings=F,exports.getVisibleFields=v,exports.isFieldDisabled=_,exports.isFieldHidden=g,exports.resolveSchemaSections=y,exports.useSchemaForm=z;

package/dist/features/schema-form.css

@@ -0,0 +1,22 @@
+@import "../core.css";
+@import "../css/schema-form.css";
+@import "../css/typography.css";
+@import "../css/feedback.css";
+@import "../css/buttons.css";
+@import "../css/tooltip.css";
+@import "../css/display.css";
+@import "../css/structure.css";
+@import "../css/primitives.css";
+@import "../css/badge.css";
+@import "../css/forms.css";
+@import "../css/cards.css";
+@import "../css/action-menu.css";
+@import "../css/dropdown-menu.css";
+@import "../css/skeleton.css";
+@import "../css/text-inputs.css";
+@import "../css/choice-inputs.css";
+@import "../css/label.css";
+@import "../css/value-inputs.css";
+@import "../css/date-pickers.css";
+@import "../css/popover.css";
+@import "../css/forms-numeric.css";