solid-uix 0.4.0 → 0.5.0

package/dist/types/text_input/text_input.stories.d.ts

@@ -0,0 +1,30 @@
+declare const _default: {
+    title: string;
+    component: (props: import('./text_input.types').TextInputProps) => import("solid-js").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {
+        placeholder: string;
+        value: string;
+        disabled: boolean;
+        error: boolean;
+        onChange: import('storybook/test').Mock<(...args: any[]) => any>;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {};
+};
+export declare const Disabled: {
+    args: {
+        disabled: boolean;
+    };
+};
+export declare const Error: {
+    args: {
+        error: boolean;
+    };
+};

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "solid-uix",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "type": "module",
-  "main": "./dist/main.umd.cjs",
   "module": "./dist/main.js",
-  "types": "./dist/main.d.ts",
+  "types": "./dist/types/main.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/main.js",
-      "require": "./dist/main.umd.cjs"
+      "import": "./dist/main.js"
     },
-    "./dist/main.css": {
-      "import": "./dist/main.css",
-      "require": "./dist/main.css"
+    "./ssr": {
+      "import": "./dist/ssr/main.js"
+    },
+    "./css": {
+      "import": "./dist/main.css"
     }
   },
   "files": [
@@ -28,6 +28,7 @@
   "devDependencies": {
     "@solidjs/testing-library": "^0.8.10",
     "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^24.9.2",
     "happy-dom": "^17.4.4",
     "typescript": "~5.7.2",
     "vite": "^6.0.11",
@@ -36,7 +37,7 @@
     "vitest": "^3.1.1"
   },
   "scripts": {
-    "build": "tsc && vite build",
+    "build": "tsc && vite build && BUILD_TARGET=ssr vite build && rm -f dist/ssr/*.css",
     "test": "vitest run",
     "start": "cd src-storybook && npm start"
   },

package/dist/main.umd.cjs

@@ -1 +0,0 @@
-(function(h,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("solid-js")):typeof define=="function"&&define.amd?define(["exports","solid-js"],c):(h=typeof globalThis<"u"?globalThis:h||self,c(h["solid-uix"]={},h.solid))})(this,function(h,c){"use strict";const K=["allowfullscreen","async","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","inert","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected"],X=new Set(["className","value","readOnly","noValidate","formNoValidate","isMap","noModule","playsInline",...K]),Y=new Set(["innerHTML","textContent","innerText","children"]),Q=Object.assign(Object.create(null),{className:"class",htmlFor:"for"}),W=Object.assign(Object.create(null),{class:"className",novalidate:{$:"noValidate",FORM:1},formnovalidate:{$:"formNoValidate",BUTTON:1,INPUT:1},ismap:{$:"isMap",IMG:1},nomodule:{$:"noModule",SCRIPT:1},playsinline:{$:"playsInline",VIDEO:1},readonly:{$:"readOnly",INPUT:1,TEXTAREA:1}});function Z(n,e){const t=W[n];return typeof t=="object"?t[e]?t.$:void 0:t}const z=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]),j=n=>c.createMemo(()=>n());function J(n,e,t){let i=t.length,r=e.length,o=i,a=0,s=0,l=e[r-1].nextSibling,f=null;for(;a<r||s<o;){if(e[a]===t[s]){a++,s++;continue}for(;e[r-1]===t[o-1];)r--,o--;if(r===a){const d=o<i?s?t[s-1].nextSibling:t[o-s]:l;for(;s<o;)n.insertBefore(t[s++],d)}else if(o===s)for(;a<r;)(!f||!f.has(e[a]))&&e[a].remove(),a++;else if(e[a]===t[o-1]&&t[s]===e[r-1]){const d=e[--r].nextSibling;n.insertBefore(t[s++],e[a++].nextSibling),n.insertBefore(t[--o],d),e[r]=t[o]}else{if(!f){f=new Map;let g=s;for(;g<o;)f.set(t[g],g++)}const d=f.get(e[a]);if(d!=null)if(s<d&&d<o){let g=a,u=1,C;for(;++g<r&&g<o&&!((C=f.get(e[g]))==null||C!==d+u);)u++;if(u>d-s){const p=e[a];for(;s<d;)n.insertBefore(t[s++],p)}else n.replaceChild(t[s++],e[a++])}else a++;else e[a++].remove()}}}const k="_$DX_DELEGATE";function y(n,e,t,i){let r;const o=()=>{const s=document.createElement("template");return s.innerHTML=n,s.content.firstChild},a=()=>(r||(r=o())).cloneNode(!0);return a.cloneNode=a,a}function ee(n,e=window.document){const t=e[k]||(e[k]=new Set);for(let i=0,r=n.length;i<r;i++){const o=n[i];t.has(o)||(t.add(o),e.addEventListener(o,le))}}function M(n,e,t){E(n)||(t==null?n.removeAttribute(e):n.setAttribute(e,t))}function te(n,e,t){E(n)||(t?n.setAttribute(e,""):n.removeAttribute(e))}function w(n,e){E(n)||(e==null?n.removeAttribute("class"):n.className=e)}function ne(n,e,t,i){if(i)Array.isArray(t)?(n[`$$${e}`]=t[0],n[`$$${e}Data`]=t[1]):n[`$$${e}`]=t;else if(Array.isArray(t)){const r=t[0];n.addEventListener(e,t[0]=o=>r.call(n,t[1],o))}else n.addEventListener(e,t,typeof t!="function"&&t)}function ie(n,e,t={}){const i=Object.keys(e||{}),r=Object.keys(t);let o,a;for(o=0,a=r.length;o<a;o++){const s=r[o];!s||s==="undefined"||e[s]||(R(n,s,!1),delete t[s])}for(o=0,a=i.length;o<a;o++){const s=i[o],l=!!e[s];!s||s==="undefined"||t[s]===l||!l||(R(n,s,!0),t[s]=l)}return t}function re(n,e,t){if(!e)return t?M(n,"style"):e;const i=n.style;if(typeof e=="string")return i.cssText=e;typeof t=="string"&&(i.cssText=t=void 0),t||(t={}),e||(e={});let r,o;for(o in t)e[o]==null&&i.removeProperty(o),delete t[o];for(o in e)r=e[o],r!==t[o]&&(i.setProperty(o,r),t[o]=r);return t}function m(n,e={},t,i){const r={};return i||c.createRenderEffect(()=>r.children=T(n,e.children,r.children)),c.createRenderEffect(()=>typeof e.ref=="function"&&F(e.ref,n)),c.createRenderEffect(()=>se(n,e,t,!0,r,!0)),r}function F(n,e,t){return c.untrack(()=>n(e,t))}function b(n,e,t,i){if(t!==void 0&&!i&&(i=[]),typeof e!="function")return T(n,e,i,t);c.createRenderEffect(r=>T(n,e(),r,t),i)}function se(n,e,t,i,r={},o=!1){e||(e={});for(const a in r)if(!(a in e)){if(a==="children")continue;r[a]=U(n,a,null,r[a],t,o,e)}for(const a in e){if(a==="children")continue;const s=e[a];r[a]=U(n,a,s,r[a],t,o,e)}}function E(n){return!!c.sharedConfig.context&&!c.sharedConfig.done&&(!n||n.isConnected)}function oe(n){return n.toLowerCase().replace(/-([a-z])/g,(e,t)=>t.toUpperCase())}function R(n,e,t){const i=e.trim().split(/\s+/);for(let r=0,o=i.length;r<o;r++)n.classList.toggle(i[r],t)}function U(n,e,t,i,r,o,a){let s,l,f,d,g;if(e==="style")return re(n,t,i);if(e==="classList")return ie(n,t,i);if(t===i)return i;if(e==="ref")o||t(n);else if(e.slice(0,3)==="on:"){const u=e.slice(3);i&&n.removeEventListener(u,i,typeof i!="function"&&i),t&&n.addEventListener(u,t,typeof t!="function"&&t)}else if(e.slice(0,10)==="oncapture:"){const u=e.slice(10);i&&n.removeEventListener(u,i,!0),t&&n.addEventListener(u,t,!0)}else if(e.slice(0,2)==="on"){const u=e.slice(2).toLowerCase(),C=z.has(u);if(!C&&i){const p=Array.isArray(i)?i[0]:i;n.removeEventListener(u,p)}(C||t)&&(ne(n,u,t,C),C&&ee([u]))}else if(e.slice(0,5)==="attr:")M(n,e.slice(5),t);else if(e.slice(0,5)==="bool:")te(n,e.slice(5),t);else if((g=e.slice(0,5)==="prop:")||(f=Y.has(e))||(d=Z(e,n.tagName))||(l=X.has(e))||(s=n.nodeName.includes("-")||"is"in a)){if(g)e=e.slice(5),l=!0;else if(E(n))return t;e==="class"||e==="className"?w(n,t):s&&!l&&!f?n[oe(e)]=t:n[d||e]=t}else M(n,Q[e]||e,t);return t}function le(n){if(c.sharedConfig.registry&&c.sharedConfig.events&&c.sharedConfig.events.find(([l,f])=>f===n))return;let e=n.target;const t=`$$${n.type}`,i=n.target,r=n.currentTarget,o=l=>Object.defineProperty(n,"target",{configurable:!0,value:l}),a=()=>{const l=e[t];if(l&&!e.disabled){const f=e[`${t}Data`];if(f!==void 0?l.call(e,f,n):l.call(e,n),n.cancelBubble)return}return e.host&&typeof e.host!="string"&&!e.host._$host&&e.contains(n.target)&&o(e.host),!0},s=()=>{for(;a()&&(e=e._$host||e.parentNode||e.host););};if(Object.defineProperty(n,"currentTarget",{configurable:!0,get(){return e||document}}),c.sharedConfig.registry&&!c.sharedConfig.done&&(c.sharedConfig.done=_$HY.done=!0),n.composedPath){const l=n.composedPath();o(l[0]);for(let f=0;f<l.length-2&&(e=l[f],!!a());f++){if(e._$host){e=e._$host,s();break}if(e.parentNode===r)break}}else s();o(i)}function T(n,e,t,i,r){const o=E(n);if(o){!t&&(t=[...n.childNodes]);let l=[];for(let f=0;f<t.length;f++){const d=t[f];d.nodeType===8&&d.data.slice(0,2)==="!$"?d.remove():l.push(d)}t=l}for(;typeof t=="function";)t=t();if(e===t)return t;const a=typeof e,s=i!==void 0;if(n=s&&t[0]&&t[0].parentNode||n,a==="string"||a==="number"){if(o||a==="number"&&(e=e.toString(),e===t))return t;if(s){let l=t[0];l&&l.nodeType===3?l.data!==e&&(l.data=e):l=document.createTextNode(e),t=x(n,t,i,l)}else t!==""&&typeof t=="string"?t=n.firstChild.data=e:t=n.textContent=e}else if(e==null||a==="boolean"){if(o)return t;t=x(n,t,i)}else{if(a==="function")return c.createRenderEffect(()=>{let l=e();for(;typeof l=="function";)l=l();t=T(n,l,t,i)}),()=>t;if(Array.isArray(e)){const l=[],f=t&&Array.isArray(t);if(B(l,e,t,r))return c.createRenderEffect(()=>t=T(n,l,t,i,!0)),()=>t;if(o){if(!l.length)return t;if(i===void 0)return t=[...n.childNodes];let d=l[0];if(d.parentNode!==n)return t;const g=[d];for(;(d=d.nextSibling)!==i;)g.push(d);return t=g}if(l.length===0){if(t=x(n,t,i),s)return t}else f?t.length===0?V(n,l,i):J(n,t,l):(t&&x(n),V(n,l));t=l}else if(e.nodeType){if(o&&e.parentNode)return t=s?[e]:e;if(Array.isArray(t)){if(s)return t=x(n,t,i,e);x(n,t,null,e)}else t==null||t===""||!n.firstChild?n.appendChild(e):n.replaceChild(e,n.firstChild);t=e}}return t}function B(n,e,t,i){let r=!1;for(let o=0,a=e.length;o<a;o++){let s=e[o],l=t&&t[n.length],f;if(!(s==null||s===!0||s===!1))if((f=typeof s)=="object"&&s.nodeType)n.push(s);else if(Array.isArray(s))r=B(n,s,l)||r;else if(f==="function")if(i){for(;typeof s=="function";)s=s();r=B(n,Array.isArray(s)?s:[s],Array.isArray(l)?l:[l])||r}else n.push(s),r=!0;else{const d=String(s);l&&l.nodeType===3&&l.data===d?n.push(l):n.push(document.createTextNode(d))}}return r}function V(n,e,t=null){for(let i=0,r=e.length;i<r;i++)n.insertBefore(e[i],t)}function x(n,e,t,i){if(t===void 0)return n.textContent="";const r=i||document.createTextNode("");if(e.length){let o=!1;for(let a=e.length-1;a>=0;a--){const s=e[a];if(r!==s){const l=s.parentNode===n;!o&&!a?l?n.replaceChild(r,s):n.insertBefore(r,t):l&&s.remove()}else o=!0}}else n.insertBefore(r,t);return[r]}const ce={button:"_button_12jrf_1"},_=(...n)=>n.filter(Boolean).join(" ");var ae=y("<button type=button>");const fe=n=>{const[e,t]=c.splitProps(n,["variant"]);return(()=>{var i=ae();return m(i,c.mergeProps(t,{get class(){return _(ce.button,t.class,e.variant||"solid")}}),!1,!0),b(i,()=>n.children),i})()},A={checkbox:"_checkbox_1npj4_1",input:"_input_1npj4_8",indicator:"_indicator_1npj4_18",label:"_label_1npj4_37",disabled:"_disabled_1npj4_46"};var de=y("<span><input><span>"),ue=y("<label>");const ge=n=>{const[e,t]=c.splitProps(n,["label","error","class"]),i=c.createUniqueId();return(()=>{var r=de(),o=r.firstChild,a=o.nextSibling;return m(o,c.mergeProps(t,{id:i,type:"checkbox",get class(){return A.input},get"aria-invalid"(){return!!e.error}}),!1,!1),b(r,(()=>{var s=j(()=>!!e.label);return()=>s()&&(()=>{var l=ue();return M(l,"for",i),b(l,()=>e.label),c.createRenderEffect(()=>w(l,A.label)),l})()})(),null),c.createRenderEffect(s=>{var l=_(A.checkbox,e.class,t.disabled&&A.disabled),f=A.indicator;return l!==s.e&&w(r,s.e=l),f!==s.t&&w(a,s.t=f),s},{e:void 0,t:void 0}),r})()},he=n=>n.level==="error",q=n=>{if(n.length)return n.map(e=>e.id).join(" ")},P=()=>{},D=n=>()=>n,H=()=>()=>{},ye={fieldId:"",error:D(!1),ariaDescribedBy:D(void 0),ariaErrorMessage:D(void 0),setMessage:P},v=c.createContext(ye,{}),S=()=>c.useContext(v),me=n=>{const e=c.createUniqueId(),[t,i]=c.createSignal([]),r=c.createMemo(()=>n.error),o=c.createMemo(()=>q(t())),a=c.createMemo(()=>q(t().filter(he))),s=l=>{i(f=>[...f,l])};return c.createComponent(v.Provider,{value:{fieldId:e,error:r,setMessage:s,ariaDescribedBy:o,ariaErrorMessage:a},get children(){return n.children}})},be={input:"_input_1nlce_1"};var _e=y("<input>");const $e=n=>{const[e,t]=c.splitProps(n,["error","class"]),i=S();return(()=>{var r=_e();return m(r,c.mergeProps(t,{get class(){return _(be.input,e.class)},get id(){return i.fieldId},get"aria-describedby"(){return i.ariaDescribedBy()},get"aria-invalid"(){return i.error()||!!e.error},get"aria-errormessage"(){return i.ariaErrorMessage()}}),!1,!1),r})()},Ce={setDialogRef(){},ariaLabelledBy:D(void 0),ariaDescribedBy:D(void 0),setTitleId:H(),setDescriptionId:H(),openDialog:P,closeDialog:P,onOpenChange:P,onBeforeClose:P},G=c.createContext(Ce),I=()=>c.useContext(G),xe=n=>{let e;const t=d=>{e=d},[i,r]=c.createSignal(),[o,a]=c.createSignal(),s=c.createMemo(()=>n.isOpen),l=()=>{var d;e==null||e.showModal(),(d=n.onOpenChange)==null||d.call(n,!0)},f=()=>{e==null||e.requestClose()};return c.createEffect(()=>{s()?l():f()}),c.createComponent(G.Provider,{get value(){return{ariaLabelledBy:i,ariaDescribedBy:o,setDialogRef:t,setTitleId:r,setDescriptionId:a,openDialog:l,closeDialog:f,onOpenChange:n.onOpenChange,onBeforeClose:n.onBeforeClose}},get children(){return n.children}})},L={dialog:"_dialog_1klsa_1",title:"_title_1klsa_16",description:"_description_1klsa_26",actions:"_actions_1klsa_37"};var Ee=y("<dialog>"),Te=y("<h2>"),Ae=y("<p>"),Pe=y("<div>");const $=n=>c.createComponent(xe,c.mergeProps(n,{get children(){return n.children}})),De=n=>{const e=I(),t=c.children(()=>n.children);return c.createEffect(()=>{const i=t();i instanceof HTMLElement&&(i.onclick=e.openDialog)}),j(t)},Ie=n=>{const e=I();return(()=>{var t=Ee();return F(i=>{n.ref=i,e.setDialogRef(i)},t),m(t,c.mergeProps(n,{get class(){return _(L.dialog,n.class)},get"aria-labelledby"(){return e.ariaLabelledBy()},get"aria-describedby"(){return e.ariaDescribedBy()},onClose:()=>{var i;return(i=e.onOpenChange)==null?void 0:i.call(e,!1)},get onCancel(){return e.onBeforeClose}}),!1,!0),b(t,()=>n.children),t})()},Me=n=>{const e=I(),t=c.createUniqueId();return e.setTitleId(t),(()=>{var i=Te();return m(i,c.mergeProps(n,{id:t,get class(){return _(L.title,n.class)}}),!1,!0),b(i,()=>n.children),i})()},we=n=>{const e=I(),t=c.createUniqueId();return e.setDescriptionId(t),(()=>{var i=Ae();return m(i,c.mergeProps(n,{id:t,get class(){return _(L.description,n.class)}}),!1,!0),b(i,()=>n.children),i})()},Le=n=>{const e=I(),t=c.children(()=>n.children);return c.createEffect(()=>{const i=t();i instanceof HTMLElement&&(i.onclick=e.closeDialog)}),j(t)},Ne=n=>(()=>{var e=Pe();return m(e,c.mergeProps(n,{get class(){return _(L.actions,n.class)}}),!1,!0),b(e,()=>n.children),e})();$.Trigger=De,$.Content=Ie,$.Title=Me,$.Description=we,$.Close=Le,$.Actions=Ne;const N={field:"_field_1ijme_1",label:"_label_1ijme_7",message:"_message_1ijme_19",error:"_error_1ijme_31"};var je=y("<div>"),Be=y("<label>"),Se=y("<p>");const O=n=>{const[e,t]=c.splitProps(n,["class","error"]);return c.createComponent(me,{get error(){return!!e.error},get children(){var i=je();return m(i,c.mergeProps(t,{get class(){return _(N.field,e.class)}}),!1,!0),b(i,()=>n.children),i}})},Oe=n=>{const[e,t]=c.splitProps(n,["class"]),i=S();return(()=>{var r=Be();return m(r,c.mergeProps(t,{get for(){return i.fieldId},get class(){return _(N.label,e.class)}}),!1,!0),b(r,()=>t.children),r})()},pe=n=>{const[e,t]=c.splitProps(n,["class","level"]),i=S(),r=c.createUniqueId();return i.setMessage({level:e.level||"info",id:r}),c.createComponent(c.Show,{get when(){return t.children},get children(){var o=Se();return m(o,c.mergeProps(t,{id:r,get class(){return _(N.message,e.class,e.level==="error"&&N.error)}}),!1,!0),b(o,()=>t.children),o}})};O.Label=Oe,O.Message=pe,h.Button=fe,h.Checkbox=ge,h.Dialog=$,h.Field=O,h.TextInput=$e,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});