@coderan/components-react 0.1.1 → 0.1.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) [year] [fullname]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
 export * from './utilities/Color';
+export * from './utilities/Variant';

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),C=require("react");function S(e){var u,r,c="";if(typeof e=="string"||typeof e=="number")c+=e;else if(typeof e=="object")if(Array.isArray(e)){var t=e.length;for(u=0;u<t;u++)e[u]&&(r=S(e[u]))&&(c&&(c+=" "),c+=r)}else for(r in e)e[r]&&(c&&(c+=" "),c+=r);return c}function n(){for(var e,u,r=0,c="",t=arguments.length;r<t;r++)(e=arguments[r])&&(u=S(e))&&(c&&(c+=" "),c+=u);return c}const R="_cuiButton_1734o_65",w="_loading_1734o_1",b="_cuiButtonText_1734o_78",v="_cuiButtonIcon_1734o_185",g={cuiButton:R,loading:w,cuiButtonText:b,"cuiButton--loading":"_cuiButton--loading_1734o_82","cuiButton--primary":"_cuiButton--primary_1734o_97","cuiButton--secondary":"_cuiButton--secondary_1734o_119","cuiButton--success":"_cuiButton--success_1734o_141","cuiButton--danger":"_cuiButton--danger_1734o_163",cuiButtonIcon:v,"cuiButtonIcon--start":"_cuiButtonIcon--start_1734o_188","cuiButtonIcon--end":"_cuiButtonIcon--end_1734o_192"},f=({children:e,loading:u,color:r,iconStart:c,iconEnd:t,...a})=>i.jsxs("button",{className:n(g.cuiButton,g[`cuiButton--${r}`],u&&g["cuiButton--loading"]),...a,children:[c&&i.jsx("i",{className:n(g.cuiButtonIcon,g["cuiButtonIcon--start"]),children:c}),i.jsx("span",{className:g.cuiButtonText,children:e}),t&&i.jsx("i",{className:n(g.cuiButtonIcon,g["cuiButtonIcon--end"]),children:t})]}),p={PRIMARY:"primary",SECONDARY:"secondary",SUCCESS:"success",DANGER:"danger"},G={SUCCESS:p.SUCCESS,DANGER:p.DANGER,PRIMARY:p.PRIMARY,SECONDARY:p.SECONDARY},W="_cuiFormGroup_1jun3_20",H="_cuiFormField_1jun3_25",L="_cuiFormLabel_1jun3_36",T="_cuiFormControl_1jun3_47",Y="_cuiTextareaWrapper_1jun3_51",D="_cuiFormError_1jun3_65",P="_cuiFormControlWrapper_1jun3_71",O="_cuiFormInput_1jun3_92",U="_cuiSelectWrapper_1jun3_98",k="_cuiFormSelect_1jun3_99",M="_cuiFormHint_1jun3_148",o={cuiFormGroup:W,cuiFormField:H,cuiFormLabel:L,"cuiFormField--filled":"_cuiFormField--filled_1jun3_41",cuiFormControl:T,cuiTextareaWrapper:Y,"cuiFormField--error":"_cuiFormField--error_1jun3_58",cuiFormError:D,cuiFormControlWrapper:P,cuiFormInput:O,cuiSelectWrapper:U,cuiFormSelect:k,"cuiFormIcon--start":"_cuiFormIcon--start_1jun3_136","cuiFormIcon--end":"_cuiFormIcon--end_1jun3_142",cuiFormHint:M},I=({children:e,label:u,floatingLabel:r=!0,className:c,controlWrapperClassName:t,inputId:a,hasValue:l,labelAlwaysLikeFocus:d,iconStart:m,iconEnd:s,hasError:_,...B})=>i.jsxs("div",{className:n(o.cuiFormField,(l||d)&&o["cuiFormField--filled"],_&&o["cuiFormField--error"],c),...B,children:[m&&i.jsx("span",{className:o["cuiFormIcon--start"],children:m}),i.jsxs("div",{className:n(o.cuiFormControlWrapper,t),children:[r&&u&&i.jsx("label",{className:o.cuiFormLabel,htmlFor:a,children:u}),e]}),s&&i.jsx("span",{className:o["cuiFormIcon--end"],children:s})]}),x=({children:e,className:u,hint:r,errors:c,...t})=>{const a=c?Array.isArray(c)?c:[c]:[];return i.jsxs("div",{className:n(o.cuiFormGroup,u),...t,children:[e,a.map((l,d)=>i.jsx("div",{className:o.cuiFormError,children:l},d)),r&&i.jsx("div",{className:o.cuiFormHint,children:r})]})},V=({groupClassName:e,fieldClasName:u,placeholder:r,label:c,iconStart:t,iconEnd:a,id:l,errors:d,hint:m,hasError:s})=>{const _=C.useId(),B=l||_,[F,A]=C.useState("");return i.jsx(x,{errors:d,hint:m,className:e,children:i.jsx(I,{className:u,label:c,inputId:B,hasValue:!!F,iconStart:t,iconEnd:a,hasError:s||d?.length&&s!==!1,children:i.jsx("input",{type:"text",className:n(o.cuiFormControl,o.cuiFormInput),placeholder:r,"aria-placeholder":r,"aria-label":c,id:B,onChange:E=>A(E.target.value),value:F})})})},$=({groupClassName:e,label:u,iconStart:r,iconEnd:c,id:t,errors:a,hint:l,children:d})=>{const m=C.useId(),s=t||m,[_,B]=C.useState("");return i.jsx(x,{errors:a,hint:l,className:e,children:i.jsx(I,{controlWrapperClassName:o.cuiSelectWrapper,label:u,inputId:s,hasValue:!!_,iconStart:r,iconEnd:c,hasError:!!a,labelAlwaysLikeFocus:!0,children:i.jsx("select",{className:n(o.cuiFormControl,o.cuiFormSelect),id:s,onChange:F=>B(F.target.value),value:_,children:d})})})},q=({groupClassName:e,label:u,iconStart:r,iconEnd:c,id:t,errors:a,hint:l,children:d})=>{const m=C.useId(),s=t||m,[_,B]=C.useState("");return i.jsx(x,{errors:a,hint:l,className:e,children:i.jsx(I,{controlWrapperClassName:o.cuiTextareaWrapper,label:u,inputId:s,hasValue:!!_,iconStart:r,iconEnd:c,hasError:!!a,children:i.jsx("textarea",{className:o.cuiFormControl,id:s,onChange:F=>B(F.target.value),value:_,children:d})})})},K="_cuiBadge_19wui_105",y={cuiBadge:K,"cuiBadge--primary":"_cuiBadge--primary_19wui_110","cuiBadge--danger":"_cuiBadge--danger_19wui_115","cuiBadge--success":"_cuiBadge--success_19wui_120","cuiBadge--red":"_cuiBadge--red_19wui_125","cuiBadge--pink":"_cuiBadge--pink_19wui_130","cuiBadge--purple":"_cuiBadge--purple_19wui_135","cuiBadge--indigo":"_cuiBadge--indigo_19wui_140","cuiBadge--blue":"_cuiBadge--blue_19wui_145","cuiBadge--teal":"_cuiBadge--teal_19wui_150","cuiBadge--green":"_cuiBadge--green_19wui_155","cuiBadge--lime":"_cuiBadge--lime_19wui_160","cuiBadge--yellow":"_cuiBadge--yellow_19wui_165","cuiBadge--orange":"_cuiBadge--orange_19wui_170","cuiBadge--brown":"_cuiBadge--brown_19wui_175","cuiBadge--gray":"_cuiBadge--gray_19wui_180","cuiBadge--blueGray":"_cuiBadge--blueGray_19wui_185"},z=({className:e,color:u,children:r})=>i.jsx("div",{className:n(y.cuiBadge,y[`cuiBadge--${u}`],e),children:r}),h={RED:"red",PINK:"pink",PURPLE:"purple",INDIGO:"indigo",BLUE:"blue",TEAL:"teal",GREEN:"green",LIME:"lime",YELLOW:"yellow",ORANGE:"orange",BROWN:"brown",BLUE_GRAY:"blueGray",GRAY:"gray"},J={...h,PRIMARY:p.PRIMARY,DANGER:p.DANGER,SUCCESS:p.SUCCESS},Q="_cuiCard_1d5d3_12",X="_cuiCardHeader_1d5d3_19",Z="_cuiCardContent_1d5d3_25",ee="_cuiCardHeaderActions_1d5d3_29",j={cuiCard:Q,cuiCardHeader:X,cuiCardContent:Z,cuiCardHeaderActions:ee},ce=({actions:e,children:u,className:r})=>i.jsxs("div",{className:n(j.cuiCardHeader,r),children:[u,e&&i.jsx("div",{className:j.cuiCardHeaderActions,children:e})]}),ue=({children:e,className:u})=>i.jsx("div",{className:n(j.cuiCardContent,u),children:e}),N=({children:e,className:u})=>i.jsx("div",{className:n(j.cuiCard,u),children:e});N.Header=ce;N.Content=ue;exports.Badge=z;exports.BadgeColor=J;exports.Button=f;exports.ButtonColor=G;exports.Card=N;exports.Color=h;exports.Input=V;exports.Select=$;exports.TextArea=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),C=require("react");function S(e){var u,r,c="";if(typeof e=="string"||typeof e=="number")c+=e;else if(typeof e=="object")if(Array.isArray(e)){var o=e.length;for(u=0;u<o;u++)e[u]&&(r=S(e[u]))&&(c&&(c+=" "),c+=r)}else for(r in e)e[r]&&(c&&(c+=" "),c+=r);return c}function n(){for(var e,u,r=0,c="",o=arguments.length;r<o;r++)(e=arguments[r])&&(u=S(e))&&(c&&(c+=" "),c+=u);return c}const R="_cuiButton_1734o_65",w="_loading_1734o_1",b="_cuiButtonText_1734o_78",v="_cuiButtonIcon_1734o_185",g={cuiButton:R,loading:w,cuiButtonText:b,"cuiButton--loading":"_cuiButton--loading_1734o_82","cuiButton--primary":"_cuiButton--primary_1734o_97","cuiButton--secondary":"_cuiButton--secondary_1734o_119","cuiButton--success":"_cuiButton--success_1734o_141","cuiButton--danger":"_cuiButton--danger_1734o_163",cuiButtonIcon:v,"cuiButtonIcon--start":"_cuiButtonIcon--start_1734o_188","cuiButtonIcon--end":"_cuiButtonIcon--end_1734o_192"},f=({children:e,loading:u,color:r,iconStart:c,iconEnd:o,...a})=>i.jsxs("button",{className:n(g.cuiButton,g[`cuiButton--${r}`],u&&g["cuiButton--loading"]),...a,children:[c&&i.jsx("i",{className:n(g.cuiButtonIcon,g["cuiButtonIcon--start"]),children:c}),i.jsx("span",{className:g.cuiButtonText,children:e}),o&&i.jsx("i",{className:n(g.cuiButtonIcon,g["cuiButtonIcon--end"]),children:o})]}),p={PRIMARY:"primary",SECONDARY:"secondary",SUCCESS:"success",DANGER:"danger"},G={SUCCESS:p.SUCCESS,DANGER:p.DANGER,PRIMARY:p.PRIMARY,SECONDARY:p.SECONDARY},W="_cuiFormGroup_1jun3_20",H="_cuiFormField_1jun3_25",L="_cuiFormLabel_1jun3_36",T="_cuiFormControl_1jun3_47",Y="_cuiTextareaWrapper_1jun3_51",D="_cuiFormError_1jun3_65",P="_cuiFormControlWrapper_1jun3_71",O="_cuiFormInput_1jun3_92",U="_cuiSelectWrapper_1jun3_98",V="_cuiFormSelect_1jun3_99",k="_cuiFormHint_1jun3_148",t={cuiFormGroup:W,cuiFormField:H,cuiFormLabel:L,"cuiFormField--filled":"_cuiFormField--filled_1jun3_41",cuiFormControl:T,cuiTextareaWrapper:Y,"cuiFormField--error":"_cuiFormField--error_1jun3_58",cuiFormError:D,cuiFormControlWrapper:P,cuiFormInput:O,cuiSelectWrapper:U,cuiFormSelect:V,"cuiFormIcon--start":"_cuiFormIcon--start_1jun3_136","cuiFormIcon--end":"_cuiFormIcon--end_1jun3_142",cuiFormHint:k},I=({children:e,label:u,floatingLabel:r=!0,className:c,controlWrapperClassName:o,inputId:a,hasValue:l,labelAlwaysLikeFocus:d,iconStart:m,iconEnd:s,hasError:_,...B})=>i.jsxs("div",{className:n(t.cuiFormField,(l||d)&&t["cuiFormField--filled"],_&&t["cuiFormField--error"],c),...B,children:[m&&i.jsx("span",{className:t["cuiFormIcon--start"],children:m}),i.jsxs("div",{className:n(t.cuiFormControlWrapper,o),children:[r&&u&&i.jsx("label",{className:t.cuiFormLabel,htmlFor:a,children:u}),e]}),s&&i.jsx("span",{className:t["cuiFormIcon--end"],children:s})]}),x=({children:e,className:u,hint:r,errors:c,...o})=>{const a=c?Array.isArray(c)?c:[c]:[];return i.jsxs("div",{className:n(t.cuiFormGroup,u),...o,children:[e,a.map((l,d)=>i.jsx("div",{className:t.cuiFormError,children:l},d)),r&&i.jsx("div",{className:t.cuiFormHint,children:r})]})},M=({groupClassName:e,fieldClasName:u,placeholder:r,label:c,iconStart:o,iconEnd:a,id:l,errors:d,hint:m,hasError:s})=>{const _=C.useId(),B=l||_,[F,A]=C.useState("");return i.jsx(x,{errors:d,hint:m,className:e,children:i.jsx(I,{className:u,label:c,inputId:B,hasValue:!!F,iconStart:o,iconEnd:a,hasError:s||d?.length&&s!==!1,children:i.jsx("input",{type:"text",className:n(t.cuiFormControl,t.cuiFormInput),placeholder:r,"aria-placeholder":r,"aria-label":c,id:B,onChange:E=>A(E.target.value),value:F})})})},$=({groupClassName:e,label:u,iconStart:r,iconEnd:c,id:o,errors:a,hint:l,children:d})=>{const m=C.useId(),s=o||m,[_,B]=C.useState("");return i.jsx(x,{errors:a,hint:l,className:e,children:i.jsx(I,{controlWrapperClassName:t.cuiSelectWrapper,label:u,inputId:s,hasValue:!!_,iconStart:r,iconEnd:c,hasError:!!a,labelAlwaysLikeFocus:!0,children:i.jsx("select",{className:n(t.cuiFormControl,t.cuiFormSelect),id:s,onChange:F=>B(F.target.value),value:_,children:d})})})},q=({groupClassName:e,label:u,iconStart:r,iconEnd:c,id:o,errors:a,hint:l,children:d})=>{const m=C.useId(),s=o||m,[_,B]=C.useState("");return i.jsx(x,{errors:a,hint:l,className:e,children:i.jsx(I,{controlWrapperClassName:t.cuiTextareaWrapper,label:u,inputId:s,hasValue:!!_,iconStart:r,iconEnd:c,hasError:!!a,children:i.jsx("textarea",{className:t.cuiFormControl,id:s,onChange:F=>B(F.target.value),value:_,children:d})})})},K="_cuiBadge_19wui_105",y={cuiBadge:K,"cuiBadge--primary":"_cuiBadge--primary_19wui_110","cuiBadge--danger":"_cuiBadge--danger_19wui_115","cuiBadge--success":"_cuiBadge--success_19wui_120","cuiBadge--red":"_cuiBadge--red_19wui_125","cuiBadge--pink":"_cuiBadge--pink_19wui_130","cuiBadge--purple":"_cuiBadge--purple_19wui_135","cuiBadge--indigo":"_cuiBadge--indigo_19wui_140","cuiBadge--blue":"_cuiBadge--blue_19wui_145","cuiBadge--teal":"_cuiBadge--teal_19wui_150","cuiBadge--green":"_cuiBadge--green_19wui_155","cuiBadge--lime":"_cuiBadge--lime_19wui_160","cuiBadge--yellow":"_cuiBadge--yellow_19wui_165","cuiBadge--orange":"_cuiBadge--orange_19wui_170","cuiBadge--brown":"_cuiBadge--brown_19wui_175","cuiBadge--gray":"_cuiBadge--gray_19wui_180","cuiBadge--blueGray":"_cuiBadge--blueGray_19wui_185"},z=({className:e,color:u,children:r})=>i.jsx("div",{className:n(y.cuiBadge,y[`cuiBadge--${u}`],e),children:r}),h={RED:"red",PINK:"pink",PURPLE:"purple",INDIGO:"indigo",BLUE:"blue",TEAL:"teal",GREEN:"green",LIME:"lime",YELLOW:"yellow",ORANGE:"orange",BROWN:"brown",BLUE_GRAY:"blueGray",GRAY:"gray"},J={...h,PRIMARY:p.PRIMARY,DANGER:p.DANGER,SUCCESS:p.SUCCESS},Q="_cuiCard_1d5d3_12",X="_cuiCardHeader_1d5d3_19",Z="_cuiCardContent_1d5d3_25",ee="_cuiCardHeaderActions_1d5d3_29",j={cuiCard:Q,cuiCardHeader:X,cuiCardContent:Z,cuiCardHeaderActions:ee},ce=({actions:e,children:u,className:r})=>i.jsxs("div",{className:n(j.cuiCardHeader,r),children:[u,e&&i.jsx("div",{className:j.cuiCardHeaderActions,children:e})]}),ue=({children:e,className:u})=>i.jsx("div",{className:n(j.cuiCardContent,u),children:e}),N=({children:e,className:u})=>i.jsx("div",{className:n(j.cuiCard,u),children:e});N.Header=ce;N.Content=ue;exports.Badge=z;exports.BadgeColor=J;exports.Button=f;exports.ButtonColor=G;exports.Card=N;exports.Color=h;exports.Input=M;exports.Select=$;exports.TextArea=q;exports.Variant=p;

package/dist/index.mjs

@@ -385,5 +385,6 @@ export {
   M as Color,
   uc as Input,
   rc as Select,
-  ic as TextArea
+  ic as TextArea,
+  p as Variant
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@coderan/components-react",
-    "version": "0.1.1",
+    "version": "0.1.2",
     "description": "",
     "module": "dist/index.mjs",
     "types": "dist/index.d.ts",
@@ -17,15 +17,17 @@
         }
     },
     "keywords": [],
-    "author": "",
-    "license": "ISC",
+    "author": "Eran <info@coderan.nl>",
+    "license": "MIT",
     "dependencies": {
         "@coderan/component-styles": "^0.1.1",
         "clsx": "^2.1.0",
         "react": "^19.1.0"
     },
     "devDependencies": {
-        "@types/react": "^19.1.8"
+        "@types/node": "^25.0.3",
+        "@types/react": "^19.1.8",
+        "typescript-plugin-css-modules": "^5.2.0"
     },
     "files": [
         "dist"
@@ -33,5 +35,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1f6a300be9d8f6a453ca1a4438ace1610a8c3a54"
+    "gitHead": "73bb3647b3921a9f455fc5b165db408ed21a84d8"
 }

package/dist/utilities/Size.d.ts

@@ -1,5 +0,0 @@
-export declare const Size: {
-    TINY: string;
-    NORMAL: string;
-    BIG: string;
-};