ekm-ui 0.0.6 → 0.0.7

package/dist/index.mjs

@@ -1,5 +1,5 @@
 export { a as Button } from './chunk-G676EBCC.mjs';
-export { a as FormRow } from './chunk-5PBKUEAL.mjs';
+export { a as FormRow } from './chunk-BYLEIZ7D.mjs';
 export { a as LoveFooter } from './chunk-PLYG34XT.mjs';
 import './chunk-FRIXS4BL.mjs';
 export { a as Navbar } from './chunk-Q6W42FIC.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ekm-ui",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "sideEffects": [
     "**/*.css"
   ],

package/src/form-row.tsx

@@ -7,6 +7,7 @@ type Props = {
   htmlFor: string;
   helperText?: string;
   className?: string;
+  errorText?: string;
 };
 
 export function FormRow({
@@ -15,16 +16,22 @@ export function FormRow({
   htmlFor,
   helperText,
   className,
+  errorText,
 }: Props) {
   return (
     <div className={clsx("grid grid-cols-1 content-start gap-y-2", className)}>
-      <Label htmlFor={htmlFor}>{label}</Label>
+      <Label htmlFor={htmlFor} color={errorText && "failure"} >{label}</Label>
       {children}
-      {helperText && (
+      {(helperText && !errorText) && (
         <span className="text-xs font-normal text-gray-500 dark:text-gray-400">
           {helperText}
         </span>
       )}
+      {(errorText) && (
+        <span className="text-xs font-normal text-red-500 dark:text-red-400">
+          {errorText}
+        </span>
+      )}
     </div>
   );
 }

package/dist/chunk-5PBKUEAL.mjs

@@ -1,9 +0,0 @@
-import l from 'clsx';
-import { Label } from 'flowbite-react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function g({children:a,label:o,htmlFor:s,helperText:t,className:e}){return jsxs("div",{className:l("grid grid-cols-1 content-start gap-y-2",e),children:[jsx(Label,{htmlFor:s,children:o}),a,t&&jsx("span",{className:"text-xs font-normal text-gray-500 dark:text-gray-400",children:t})]})}
-
-export { g as a };
-//# sourceMappingURL=out.js.map
-//# sourceMappingURL=chunk-5PBKUEAL.mjs.map

package/dist/chunk-5PBKUEAL.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/form-row.tsx"],"names":["clsx","Label","jsx","jsxs","FormRow","children","label","htmlFor","helperText","className"],"mappings":"AAAA,OAAOA,MAAU,OACjB,OAAS,SAAAC,MAAa,iBAkBlB,OACE,OAAAC,EADF,QAAAC,MAAA,oBARG,SAASC,EAAQ,CACtB,SAAAC,EACA,MAAAC,EACA,QAAAC,EACA,WAAAC,EACA,UAAAC,CACF,EAAU,CACR,OACEN,EAAC,OAAI,UAAWH,EAAK,yCAA0CS,CAAS,EACtE,UAAAP,EAACD,EAAA,CAAM,QAASM,EAAU,SAAAD,EAAM,EAC/BD,EACAG,GACCN,EAAC,QAAK,UAAU,uDACb,SAAAM,EACH,GAEJ,CAEJ","sourcesContent":["import clsx from \"clsx\";\nimport { Label } from \"flowbite-react\";\n\ntype Props = {\n  children: React.ReactNode;\n  label: string;\n  htmlFor: string;\n  helperText?: string;\n  className?: string;\n};\n\nexport function FormRow({\n  children,\n  label,\n  htmlFor,\n  helperText,\n  className,\n}: Props) {\n  return (\n    <div className={clsx(\"grid grid-cols-1 content-start gap-y-2\", className)}>\n      <Label htmlFor={htmlFor}>{label}</Label>\n      {children}\n      {helperText && (\n        <span className=\"text-xs font-normal text-gray-500 dark:text-gray-400\">\n          {helperText}\n        </span>\n      )}\n    </div>\n  );\n}\n"]}