bonkers-ui 2.0.15 → 2.0.17

package/components/{UiInput → UiInputTextArea}/UiInputTextArea.js

@@ -1,8 +1,8 @@
 import { jsxs as s, Fragment as u, jsx as d } from "react/jsx-runtime";
 import { UiTypography as x } from "../UiTypography/UiTypography.js";
-import { EInputKind as r } from "./_types.js";
+import { EInputKind as r } from "../UiInput/_types.js";
 import m from "classnames";
-import { UiInputStatusMessage as b } from "./UiInputStatusMessage.js";
+import { UiInputStatusMessage as b } from "../UiInput/UiInputStatusMessage.js";
 const f = {
   [r.DEFAULT]: "border-secondary-alt-600",
   [r.ERROR]: "border-error",
@@ -33,7 +33,7 @@ const f = {
         e && f[e],
         {
           "bg-white": !o.disabled,
-          "border-secondary-alt-300 bg-secondary-alt-200": o.disabled
+          "!border-secondary-alt-300 bg-secondary-alt-200": o.disabled
         },
         c
       ),
@@ -44,10 +44,10 @@ const f = {
           {
             id: t,
             className: m(`
-                        min-h-xxl
-                        w-full
-                        resize-y
-                    `),
+						min-h-xxl
+						w-full
+						resize-y
+					`),
             rows: 3,
             onKeyDown: (l) => {
               l.key === "Enter" && l.stopPropagation();

package/components/UiInputTextArea/UiInputTextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UiInputTextArea.js","sources":["../../../src/components/UiInputTextArea/UiInputTextArea.tsx"],"sourcesContent":["import type { FC, ReactNode, TextareaHTMLAttributes } from \"react\";\nimport { UiTypography } from \"../UiTypography\";\nimport { EInputKind } from \"../UiInput/_types\";\nimport cx from \"classnames\";\nimport { UiInputStatusMessage } from \"../UiInput/UiInputStatusMessage\";\n\ntype TUiInputTextAreaProps = {\n\tid: string;\n\tkind?: EInputKind;\n\tstatusMessage?: ReactNode;\n\tpostIcon?: ReactNode;\n\tpreIcon?: ReactNode;\n\tclassName?: string;\n} & TextareaHTMLAttributes<HTMLTextAreaElement>;\n\nconst stateClasses = {\n\t[EInputKind.DEFAULT]: \"border-secondary-alt-600\",\n\t[EInputKind.ERROR]: \"border-error\",\n\t[EInputKind.SUCCESS]: \"border-primary-600\",\n\t[EInputKind.WARNING]: \"border-warning-600\"\n};\n\nexport const UiInputTextArea: FC<TUiInputTextAreaProps> = ({\n\tid,\n\tplaceholder,\n\tclassName,\n\tkind,\n\tpreIcon,\n\tpostIcon,\n\tstatusMessage,\n\t...rest\n}) => {\n\treturn (\n\t\t<>\n\t\t\t<UiTypography\n\t\t\t\ttag=\"label\"\n\t\t\t\thtmlFor={ id }\n\t\t\t\tclassName={\n\t\t\t\t\tcx(\n\t\t\t\t\t\t\"ui-text-area-wrapper\",\n\t\t\t\t\t\t\"flex flex-row items-center gap-sm rounded-xl border p-xs\",\n\t\t\t\t\t\t\"hover:border-secondary-alt-700\",\n\t\t\t\t\t\t\"focus-within:outline-4\",\n\t\t\t\t\t\t\"focus-within:outline-primary-300\",\n\t\t\t\t\t\t\"focus-within:ring-secondary-alt-700 active:ring\",\n\t\t\t\t\t\tkind && stateClasses[kind],\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"bg-white\": !rest.disabled,\n\t\t\t\t\t\t\t\"!border-secondary-alt-300 bg-secondary-alt-200\": rest.disabled,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tclassName\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ preIcon\n\t\t\t\t\t? preIcon\n\t\t\t\t\t: null }\n\t\t\t\t<textarea\n\t\t\t\t\tid={ id }\n\t\t\t\t\tclassName={ cx(`\n\t\t\t\t\t\tmin-h-xxl\n\t\t\t\t\t\tw-full\n\t\t\t\t\t\tresize-y\n\t\t\t\t\t`) }\n\t\t\t\t\trows={ 3 }\n\t\t\t\t\tonKeyDown={ (e) => {\n\t\t\t\t\t\tif (e.key === \"Enter\") {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t}\n\t\t\t\t\t} }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t{ ...rest }\n\t\t\t\t/>\n\t\t\t\t{ postIcon\n\t\t\t\t\t? postIcon\n\t\t\t\t\t: null }\n\t\t\t</UiTypography>\n\t\t\t{\n\t\t\t\tstatusMessage\n\t\t\t\t\t? (\n\t\t\t\t\t\t<UiInputStatusMessage\n\t\t\t\t\t\t\tkind={ kind }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ statusMessage }\n\t\t\t\t\t\t</UiInputStatusMessage>\n\t\t\t\t\t)\n\t\t\t\t\t: null\n\t\t\t}\n\t\t</>\n\t);\n};\n"],"names":["stateClasses","EInputKind","UiInputTextArea","id","placeholder","className","kind","preIcon","postIcon","statusMessage","rest","jsxs","Fragment","UiTypography","cx","jsx","e","UiInputStatusMessage"],"mappings":";;;;;AAeA,MAAMA,IAAe;AAAA,EACpB,CAACC,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,KAAK,GAAG;AAAA,EACpB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,OAAO,GAAG;AACvB,GAEaC,IAA6C,CAAC;AAAA,EAC1D,IAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACJ,MAEE,gBAAAC,EAAAC,GAAA,EACC,UAAA;AAAA,EAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACA,KAAI;AAAA,MACJ,SAAUV;AAAA,MACV,WACCW;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAR,KAAQN,EAAaM,CAAI;AAAA,QACzB;AAAA,UACC,YAAY,CAACI,EAAK;AAAA,UAClB,kDAAkDA,EAAK;AAAA,QAAA;AAAA,QAExDL;AAAA,MAAA;AAAA,MAIA,UAAA;AAAA,QAAAE,KAEC;AAAA,QACH,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACA,IAAAZ;AAAA,YACA,WAAYW,EAAG;AAAA;AAAA;AAAA;AAAA,MAId;AAAA,YACD,MAAO;AAAA,YACP,WAAY,CAACE,MAAM;AAClB,cAAIA,EAAE,QAAQ,WACbA,EAAE,gBAAA;AAAA,YAEJ;AAAA,YACA,aAAAZ;AAAA,YACE,GAAGM;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJF,KAEC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAAA,EAGHC,IAEE,gBAAAM;AAAA,IAACE;AAAA,IAAA;AAAA,MACA,MAAAX;AAAA,MAEE,UAAAG;AAAA,IAAA;AAAA,EAAA,IAGF;AAAA,GAEL;"}

package/components/UiInputTextArea/index.d.ts

@@ -0,0 +1 @@
+export { UiInputTextArea } from './UiInputTextArea';

package/components/UiInputTextArea/index.js

@@ -0,0 +1,5 @@
+import { UiInputTextArea as t } from "./UiInputTextArea.js";
+export {
+  t as UiInputTextArea
+};
+//# sourceMappingURL=index.js.map

package/components/UiInputTextArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/UiList/UiList.js

@@ -1,30 +1,31 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import "react";
-import { EListItemDirection as s, EListItemSpacing as t, EListItemSize as i } from "./_types.js";
-import x from "classnames";
+import { EListItemDirection as t, EListItemSpacing as e, EListItemSize as s } from "./_types.js";
+import l from "classnames";
 const a = {
-  [s.VERTICAL]: "flex-col",
-  [s.HORIZONTAL]: "flex-row"
+  [t.VERTICAL]: "flex-col",
+  [t.HORIZONTAL]: "flex-row"
 }, n = {
-  [t.DEFAULT]: "gap-sm",
-  [t.COMPACT]: "gap-xxs"
+  [e.DEFAULT]: "gap-sm",
+  [e.COMPACT]: "gap-xxs"
 }, p = {
-  [i.SM]: "text-sm",
-  [i.MD]: "text-md"
+  [s.XS]: "text-xs",
+  [s.SM]: "text-sm",
+  [s.MD]: "text-md"
 }, A = ({
-  children: e,
-  direction: o = s.VERTICAL,
-  spacing: m = t.DEFAULT,
-  size: r = i.SM,
-  className: c
-}) => /* @__PURE__ */ l("ul", { className: x(
+  children: i,
+  direction: o = t.VERTICAL,
+  spacing: m = e.DEFAULT,
+  size: r = s.SM,
+  className: x
+}) => /* @__PURE__ */ c("ul", { className: l(
   "ui-list",
   "flex",
   a[o],
   n[m],
   p[r],
-  c
-), children: e });
+  x
+), children: i });
 export {
   A as UiList
 };

package/components/UiList/UiList.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiList.js","sources":["../../../src/components/UiList/UiList.tsx"],"sourcesContent":["import React from \"react\";\nimport { EListItemDirection, EListItemSize, EListItemSpacing } from \"./_types.ts\";\nimport cx from \"classnames\";\n\ninterface IUiListProps {\n\tchildren?: React.ReactNode\n\tdirection?: EListItemDirection\n\tsize?: EListItemSize\n\tspacing?: EListItemSpacing\n\tclassName?:string\n}\n\nconst directionClasses = {\n\t[EListItemDirection.VERTICAL]: \"flex-col\",\n\t[EListItemDirection.HORIZONTAL]: \"flex-row\"\n};\n\nconst spacingClasses = {\n\t[EListItemSpacing.DEFAULT]: \"gap-sm\",\n\t[EListItemSpacing.COMPACT]: \"gap-xxs\"\n};\n\nconst sizeClasses = {\n\t[EListItemSize.SM]: \"text-sm\",\n\t[EListItemSize.MD]: \"text-md\"\n};\n\nexport const UiList: React.FC<IUiListProps> = ({\n\tchildren,\n\tdirection = EListItemDirection.VERTICAL,\n\tspacing = EListItemSpacing.DEFAULT,\n\tsize = EListItemSize.SM,\n\tclassName\n}) => {\n\treturn (\n\t\t<ul className={ cx(\n\t\t\t\"ui-list\",\n\t\t\t\"flex\",\n\t\t\tdirectionClasses[direction],\n\t\t\tspacingClasses[spacing],\n\t\t\tsizeClasses[size],\n\t\t\tclassName\n\t\t) }>\n\t\t\t{ children }\n\t\t</ul>\n\t);\n};\n"],"names":["directionClasses","EListItemDirection","spacingClasses","EListItemSpacing","sizeClasses","EListItemSize","UiList","children","direction","spacing","size","className","jsx","cx"],"mappings":";;;;AAYA,MAAMA,IAAmB;AAAA,EACxB,CAACC,EAAmB,QAAQ,GAAG;AAAA,EAC/B,CAACA,EAAmB,UAAU,GAAG;AAClC,GAEMC,IAAiB;AAAA,EACtB,CAACC,EAAiB,OAAO,GAAG;AAAA,EAC5B,CAACA,EAAiB,OAAO,GAAG;AAC7B,GAEMC,IAAc;AAAA,EACnB,CAACC,EAAc,EAAE,GAAG;AAAA,EACpB,CAACA,EAAc,EAAE,GAAG;AACrB,GAEaC,IAAiC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,WAAAC,IAAYP,EAAmB;AAAA,EAC/B,SAAAQ,IAAUN,EAAiB;AAAA,EAC3B,MAAAO,IAAOL,EAAc;AAAA,EACrB,WAAAM;AACD,MAEE,gBAAAC,EAAC,QAAG,WAAYC;AAAA,EACf;AAAA,EACA;AAAA,EACAb,EAAiBQ,CAAS;AAAA,EAC1BN,EAAeO,CAAO;AAAA,EACtBL,EAAYM,CAAI;AAAA,EAChBC;AAAA,GAEE,UAAAJ,EAAA,CACH;"}
+{"version":3,"file":"UiList.js","sources":["../../../src/components/UiList/UiList.tsx"],"sourcesContent":["import React from \"react\";\nimport { EListItemDirection, EListItemSize, EListItemSpacing } from \"./_types.ts\";\nimport cx from \"classnames\";\n\ninterface IUiListProps {\n\tchildren?: React.ReactNode\n\tdirection?: EListItemDirection\n\tsize?: EListItemSize\n\tspacing?: EListItemSpacing\n\tclassName?:string\n}\n\nconst directionClasses = {\n\t[EListItemDirection.VERTICAL]: \"flex-col\",\n\t[EListItemDirection.HORIZONTAL]: \"flex-row\"\n};\n\nconst spacingClasses = {\n\t[EListItemSpacing.DEFAULT]: \"gap-sm\",\n\t[EListItemSpacing.COMPACT]: \"gap-xxs\"\n};\n\nconst sizeClasses = {\n\t[EListItemSize.XS]: \"text-xs\",\n\t[EListItemSize.SM]: \"text-sm\",\n\t[EListItemSize.MD]: \"text-md\"\n};\n\nexport const UiList: React.FC<IUiListProps> = ({\n\tchildren,\n\tdirection = EListItemDirection.VERTICAL,\n\tspacing = EListItemSpacing.DEFAULT,\n\tsize = EListItemSize.SM,\n\tclassName\n}) => {\n\treturn (\n\t\t<ul className={ cx(\n\t\t\t\"ui-list\",\n\t\t\t\"flex\",\n\t\t\tdirectionClasses[direction],\n\t\t\tspacingClasses[spacing],\n\t\t\tsizeClasses[size],\n\t\t\tclassName\n\t\t) }>\n\t\t\t{ children }\n\t\t</ul>\n\t);\n};\n"],"names":["directionClasses","EListItemDirection","spacingClasses","EListItemSpacing","sizeClasses","EListItemSize","UiList","children","direction","spacing","size","className","jsx","cx"],"mappings":";;;;AAYA,MAAMA,IAAmB;AAAA,EACxB,CAACC,EAAmB,QAAQ,GAAG;AAAA,EAC/B,CAACA,EAAmB,UAAU,GAAG;AAClC,GAEMC,IAAiB;AAAA,EACtB,CAACC,EAAiB,OAAO,GAAG;AAAA,EAC5B,CAACA,EAAiB,OAAO,GAAG;AAC7B,GAEMC,IAAc;AAAA,EACnB,CAACC,EAAc,EAAE,GAAG;AAAA,EACpB,CAACA,EAAc,EAAE,GAAG;AAAA,EACpB,CAACA,EAAc,EAAE,GAAG;AACrB,GAEaC,IAAiC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,WAAAC,IAAYP,EAAmB;AAAA,EAC/B,SAAAQ,IAAUN,EAAiB;AAAA,EAC3B,MAAAO,IAAOL,EAAc;AAAA,EACrB,WAAAM;AACD,MAEE,gBAAAC,EAAC,QAAG,WAAYC;AAAA,EACf;AAAA,EACA;AAAA,EACAb,EAAiBQ,CAAS;AAAA,EAC1BN,EAAeO,CAAO;AAAA,EACtBL,EAAYM,CAAI;AAAA,EAChBC;AAAA,GAEE,UAAAJ,EAAA,CACH;"}

package/components/UiList/UiListItem.js

@@ -1,20 +1,20 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
 import "react";
-import o from "classnames";
+import a from "classnames";
 import { EListItemSpacing as s } from "./_types.js";
-const p = {
+const r = {
   [s.DEFAULT]: "gap-xxxs",
   [s.COMPACT]: "gap-xxs"
-}, g = ({
-  children: m,
-  prefix: t,
-  className: i,
-  space: l = s.DEFAULT
-}) => /* @__PURE__ */ n("li", { className: o("flex", p[l], i), children: [
-  t ? /* @__PURE__ */ a("span", { className: "w-[1em]", children: t }) : null,
-  m ? /* @__PURE__ */ a("span", { children: m }) : null
+}, f = ({
+  children: t,
+  prefix: e,
+  className: l,
+  space: n = s.DEFAULT
+}) => /* @__PURE__ */ m("li", { className: a("flex", r[n], l), children: [
+  e ? /* @__PURE__ */ i("span", { className: "inline-flex h-lh items-center", children: e }) : null,
+  t ? /* @__PURE__ */ i("span", { children: t }) : null
 ] });
 export {
-  g as UiListItem
+  f as UiListItem
 };
 //# sourceMappingURL=UiListItem.js.map

package/components/UiList/UiListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiListItem.js","sources":["../../../src/components/UiList/UiListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { EListItemSpacing } from \"./_types\";\n\nconst spacingClasses = {\n\t[EListItemSpacing.DEFAULT]: \"gap-xxxs\",\n\t[EListItemSpacing.COMPACT]: \"gap-xxs\"\n};\n\ninterface IUiListItemProps {\n\tchildren: React.ReactNode\n\tclassName?: string\n\tprefix?: React.ReactNode\n\tspace?: EListItemSpacing\n}\nexport const UiListItem: React.FC<IUiListItemProps> = ({ children,\n\tprefix,\n\tclassName,\n\tspace = EListItemSpacing.DEFAULT }) => {\n\n\treturn (\n\t\t<li className={ cx(\"flex\", spacingClasses[space], className) }>\n\t\t\t{\n\t\t\t\tprefix\n\t\t\t\t\t? <span className=\"w-[1em]\">\n\t\t\t\t\t\t{ prefix }\n\t\t\t\t\t</span>\n\t\t\t\t\t: null\n\t\t\t}\n\t\t\t{\n\t\t\t\tchildren\n\t\t\t\t\t? <span>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</span>\n\t\t\t\t\t: null\n\t\t\t}\n\t\t</li>\n\t);\n};\n"],"names":["spacingClasses","EListItemSpacing","UiListItem","children","prefix","className","space","jsxs","cx","jsx"],"mappings":";;;;AAIA,MAAMA,IAAiB;AAAA,EACtB,CAACC,EAAiB,OAAO,GAAG;AAAA,EAC5B,CAACA,EAAiB,OAAO,GAAG;AAC7B,GAQaC,IAAyC,CAAC;AAAA,EAAE,UAAAC;AAAA,EACxD,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQL,EAAiB;AAAQ,MAGhC,gBAAAM,EAAC,QAAG,WAAYC,EAAG,QAAQR,EAAeM,CAAK,GAAGD,CAAS,GAEzD,UAAA;AAAA,EAAAD,IACG,gBAAAK,EAAC,QAAA,EAAK,WAAU,WACf,aACH,IACE;AAAA,EAGHN,IACG,gBAAAM,EAAC,QAAA,EACA,UAAAN,EAAA,CACH,IACE;AAAA,GAEL;"}
+{"version":3,"file":"UiListItem.js","sources":["../../../src/components/UiList/UiListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { EListItemSpacing } from \"./_types\";\n\nconst spacingClasses = {\n\t[EListItemSpacing.DEFAULT]: \"gap-xxxs\",\n\t[EListItemSpacing.COMPACT]: \"gap-xxs\"\n};\n\ninterface IUiListItemProps {\n\tchildren: React.ReactNode\n\tclassName?: string\n\tprefix?: React.ReactNode\n\tspace?: EListItemSpacing\n}\nexport const UiListItem: React.FC<IUiListItemProps> = ({ children,\n\tprefix,\n\tclassName,\n\tspace = EListItemSpacing.DEFAULT }) => {\n\n\treturn (\n\t\t<li className={ cx(\"flex\", spacingClasses[space], className) }>\n\t\t\t{\n\t\t\t\tprefix\n\t\t\t\t\t? <span className=\"inline-flex h-lh items-center\">\n\t\t\t\t\t\t{ prefix }\n\t\t\t\t\t</span>\n\t\t\t\t\t: null\n\t\t\t}\n\t\t\t{\n\t\t\t\tchildren\n\t\t\t\t\t? <span>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</span>\n\t\t\t\t\t: null\n\t\t\t}\n\t\t</li>\n\t);\n};\n"],"names":["spacingClasses","EListItemSpacing","UiListItem","children","prefix","className","space","jsxs","cx","jsx"],"mappings":";;;;AAIA,MAAMA,IAAiB;AAAA,EACtB,CAACC,EAAiB,OAAO,GAAG;AAAA,EAC5B,CAACA,EAAiB,OAAO,GAAG;AAC7B,GAQaC,IAAyC,CAAC;AAAA,EAAE,UAAAC;AAAA,EACxD,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC,IAAQL,EAAiB;AAAQ,MAGhC,gBAAAM,EAAC,QAAG,WAAYC,EAAG,QAAQR,EAAeM,CAAK,GAAGD,CAAS,GAEzD,UAAA;AAAA,EAAAD,IACG,gBAAAK,EAAC,QAAA,EAAK,WAAU,iCACf,aACH,IACE;AAAA,EAGHN,IACG,gBAAAM,EAAC,QAAA,EACA,UAAAN,EAAA,CACH,IACE;AAAA,GAEL;"}

package/components/UiList/_types.d.ts

@@ -7,6 +7,7 @@ export declare enum EListItemSpacing {
     COMPACT = "COMPACT"
 }
 export declare enum EListItemSize {
+    XS = "XS",
     SM = "SM",
     MD = "MD"
 }

package/components/UiList/_types.js

@@ -1,4 +1,4 @@
-var A = /* @__PURE__ */ ((r) => (r.VERTICAL = "VERTICAL", r.HORIZONTAL = "HORIZONTAL", r))(A || {}), T = /* @__PURE__ */ ((r) => (r.DEFAULT = "DEFAULT", r.COMPACT = "COMPACT", r))(T || {}), C = /* @__PURE__ */ ((r) => (r.SM = "SM", r.MD = "MD", r))(C || {});
+var A = /* @__PURE__ */ ((r) => (r.VERTICAL = "VERTICAL", r.HORIZONTAL = "HORIZONTAL", r))(A || {}), T = /* @__PURE__ */ ((r) => (r.DEFAULT = "DEFAULT", r.COMPACT = "COMPACT", r))(T || {}), C = /* @__PURE__ */ ((r) => (r.XS = "XS", r.SM = "SM", r.MD = "MD", r))(C || {});
 export {
   A as EListItemDirection,
   C as EListItemSize,

package/components/UiList/_types.js.map

@@ -1 +1 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/UiList/_types.ts"],"sourcesContent":["export enum EListItemDirection {\n\tVERTICAL = \"VERTICAL\",\n\tHORIZONTAL = \"HORIZONTAL\"\n}\n\nexport enum EListItemSpacing {\n\tDEFAULT = \"DEFAULT\",\n\tCOMPACT = \"COMPACT\"\n}\n\nexport enum EListItemSize {\n\tSM = \"SM\",\n\tMD = \"MD\"\n}\n"],"names":["EListItemDirection","EListItemSpacing","EListItemSize"],"mappings":"AAAO,IAAKA,sBAAAA,OACXA,EAAA,WAAW,YACXA,EAAA,aAAa,cAFFA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,UAAU,WAFCA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACXA,EAAA,KAAK,MACLA,EAAA,KAAK,MAFMA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiList/_types.ts"],"sourcesContent":["export enum EListItemDirection {\n\tVERTICAL = \"VERTICAL\",\n\tHORIZONTAL = \"HORIZONTAL\"\n}\n\nexport enum EListItemSpacing {\n\tDEFAULT = \"DEFAULT\",\n\tCOMPACT = \"COMPACT\"\n}\n\nexport enum EListItemSize {\n\tXS = \"XS\",\n\tSM = \"SM\",\n\tMD = \"MD\"\n}\n"],"names":["EListItemDirection","EListItemSpacing","EListItemSize"],"mappings":"AAAO,IAAKA,sBAAAA,OACXA,EAAA,WAAW,YACXA,EAAA,aAAa,cAFFA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,UAAU,WAFCA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACXA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MAHMA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiPills/UiPills.d.ts

@@ -1,10 +1,11 @@
 import { default as React } from 'react';
 import { EBadgeKind, EBadgeSize } from './_types.ts';
+import { IconProp } from '@fortawesome/fontawesome-svg-core';
 interface IUiPills {
     children: React.ReactNode;
     kind?: EBadgeKind;
     size?: EBadgeSize;
-    icon?: React.ReactNode;
+    icon?: IconProp;
     rounded?: boolean;
     justifyCenter?: boolean;
     fullWidth?: boolean;

package/components/UiPills/UiPills.js

@@ -1,48 +1,60 @@
-import { jsxs as g, jsx as m } from "react/jsx-runtime";
+import { jsxs as g, jsx as l } from "react/jsx-runtime";
 import "react";
 import { EBadgeKind as e, EBadgeSize as r } from "./_types.js";
-import { UiTypography as c } from "../UiTypography/UiTypography.js";
-import { ETypographySizes as t, ETextWeight as d } from "../UiTypography/_types.js";
-import f from "classnames";
-const y = {
+import { UiTypography as d } from "../UiTypography/UiTypography.js";
+import { ETypographySizes as t, ETextWeight as f } from "../UiTypography/_types.js";
+import y from "classnames";
+import { UiIcon as E } from "../UiIcon/UiIcon.js";
+import "../UiAccordion/UiAccordion.context.js";
+import "../UiAccordion/UiAccordionItem.base.js";
+import { ESize as n } from "../../_types/sizing.js";
+const A = {
   [e.PRIMARY]: "bg-primary-100 text-primary-700",
-  [e.ERROR]: "bg-error-300 text-error-700",
+  [e.ERROR]: "bg-error-100 text-error-700",
   [e.WARNING]: "bg-warning-300 text-warning-700",
   [e.ACCENT]: "bg-accent-300 text-accent-700",
-  [e.PRIMARY_ALT]: "bg-primary-300 text-primary-800",
-  [e.SECONDARY]: "bg-white text-secondary-300 ring-1 ring-secondary-alt-300",
+  [e.PRIMARY_ALT]: "bg-primary-50 text-primary-alt-700",
+  [e.SECONDARY]: "bg-secondary-alt-200 text-secondary-400",
   [e.ACCENT_ALT]: "bg-accent-alt-500 text-secondary-700"
-}, A = {
+}, R = {
   [r.SMALL]: t.XXS,
   [r.MEDIUM]: t.XS,
   [r.LARGE]: t.SM
-}, h = ({
+}, C = ({
   children: i,
-  kind: a = e.PRIMARY,
-  size: o = r.SMALL,
-  className: n,
+  kind: m = e.PRIMARY,
+  size: a = r.SMALL,
+  className: p,
   justifyCenter: x = !1,
-  icon: l,
-  rounded: s = !1,
-  fullWidth: p = !1
-}) => /* @__PURE__ */ g("div", { className: f(
+  icon: s,
+  rounded: o = !1,
+  fullWidth: c = !1
+}) => /* @__PURE__ */ g("div", { className: y(
   "ui-pills",
   "grid grid-flow-col",
   "items-center",
   "gap-xxxs",
   "py-xxxs",
-  s ? "px-xs" : "px-xxs",
+  "leading-none",
+  o ? "px-xs" : "px-xxs",
   "overflow-hidden",
-  p ? "w-full" : "w-max",
+  c ? "w-full" : "w-max",
   x ? "justify-center" : "justify-start",
-  s ? "rounded-full" : "rounded-sm",
-  y[a],
-  n
+  o ? "rounded-full" : "rounded-sm",
+  A[m],
+  p
 ), children: [
-  l,
-  i ? /* @__PURE__ */ m(c, { lineHeight: !0, size: A[o], weight: d.SEMI_BOLD, className: "whitespace-nowrap", children: i }) : null
+  s ? /* @__PURE__ */ l(
+    E,
+    {
+      className: "inline-block h-lh align-middle",
+      name: s,
+      size: a === r.LARGE ? n.SM : n.XS
+    }
+  ) : null,
+  i ? /* @__PURE__ */ l(d, { size: R[a], weight: f.SEMI_BOLD, className: "whitespace-nowrap", children: i }) : null
 ] });
 export {
-  h as UiPills
+  C as UiPills
 };
 //# sourceMappingURL=UiPills.js.map

package/components/UiPills/UiPills.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiPills.js","sources":["../../../src/components/UiPills/UiPills.tsx"],"sourcesContent":["import React from \"react\";\nimport { EBadgeKind, EBadgeSize } from \"./_types.ts\";\nimport { ETextWeight, ETypographySizes, UiTypography } from \"../UiTypography\";\nimport cx from \"classnames\";\n\ninterface IUiPills {\n\tchildren: React.ReactNode\n\tkind?: EBadgeKind,\n\tsize?: EBadgeSize,\n\ticon?: React.ReactNode,\n\trounded?: boolean,\n\tjustifyCenter?: boolean,\n\tfullWidth?: boolean,\n\tclassName?: string\n}\n\nconst kindClasses = {\n\t[EBadgeKind.PRIMARY]: \"bg-primary-100 text-primary-700\",\n\t[EBadgeKind.ERROR]: \"bg-error-300 text-error-700\",\n\t[EBadgeKind.WARNING]: \"bg-warning-300 text-warning-700\",\n\t[EBadgeKind.ACCENT]: \"bg-accent-300 text-accent-700\",\n\t[EBadgeKind.PRIMARY_ALT]: \"bg-primary-300 text-primary-800\",\n\t[EBadgeKind.SECONDARY]: \"bg-white text-secondary-300 ring-1 ring-secondary-alt-300\",\n\t[EBadgeKind.ACCENT_ALT]: \"bg-accent-alt-500 text-secondary-700\",\n};\n\nconst sizeEnums = {\n\t[EBadgeSize.SMALL]: ETypographySizes.XXS,\n\t[EBadgeSize.MEDIUM]: ETypographySizes.XS,\n\t[EBadgeSize.LARGE]: ETypographySizes.SM,\n};\n\nexport const UiPills: React.FC<IUiPills> = ({\n\tchildren,\n\tkind = EBadgeKind.PRIMARY,\n\tsize = EBadgeSize.SMALL,\n\tclassName,\n\tjustifyCenter = false,\n\ticon,\n\trounded = false,\n\tfullWidth = false\n}) => {\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-pills\",\n\t\t\t\"grid grid-flow-col\",\n\t\t\t\"items-center\",\n\t\t\t\"gap-xxxs\",\n\t\t\t\"py-xxxs\",\n\t\t\trounded\n\t\t\t\t? \"px-xs\"\n\t\t\t\t: \"px-xxs\",\n\t\t\t\"overflow-hidden\",\n\t\t\tfullWidth\n\t\t\t\t? \"w-full\"\n\t\t\t\t: \"w-max\",\n\t\t\tjustifyCenter\n\t\t\t\t? \"justify-center\"\n\t\t\t\t: \"justify-start\",\n\t\t\trounded\n\t\t\t\t? \"rounded-full\"\n\t\t\t\t: \"rounded-sm\",\n\t\t\tkindClasses[kind],\n\t\t\tclassName\n\t\t) }>\n\t\t\t{ icon }\n\t\t\t{ children\n\t\t\t\t? (\n\t\t\t\t\t<UiTypography lineHeight size={ sizeEnums[size] } weight={ ETextWeight.SEMI_BOLD } className=\"whitespace-nowrap\">\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</UiTypography>\n\t\t\t\t)\n\t\t\t\t: null }\n\t\t</div>\n\t);\n};\n"],"names":["kindClasses","EBadgeKind","sizeEnums","EBadgeSize","ETypographySizes","UiPills","children","kind","size","className","justifyCenter","icon","rounded","fullWidth","jsxs","cx","jsx","UiTypography","ETextWeight"],"mappings":";;;;;;AAgBA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,KAAK,GAAG;AAAA,EACpB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,MAAM,GAAG;AAAA,EACrB,CAACA,EAAW,WAAW,GAAG;AAAA,EAC1B,CAACA,EAAW,SAAS,GAAG;AAAA,EACxB,CAACA,EAAW,UAAU,GAAG;AAC1B,GAEMC,IAAY;AAAA,EACjB,CAACC,EAAW,KAAK,GAAGC,EAAiB;AAAA,EACrC,CAACD,EAAW,MAAM,GAAGC,EAAiB;AAAA,EACtC,CAACD,EAAW,KAAK,GAAGC,EAAiB;AACtC,GAEaC,IAA8B,CAAC;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC,IAAON,EAAW;AAAA,EAClB,MAAAO,IAAOL,EAAW;AAAA,EAClB,WAAAM;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AACb,MAEE,gBAAAC,EAAC,SAAI,WAAYC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACAH,IACG,UACA;AAAA,EACH;AAAA,EACAC,IACG,WACA;AAAA,EACHH,IACG,mBACA;AAAA,EACHE,IACG,iBACA;AAAA,EACHZ,EAAYO,CAAI;AAAA,EAChBE;AAAA,GAEE,UAAA;AAAA,EAAAE;AAAA,EACAL,IAEA,gBAAAU,EAACC,GAAA,EAAa,YAAU,IAAC,MAAOf,EAAUM,CAAI,GAAI,QAASU,EAAY,WAAY,WAAU,qBAC1F,UAAAZ,GACH,IAEC;AAAA,GACJ;"}
+{"version":3,"file":"UiPills.js","sources":["../../../src/components/UiPills/UiPills.tsx"],"sourcesContent":["import React from \"react\";\nimport { EBadgeKind, EBadgeSize } from \"./_types.ts\";\nimport { ETextWeight, ETypographySizes, UiTypography } from \"../UiTypography\";\nimport cx from \"classnames\";\nimport { UiIcon } from \"../UiIcon/UiIcon.tsx\";\nimport { ESize } from \"../UiAccordion/index.ts\";\nimport type { IconProp } from \"@fortawesome/fontawesome-svg-core\";\n\ninterface IUiPills {\n\tchildren: React.ReactNode\n\tkind?: EBadgeKind,\n\tsize?: EBadgeSize,\n\ticon?: IconProp,\n\trounded?: boolean,\n\tjustifyCenter?: boolean,\n\tfullWidth?: boolean,\n\tclassName?: string\n}\n\nconst kindClasses = {\n\t[EBadgeKind.PRIMARY]: \"bg-primary-100 text-primary-700\",\n\t[EBadgeKind.ERROR]: \"bg-error-100 text-error-700\",\n\t[EBadgeKind.WARNING]: \"bg-warning-300 text-warning-700\",\n\t[EBadgeKind.ACCENT]: \"bg-accent-300 text-accent-700\",\n\t[EBadgeKind.PRIMARY_ALT]: \"bg-primary-50 text-primary-alt-700\",\n\t[EBadgeKind.SECONDARY]: \"bg-secondary-alt-200 text-secondary-400\",\n\t[EBadgeKind.ACCENT_ALT]: \"bg-accent-alt-500 text-secondary-700\",\n};\n\nconst sizeEnums = {\n\t[EBadgeSize.SMALL]: ETypographySizes.XXS,\n\t[EBadgeSize.MEDIUM]: ETypographySizes.XS,\n\t[EBadgeSize.LARGE]: ETypographySizes.SM,\n};\n\nexport const UiPills: React.FC<IUiPills> = ({\n\tchildren,\n\tkind = EBadgeKind.PRIMARY,\n\tsize = EBadgeSize.SMALL,\n\tclassName,\n\tjustifyCenter = false,\n\ticon,\n\trounded = false,\n\tfullWidth = false\n}) => {\n\treturn (\n\t\t<div className={ cx(\n\t\t\t\"ui-pills\",\n\t\t\t\"grid grid-flow-col\",\n\t\t\t\"items-center\",\n\t\t\t\"gap-xxxs\",\n\t\t\t\"py-xxxs\",\n\t\t\t\"leading-none\",\n\t\t\trounded\n\t\t\t\t? \"px-xs\"\n\t\t\t\t: \"px-xxs\",\n\t\t\t\"overflow-hidden\",\n\t\t\tfullWidth\n\t\t\t\t? \"w-full\"\n\t\t\t\t: \"w-max\",\n\t\t\tjustifyCenter\n\t\t\t\t? \"justify-center\"\n\t\t\t\t: \"justify-start\",\n\t\t\trounded\n\t\t\t\t? \"rounded-full\"\n\t\t\t\t: \"rounded-sm\",\n\t\t\tkindClasses[kind],\n\t\t\tclassName\n\t\t) }>\n\t\t\t{ icon\n\t\t\t\t? <UiIcon\n\t\t\t\t\tclassName=\"inline-block h-lh align-middle\"\n\t\t\t\t\tname={ icon }\n\t\t\t\t\tsize={ size === EBadgeSize.LARGE\n\t\t\t\t\t\t? ESize.SM\n\t\t\t\t\t\t: ESize.XS }/>\n\t\t\t\t: null }\n\t\t\t{ children\n\t\t\t\t? (\n\t\t\t\t\t<UiTypography size={ sizeEnums[size] } weight={ ETextWeight.SEMI_BOLD } className=\"whitespace-nowrap\">\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</UiTypography>\n\t\t\t\t)\n\t\t\t\t: null }\n\t\t</div>\n\t);\n};\n"],"names":["kindClasses","EBadgeKind","sizeEnums","EBadgeSize","ETypographySizes","UiPills","children","kind","size","className","justifyCenter","icon","rounded","fullWidth","jsxs","cx","jsx","UiIcon","ESize","UiTypography","ETextWeight"],"mappings":";;;;;;;;;;AAmBA,MAAMA,IAAc;AAAA,EACnB,CAACC,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,KAAK,GAAG;AAAA,EACpB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,MAAM,GAAG;AAAA,EACrB,CAACA,EAAW,WAAW,GAAG;AAAA,EAC1B,CAACA,EAAW,SAAS,GAAG;AAAA,EACxB,CAACA,EAAW,UAAU,GAAG;AAC1B,GAEMC,IAAY;AAAA,EACjB,CAACC,EAAW,KAAK,GAAGC,EAAiB;AAAA,EACrC,CAACD,EAAW,MAAM,GAAGC,EAAiB;AAAA,EACtC,CAACD,EAAW,KAAK,GAAGC,EAAiB;AACtC,GAEaC,IAA8B,CAAC;AAAA,EAC3C,UAAAC;AAAA,EACA,MAAAC,IAAON,EAAW;AAAA,EAClB,MAAAO,IAAOL,EAAW;AAAA,EAClB,WAAAM;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AACb,MAEE,gBAAAC,EAAC,SAAI,WAAYC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACAH,IACG,UACA;AAAA,EACH;AAAA,EACAC,IACG,WACA;AAAA,EACHH,IACG,mBACA;AAAA,EACHE,IACG,iBACA;AAAA,EACHZ,EAAYO,CAAI;AAAA,EAChBE;AAAA,GAEE,UAAA;AAAA,EAAAE,IACC,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACF,WAAU;AAAA,MACV,MAAON;AAAA,MACP,MAAOH,MAASL,EAAW,QACxBe,EAAM,KACNA,EAAM;AAAA,IAAA;AAAA,EAAA,IACR;AAAA,EACDZ,IAEA,gBAAAU,EAACG,GAAA,EAAa,MAAOjB,EAAUM,CAAI,GAAI,QAASY,EAAY,WAAY,WAAU,qBAC/E,UAAAd,GACH,IAEC;AAAA,GACJ;"}

package/components/UiSelect/UiSelect.d.ts

@@ -1,5 +1,6 @@
 import { default as React } from 'react';
 import { EInputKind } from '../UiInput';
+import { ESelectSize } from './_types';
 type TSelectProps = {
     heading?: string;
     subLabel?: string;
@@ -10,6 +11,7 @@ type TSelectProps = {
     postfixIcon?: React.ReactNode;
     className?: string;
     kind?: EInputKind;
+    size?: ESelectSize;
     statusMessage?: string | React.ReactElement;
     onChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;
 } & React.SelectHTMLAttributes<HTMLSelectElement>;

package/components/UiSelect/UiSelect.js

@@ -1,80 +1,87 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
 import v from "react";
-import n from "classnames";
-import { UiTypography as x } from "../UiTypography/UiTypography.js";
-import { ETypographySizes as C } from "../UiTypography/_types.js";
-import { EColors as N } from "../../_types/colors.js";
-import { EInputKind as t } from "../UiInput/_types.js";
-import "../UiInput/UiInputTextArea.js";
-import { UiInputStatusMessage as w } from "../UiInput/UiInputStatusMessage.js";
-import '../../assets/UiSelect.css';const U = "_UiSelect_1fbno_1", E = {
-  UiSelect: U
+import m from "classnames";
+import { UiTypography as C } from "../UiTypography/UiTypography.js";
+import { ETypographySizes as g } from "../UiTypography/_types.js";
+import { EColors as U } from "../../_types/colors.js";
+import "../UiInput/UiInput.base.js";
+import "../UiInput/UiInputText.js";
+import { UiInputStatusMessage as E } from "../UiInput/UiInputStatusMessage.js";
+import { EInputKind as s } from "../UiInput/_types.js";
+import { ESelectSize as t } from "./_types.js";
+import '../../assets/UiSelect.css';const M = "_UiSelect_1fbno_1", D = {
+  UiSelect: M
 }, R = {
-  [t.DEFAULT]: "border-secondary-alt-600",
-  [t.ERROR]: "border-error",
-  [t.SUCCESS]: "border-primary-600",
-  [t.WARNING]: "border-warning-600"
-}, V = ({
-  children: g,
-  heading: i,
-  subLabel: c,
-  disabled: m,
-  onChange: d,
-  className: y,
-  placeholder: p,
-  prefixIcon: l,
-  postfixIcon: u,
-  statusMessage: h,
-  kind: o,
-  ...s
+  [s.DEFAULT]: "border-secondary-alt-600",
+  [s.ERROR]: "border-error",
+  [s.SUCCESS]: "border-primary-600",
+  [s.WARNING]: "border-warning-600"
+}, K = ({
+  children: x,
+  heading: c,
+  subLabel: d,
+  disabled: p,
+  onChange: u,
+  className: N,
+  placeholder: h,
+  prefixIcon: r,
+  postfixIcon: S,
+  statusMessage: y,
+  kind: a,
+  size: l = t.MD,
+  ...n
 }) => {
-  const [r, S] = v.useState(s.value || s.defaultValue || ""), f = v.useCallback(
+  const [o, f] = v.useState(n.value || n.defaultValue || ""), w = v.useCallback(
     (b) => {
-      S(b.target.value), d?.(b);
+      f(b.target.value), u?.(b);
     },
-    [d]
+    [u]
   );
-  return /* @__PURE__ */ a("div", { className: n("ui-select", y), children: [
-    i ? /* @__PURE__ */ e(
-      x,
+  return /* @__PURE__ */ i("div", { className: m("ui-select", N), children: [
+    c ? /* @__PURE__ */ e(
+      C,
       {
-        size: C.MD,
+        size: g.MD,
         className: "mb-xxs",
-        children: i
+        children: c
       }
     ) : null,
-    /* @__PURE__ */ a("div", { className: n(
-      E.UiSelect,
+    /* @__PURE__ */ i("div", { className: m(
+      D.UiSelect,
       "flex items-center gap-sm",
       "relative",
       "rounded-xl",
       "border",
       "hover:border-secondary-alt-600",
-      m ? ["pointer-events-none", "border-secondary-alt-300", "bg-secondary-alt-200"] : [o && R[o], "bg-white"]
+      p ? ["pointer-events-none", "border-secondary-alt-300", "bg-secondary-alt-200"] : [a && R[a], "bg-white"]
     ), children: [
-      l ? /* @__PURE__ */ e("div", { className: "flex items-center pl-sm", children: l }) : null,
-      /* @__PURE__ */ a(
+      r ? /* @__PURE__ */ e("div", { className: "flex items-center pl-sm", children: r }) : null,
+      /* @__PURE__ */ i(
         "select",
         {
-          ...s,
-          className: n(
+          ...n,
+          className: m(
             "m-0 w-full cursor-pointer appearance-none border-0 bg-transparent outline-0",
             {
-              "text-secondary-alt": r === "" || !r,
-              "text-black": r
+              "text-secondary-alt": o === "" || !o,
+              "text-black": o,
+              "py-xs": l === t.SM && r,
+              "py-sm": l === t.MD && r,
+              "px-sm py-xs": l === t.SM && !r,
+              "p-sm": l === t.MD && !r
             },
-            l ? "p-0 py-sm pr-xl" : "p-sm pr-xl"
+            r ? "pr-xl" : "p-sm pr-xl"
           ),
-          disabled: m,
-          value: r,
-          onChange: f,
+          disabled: p,
+          value: o,
+          onChange: w,
           children: [
-            p ? /* @__PURE__ */ e("option", { value: "", disabled: !0, hidden: !0, children: p }) : null,
-            g
+            h ? /* @__PURE__ */ e("option", { value: "", disabled: !0, hidden: !0, children: h }) : null,
+            x
           ]
         }
       ),
-      /* @__PURE__ */ e("div", { className: "pointer-events-none absolute top-1/2 right-sm -translate-y-1/2", children: u || /* @__PURE__ */ e(
+      /* @__PURE__ */ e("div", { className: "pointer-events-none absolute top-1/2 right-sm -translate-y-1/2", children: S || /* @__PURE__ */ e(
         "svg",
         {
           width: "16",
@@ -92,25 +99,25 @@ import '../../assets/UiSelect.css';const U = "_UiSelect_1fbno_1", E = {
         }
       ) })
     ] }),
-    c ? /* @__PURE__ */ e(
-      x,
+    d ? /* @__PURE__ */ e(
+      C,
       {
-        size: C.SM,
-        color: N.SECONDARY_ALT,
+        size: g.SM,
+        color: U.SECONDARY_ALT,
         className: "mt-xxs",
-        children: c
+        children: d
       }
     ) : null,
-    h ? /* @__PURE__ */ e(
-      w,
+    y ? /* @__PURE__ */ e(
+      E,
       {
-        kind: o,
-        children: h
+        kind: a,
+        children: y
       }
     ) : null
   ] });
 };
 export {
-  V as UiSelect
+  K as UiSelect
 };
 //# sourceMappingURL=UiSelect.js.map

package/components/UiSelect/UiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"UiSelect.js","sources":["../../../src/components/UiSelect/UiSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { UiTypography, ETypographySizes, EColors } from \"../UiTypography\";\nimport styles from \"./UiSelect.module.css\";\nimport { EInputKind, UiInputStatusMessage } from \"../UiInput\";\n\ntype TSelectProps = {\n\theading?: string\n\tsubLabel?: string;\n\tdisabled?: boolean;\n\tvalue?: string | number | readonly string[];\n\tplaceholder?: string;\n\tprefixIcon?: React.ReactNode;\n\tpostfixIcon?: React.ReactNode;\n\tclassName?: string;\n\tkind?: EInputKind;\n\tstatusMessage?: string | React.ReactElement;\n\tonChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n} & React.SelectHTMLAttributes<HTMLSelectElement>\n\nconst stateClasses = {\n\t[EInputKind.DEFAULT]: \"border-secondary-alt-600\",\n\t[EInputKind.ERROR]: \"border-error\",\n\t[EInputKind.SUCCESS]: \"border-primary-600\",\n\t[EInputKind.WARNING]: \"border-warning-600\",\n};\n\nexport const UiSelect: React.FC<TSelectProps> = ({\n\tchildren,\n\theading,\n\tsubLabel,\n\tdisabled,\n\tonChange,\n\tclassName,\n\tplaceholder,\n\tprefixIcon,\n\tpostfixIcon,\n\tstatusMessage,\n\tkind,\n\t...rest\n}) => {\n\tconst [value, setValue] = React.useState(rest.value || rest.defaultValue || \"\");\n\tconst handleChange = React.useCallback(\n\t\t(event: React.ChangeEvent<HTMLSelectElement>) => {\n\t\t\tsetValue(event.target.value);\n\t\t\tonChange?.(event);\n\t\t},\n\t\t[onChange],\n\t);\n\treturn (\n\t\t<div className={ cx(\"ui-select\", className) }>\n\t\t\t{ heading\n\t\t\t\t? <UiTypography\n\t\t\t\t\tsize={ ETypographySizes.MD }\n\t\t\t\t\tclassName=\"mb-xxs\">\n\t\t\t\t\t{ heading }\n\t\t\t\t</UiTypography>\n\t\t\t\t: null\n\t\t\t}\n\t\t\t<div className={ cx(styles.UiSelect,\n\t\t\t\t\"flex items-center gap-sm\",\n\t\t\t\t\"relative\",\n\t\t\t\t\"rounded-xl\",\n\t\t\t\t\"border\",\n\t\t\t\t\"hover:border-secondary-alt-600\",\n\t\t\t\tdisabled\n\t\t\t\t\t? [\"pointer-events-none\", \"border-secondary-alt-300\", \"bg-secondary-alt-200\"]\n\t\t\t\t\t: [kind && stateClasses[kind], \"bg-white\"]\n\t\t\t) }>\n\t\t\t\t{ prefixIcon\n\t\t\t\t\t? <div className=\"flex items-center pl-sm\">{ prefixIcon }</div>\n\t\t\t\t\t: null }\n\t\t\t\t<select\n\t\t\t\t\t{ ...rest }\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"m-0 w-full cursor-pointer appearance-none border-0 bg-transparent outline-0\",\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"text-secondary-alt\": value === \"\" || !value,\n\t\t\t\t\t\t\t\"text-black\": value\n\t\t\t\t\t\t},\n\t\t\t\t\t\tprefixIcon\n\t\t\t\t\t\t\t? \"p-0 py-sm pr-xl\"\n\t\t\t\t\t\t\t: \"p-sm pr-xl\"\n\t\t\t\t\t) }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t>\n\t\t\t\t\t{ placeholder\n\t\t\t\t\t\t? <option value={ \"\" } disabled hidden>{ placeholder }</option>\n\t\t\t\t\t\t: null }\n\t\t\t\t\t{ children }\n\t\t\t\t</select>\n\t\t\t\t<div className=\"pointer-events-none absolute top-1/2 right-sm -translate-y-1/2\">\n\t\t\t\t\t{ postfixIcon\n\t\t\t\t\t\t? postfixIcon\n\t\t\t\t\t\t: (<svg\n\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M13.25 6.8125L8.5 11.2812C8.34375 11.4375 8.15625 11.5 8 11.5C7.8125 11.5 7.625 11.4375 7.46875 11.3125L2.71875 6.8125C2.40625 6.53125 2.40625 6.0625 2.6875 5.75C2.96875 5.4375 3.4375 5.4375 3.75 5.71875L8 9.71875L12.2188 5.71875C12.5312 5.4375 13 5.4375 13.2812 5.75C13.5625 6.0625 13.5625 6.53125 13.25 6.8125Z\"\n\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>)\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{ subLabel\n\t\t\t\t? (<UiTypography\n\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\tcolor={ EColors.SECONDARY_ALT }\n\t\t\t\t\tclassName=\"mt-xxs\"\n\t\t\t\t>\n\t\t\t\t\t{ subLabel }\n\t\t\t\t</UiTypography>)\n\t\t\t\t: null\n\t\t\t}\n\n\t\t\t{ statusMessage\n\t\t\t\t? (\n\t\t\t\t\t<UiInputStatusMessage\n\t\t\t\t\t\tkind={ kind }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ statusMessage }\n\t\t\t\t\t</UiInputStatusMessage>\n\t\t\t\t)\n\t\t\t\t: null }\n\t\t</div>\n\t);\n};\n"],"names":["stateClasses","EInputKind","UiSelect","children","heading","subLabel","disabled","onChange","className","placeholder","prefixIcon","postfixIcon","statusMessage","kind","rest","value","setValue","React","handleChange","event","cx","jsx","UiTypography","ETypographySizes","jsxs","styles","EColors","UiInputStatusMessage"],"mappings":";;;;;;;;;;;GAoBMA,IAAe;AAAA,EACpB,CAACC,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,KAAK,GAAG;AAAA,EACpB,CAACA,EAAW,OAAO,GAAG;AAAA,EACtB,CAACA,EAAW,OAAO,GAAG;AACvB,GAEaC,IAAmC,CAAC;AAAA,EAChD,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACJ,MAAM;AACL,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAM,SAASH,EAAK,SAASA,EAAK,gBAAgB,EAAE,GACxEI,IAAeD,EAAM;AAAA,IAC1B,CAACE,MAAgD;AAChD,MAAAH,EAASG,EAAM,OAAO,KAAK,GAC3BZ,IAAWY,CAAK;AAAA,IACjB;AAAA,IACA,CAACZ,CAAQ;AAAA,EAAA;AAEV,2BACE,OAAA,EAAI,WAAYa,EAAG,aAAaZ,CAAS,GACvC,UAAA;AAAA,IAAAJ,IACC,gBAAAiB;AAAA,MAACC;AAAA,MAAA;AAAA,QACF,MAAOC,EAAiB;AAAA,QACxB,WAAU;AAAA,QACR,UAAAnB;AAAA,MAAA;AAAA,IAAA,IAED;AAAA,IAEH,gBAAAoB,EAAC,SAAI,WAAYJ;AAAA,MAAGK,EAAO;AAAA,MAC1B;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACAnB,IACG,CAAC,uBAAuB,4BAA4B,sBAAsB,IAC1E,CAACO,KAAQb,EAAaa,CAAI,GAAG,UAAU;AAAA,IAAA,GAExC,UAAA;AAAA,MAAAH,IACC,gBAAAW,EAAC,OAAA,EAAI,WAAU,2BAA4B,aAAY,IACvD;AAAA,MACH,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAGV;AAAA,UACL,WAAYM;AAAA,YACX;AAAA,YACA;AAAA,cACC,sBAAsBL,MAAU,MAAM,CAACA;AAAA,cACvC,cAAcA;AAAA,YAAA;AAAA,YAEfL,IACG,oBACA;AAAA,UAAA;AAAA,UAEJ,UAAAJ;AAAA,UACA,OAAAS;AAAA,UACA,UAAWG;AAAA,UAET,UAAA;AAAA,YAAAT,IACC,gBAAAY,EAAC,YAAO,OAAQ,IAAK,UAAQ,IAAC,QAAM,IAAG,UAAAZ,EAAA,CAAa,IACpD;AAAA,YACDN;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAEH,gBAAAkB,EAAC,OAAA,EAAI,WAAU,kEACZ,eAEE,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACH,OAAM;AAAA,UACN,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,OAAM;AAAA,UAEN,UAAA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACA,GAAE;AAAA,cACF,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACN;AAAA,MAAA,EACD,CAEF;AAAA,IAAA,GACD;AAAA,IACEhB,IACE,gBAAAgB;AAAA,MAACC;AAAA,MAAA;AAAA,QACH,MAAOC,EAAiB;AAAA,QACxB,OAAQG,EAAQ;AAAA,QAChB,WAAU;AAAA,QAER,UAAArB;AAAA,MAAA;AAAA,IAAA,IAED;AAAA,IAGDO,IAEA,gBAAAS;AAAA,MAACM;AAAA,MAAA;AAAA,QACA,MAAAd;AAAA,QAEE,UAAAD;AAAA,MAAA;AAAA,IAAA,IAGF;AAAA,EAAA,GACJ;AAEF;"}
+{"version":3,"file":"UiSelect.js","sources":["../../../src/components/UiSelect/UiSelect.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { UiTypography, ETypographySizes, EColors } from \"../UiTypography\";\nimport styles from \"./UiSelect.module.css\";\nimport { EInputKind, UiInputStatusMessage } from \"../UiInput\";\nimport { ESelectSize } from \"./_types\";\n\ntype TSelectProps = {\n\theading?: string\n\tsubLabel?: string;\n\tdisabled?: boolean;\n\tvalue?: string | number | readonly string[];\n\tplaceholder?: string;\n\tprefixIcon?: React.ReactNode;\n\tpostfixIcon?: React.ReactNode;\n\tclassName?: string;\n\tkind?: EInputKind;\n\tsize?: ESelectSize;\n\tstatusMessage?: string | React.ReactElement;\n\tonChange?: (event: React.ChangeEvent<HTMLSelectElement>) => void;\n} & React.SelectHTMLAttributes<HTMLSelectElement>\n\nconst stateClasses = {\n\t[EInputKind.DEFAULT]: \"border-secondary-alt-600\",\n\t[EInputKind.ERROR]: \"border-error\",\n\t[EInputKind.SUCCESS]: \"border-primary-600\",\n\t[EInputKind.WARNING]: \"border-warning-600\",\n};\n\nexport const UiSelect: React.FC<TSelectProps> = ({\n\tchildren,\n\theading,\n\tsubLabel,\n\tdisabled,\n\tonChange,\n\tclassName,\n\tplaceholder,\n\tprefixIcon,\n\tpostfixIcon,\n\tstatusMessage,\n\tkind,\n\tsize = ESelectSize.MD,\n\t...rest\n}) => {\n\tconst [value, setValue] = React.useState(rest.value || rest.defaultValue || \"\");\n\tconst handleChange = React.useCallback(\n\t\t(event: React.ChangeEvent<HTMLSelectElement>) => {\n\t\t\tsetValue(event.target.value);\n\t\t\tonChange?.(event);\n\t\t},\n\t\t[onChange],\n\t);\n\treturn (\n\t\t<div className={ cx(\"ui-select\", className) }>\n\t\t\t{ heading\n\t\t\t\t? <UiTypography\n\t\t\t\t\tsize={ ETypographySizes.MD }\n\t\t\t\t\tclassName=\"mb-xxs\">\n\t\t\t\t\t{ heading }\n\t\t\t\t</UiTypography>\n\t\t\t\t: null\n\t\t\t}\n\t\t\t<div className={ cx(styles.UiSelect,\n\t\t\t\t\"flex items-center gap-sm\",\n\t\t\t\t\"relative\",\n\t\t\t\t\"rounded-xl\",\n\t\t\t\t\"border\",\n\t\t\t\t\"hover:border-secondary-alt-600\",\n\t\t\t\tdisabled\n\t\t\t\t\t? [\"pointer-events-none\", \"border-secondary-alt-300\", \"bg-secondary-alt-200\"]\n\t\t\t\t\t: [kind && stateClasses[kind], \"bg-white\"]\n\t\t\t) }>\n\t\t\t\t{\n\t\t\t\t\tprefixIcon\n\t\t\t\t\t\t? <div className=\"flex items-center pl-sm\">{ prefixIcon }</div>\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\t\t\t\t<select\n\t\t\t\t\t{ ...rest }\n\t\t\t\t\tclassName={ cx(\n\t\t\t\t\t\t\"m-0 w-full cursor-pointer appearance-none border-0 bg-transparent outline-0\",\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\"text-secondary-alt\": value === \"\" || !value,\n\t\t\t\t\t\t\t\"text-black\": value,\n\n\t\t\t\t\t\t\t\"py-xs\": size === ESelectSize.SM && prefixIcon,\n\t\t\t\t\t\t\t\"py-sm\": size === ESelectSize.MD && prefixIcon,\n\n\t\t\t\t\t\t\t\"px-sm py-xs\": size === ESelectSize.SM && !prefixIcon,\n\t\t\t\t\t\t\t\"p-sm\": size === ESelectSize.MD && !prefixIcon\n\t\t\t\t\t\t},\n\t\t\t\t\t\tprefixIcon\n\t\t\t\t\t\t\t? \"pr-xl\"\n\t\t\t\t\t\t\t: \"p-sm pr-xl\"\n\t\t\t\t\t) }\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ handleChange }\n\t\t\t\t>\n\t\t\t\t\t{ placeholder\n\t\t\t\t\t\t? <option value={ \"\" } disabled hidden>{ placeholder }</option>\n\t\t\t\t\t\t: null }\n\t\t\t\t\t{ children }\n\t\t\t\t</select>\n\t\t\t\t<div className=\"pointer-events-none absolute top-1/2 right-sm -translate-y-1/2\">\n\t\t\t\t\t{ postfixIcon\n\t\t\t\t\t\t? postfixIcon\n\t\t\t\t\t\t: (<svg\n\t\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M13.25 6.8125L8.5 11.2812C8.34375 11.4375 8.15625 11.5 8 11.5C7.8125 11.5 7.625 11.4375 7.46875 11.3125L2.71875 6.8125C2.40625 6.53125 2.40625 6.0625 2.6875 5.75C2.96875 5.4375 3.4375 5.4375 3.75 5.71875L8 9.71875L12.2188 5.71875C12.5312 5.4375 13 5.4375 13.2812 5.75C13.5625 6.0625 13.5625 6.53125 13.25 6.8125Z\"\n\t\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</svg>)\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{ subLabel\n\t\t\t\t? (<UiTypography\n\t\t\t\t\tsize={ ETypographySizes.SM }\n\t\t\t\t\tcolor={ EColors.SECONDARY_ALT }\n\t\t\t\t\tclassName=\"mt-xxs\"\n\t\t\t\t>\n\t\t\t\t\t{ subLabel }\n\t\t\t\t</UiTypography>)\n\t\t\t\t: null\n\t\t\t}\n\n\t\t\t{ statusMessage\n\t\t\t\t? (\n\t\t\t\t\t<UiInputStatusMessage\n\t\t\t\t\t\tkind={ kind }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ statusMessage }\n\t\t\t\t\t</UiInputStatusMessage>\n\t\t\t\t)\n\t\t\t\t: null }\n\t\t</div>\n\t);\n};\n"],"names":["stateClasses","EInputKind","UiSelect","children","heading","subLabel","disabled","onChange","className","placeholder","prefixIcon","postfixIcon","statusMessage","kind","size","ESelectSize","rest","value","setValue","React","handleChange","event","cx","jsx","UiTypography","ETypographySizes","jsxs","styles","EColors","UiInputStatusMessage"],"mappings":"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"}

package/components/UiSelect/_types.d.ts

@@ -0,0 +1,4 @@
+export declare enum ESelectSize {
+    SM = "SM",
+    MD = "MD"
+}

package/components/UiSelect/_types.js

@@ -0,0 +1,5 @@
+var M = /* @__PURE__ */ ((r) => (r.SM = "SM", r.MD = "MD", r))(M || {});
+export {
+  M as ESelectSize
+};
+//# sourceMappingURL=_types.js.map

package/components/UiSelect/_types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.js","sources":["../../../src/components/UiSelect/_types.ts"],"sourcesContent":["export enum ESelectSize {\n\tSM = \"SM\",\n\tMD = \"MD\"\n};\n"],"names":["ESelectSize"],"mappings":"AAAO,IAAKA,sBAAAA,OACXA,EAAA,KAAK,MACLA,EAAA,KAAK,MAFMA,IAAAA,KAAA,CAAA,CAAA;"}

package/components/UiSelect/index.d.ts

@@ -1 +1,2 @@
 export { UiSelect } from './UiSelect';
+export { ESelectSize } from './_types';

package/components/UiSelect/index.js

@@ -1,5 +1,7 @@
 import { UiSelect as r } from "./UiSelect.js";
+import { ESelectSize as S } from "./_types.js";
 export {
+  S as ESelectSize,
   r as UiSelect
 };
 //# sourceMappingURL=index.js.map

package/components/UiSelect/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/components/UiStars/index.d.ts

@@ -1,3 +1,3 @@
 export { UiStars } from './UiStars';
-export type { EStarsSize } from './_types';
+export { EStarsSize } from './_types';
 export { EStarColors } from './_types';

package/components/UiStars/index.js

@@ -1,7 +1,8 @@
 import { UiStars as t } from "./UiStars.js";
-import { EStarColors as e } from "./_types.js";
+import { EStarColors as a, EStarsSize as e } from "./_types.js";
 export {
-  e as EStarColors,
+  a as EStarColors,
+  e as EStarsSize,
   t as UiStars
 };
 //# sourceMappingURL=index.js.map