@janbox/storefront-ui 1.0.7 → 1.0.8

package/dist/lib/flexbox/flexbox/flexbox.js

@@ -1,14 +1,12 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import { getFlexboxProps } from "./helpers.js";
-import "react";
-import "clsx";
-import "lodash-es";
 import { mediaQuery } from "../../../theme/screens.js";
 import "../../../theme/palette.js";
-import { cn } from "../../../utils/stylesheet.js";
+import { containerStyle } from "../../../constants/emotion.js";
 const Flexbox = ({ children, container, ref, ..._props }) => {
-  const { xs, sm, md, lg, className, ...rest } = getFlexboxProps(_props);
+  const { xs, sm, md, lg, ...rest } = getFlexboxProps(_props);
   const css = [
+    container && containerStyle,
     createStyle(xs),
     {
       [mediaQuery("sm")]: createStyle(sm),
@@ -16,21 +14,7 @@ const Flexbox = ({ children, container, ref, ..._props }) => {
       [mediaQuery("lg")]: createStyle(lg)
     }
   ];
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      css,
-      className: cn(
-        {
-          container
-        },
-        className
-      ),
-      ...rest,
-      ref,
-      children: /* @__PURE__ */ jsx("div", { css: { display: "flex", width: "100%", height: "100%" }, children })
-    }
-  );
+  return /* @__PURE__ */ jsx("div", { css, ...rest, ref, children: /* @__PURE__ */ jsx("div", { css: { display: "flex", width: "100%", height: "100%" }, children }) });
 };
 const createStyle = ({ css: { width, height, ...css } = {} } = {}) => {
   return [

package/dist/lib/floating/floating-close/floating-close.js

@@ -2,7 +2,6 @@ import { jsx } from "@emotion/react/jsx-runtime";
 import { forwardRef, useRef, useEffect } from "react";
 import { useMergeRefs } from "@floating-ui/react";
 import { useFloatingContext } from "../floating/helpers.js";
-import "clsx";
 import "lodash-es";
 import "../../../theme/palette.js";
 import { cn } from "../../../utils/stylesheet.js";

package/dist/lib/form-helper-text/form-helper-text.d.ts

@@ -1,3 +1,3 @@
 import { FormHelperTextProps } from './types';
-export declare const FormHelperText: import('react').ForwardRefExoticComponent<Omit<FormHelperTextProps, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
+export declare const FormHelperText: ({ error, children, ...props }: FormHelperTextProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=form-helper-text.d.ts.map

package/dist/lib/form-helper-text/form-helper-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-helper-text.d.ts","sourceRoot":"","sources":["../../../src/lib/form-helper-text/form-helper-text.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAO9C,eAAO,MAAM,cAAc,mIAyB1B,CAAC"}
+{"version":3,"file":"form-helper-text.d.ts","sourceRoot":"","sources":["../../../src/lib/form-helper-text/form-helper-text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAG9C,eAAO,MAAM,cAAc,kCAAmC,mBAAmB,qDAiBhF,CAAC"}

package/dist/lib/form-helper-text/form-helper-text.js

@@ -1,35 +1,25 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef } from "react";
-import { isNil } from "lodash-es";
+import "lodash-es";
 import { getColorVar } from "../../theme/palette.js";
 import { getTypographyVar } from "../../theme/typography.js";
-import "clsx";
-import { cn } from "../../utils/stylesheet.js";
-const FormHelperText = forwardRef(
-  ({ error, children, className, ...props }, ref) => {
-    if (isNil(children)) {
-      return null;
+const FormHelperText = ({ error, children, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    "p",
+    {
+      css: {
+        paddingLeft: 16,
+        paddingRight: 16,
+        paddingTop: 4,
+        fontSize: getTypographyVar("xs").fontSize,
+        lineHeight: getTypographyVar("xs").lineHeight,
+        "&:empty": { display: "none" },
+        ...error && { color: getColorVar("red.600") }
+      },
+      ...props,
+      children
     }
-    return /* @__PURE__ */ jsx(
-      "p",
-      {
-        css: {
-          paddingLeft: "1rem",
-          paddingRight: "1rem",
-          paddingTop: "0.25rem",
-          fontSize: getTypographyVar("xs").fontSize,
-          lineHeight: getTypographyVar("xs").lineHeight,
-          "&:empty": { display: "none" },
-          ...error && { color: getColorVar("red.600") }
-        },
-        className: cn(className),
-        ref,
-        ...props,
-        children
-      }
-    );
-  }
-);
+  );
+};
 export {
   FormHelperText
 };

package/dist/lib/form-helper-text/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/form-helper-text/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAC5C,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAC1B;IACE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CACF,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/form-helper-text/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAC5C,GAAG,CAAC,iBAAiB,CAAC,GAAG,CAAC,EAC1B;IACE,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CACF,CAAC"}

package/dist/lib/form-label/form-label.d.ts

@@ -3,5 +3,5 @@ import { ShallowMerge } from '../../types';
 export type FormLabelProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     required?: boolean;
 }>;
-export declare const FormLabel: ({ required, className, children, ...props }: FormLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const FormLabel: ({ required, children, ...props }: FormLabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=form-label.d.ts.map

package/dist/lib/form-label/form-label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form-label.d.ts","sourceRoot":"","sources":["../../../src/lib/form-label/form-label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAO5B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,YAAY,CACvC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B;IACE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CACF,CAAC;AAEF,eAAO,MAAM,SAAS,gDAAiD,cAAc,qDAepF,CAAC"}
+{"version":3,"file":"form-label.d.ts","sourceRoot":"","sources":["../../../src/lib/form-label/form-label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAM5B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,cAAc,GAAG,YAAY,CACvC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B;IACE,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CACF,CAAC;AAEF,eAAO,MAAM,SAAS,qCAAsC,cAAc,qDAczE,CAAC"}

package/dist/lib/form-label/form-label.js

@@ -1,11 +1,8 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { isString } from "lodash-es";
-import "react";
-import "clsx";
 import { mediaQuery } from "../../theme/screens.js";
 import { getColorVar } from "../../theme/palette.js";
-import { cn } from "../../utils/stylesheet.js";
-const FormLabel = ({ required, className, children, ...props }) => {
+const FormLabel = ({ required, children, ...props }) => {
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -14,7 +11,6 @@ const FormLabel = ({ required, className, children, ...props }) => {
         display: "inline-flex",
         [mediaQuery("sm")]: { marginBottom: "0.5rem" }
       },
-      className: cn(className),
       ...props,
       children: [
         isString(children) ? /* @__PURE__ */ jsx("label", { children }) : children,

package/dist/lib/grid/grid/grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../src/lib/grid/grid/grid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAuB,MAAM,SAAS,CAAC;AAKzD,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,IAAI,iCAAkC,SAAS,qDA2B3D,CAAC"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../../src/lib/grid/grid/grid.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAuB,MAAM,SAAS,CAAC;AAKzD,eAAO,MAAM,iBAAiB,IAAI,CAAC;AACnC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,IAAI,iCAAkC,SAAS,qDAkB3D,CAAC"}

package/dist/lib/grid/grid/grid.js

@@ -1,16 +1,15 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import { isNil } from "lodash-es";
 import { getGridProps } from "./helpers.js";
-import "react";
-import "clsx";
 import { mediaQuery } from "../../../theme/screens.js";
 import "../../../theme/palette.js";
-import { cn } from "../../../utils/stylesheet.js";
+import { containerStyle } from "../../../constants/emotion.js";
 const GRID_MINIMUM_COLS = 1;
 const GRID_MAXIMUM_COLS = 24;
 const Grid = ({ children, ref, ..._props }) => {
-  const { xs, sm, md, lg, container, className, ...rest } = getGridProps(_props);
+  const { xs, sm, md, lg, container, ...rest } = getGridProps(_props);
   const css = [
+    container && containerStyle,
     createStyle(xs),
     {
       [mediaQuery("sm")]: createStyle(sm),
@@ -18,21 +17,7 @@ const Grid = ({ children, ref, ..._props }) => {
       [mediaQuery("lg")]: createStyle(lg)
     }
   ];
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        {
-          container
-        },
-        className
-      ),
-      css,
-      ...rest,
-      ref,
-      children: /* @__PURE__ */ jsx("div", { css: { display: "grid", width: "100%", height: "100%" }, children })
-    }
-  );
+  return /* @__PURE__ */ jsx("div", { css, ...rest, ref, children: /* @__PURE__ */ jsx("div", { css: { display: "grid", width: "100%", height: "100%" }, children }) });
 };
 const createStyle = ({ cols, css: { width, height, ...css } = {} } = {}) => {
   return [

package/dist/lib/highlight-words/highlight-words.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"highlight-words.d.ts","sourceRoot":"","sources":["../../../src/lib/highlight-words/highlight-words.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAI9C,eAAO,MAAM,cAAc,qCAAsC,mBAAmB,qDAkBnF,CAAC"}
+{"version":3,"file":"highlight-words.d.ts","sourceRoot":"","sources":["../../../src/lib/highlight-words/highlight-words.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAI9C,eAAO,MAAM,cAAc,qCAAsC,mBAAmB,qDAwBnF,CAAC"}

package/dist/lib/highlight-words/highlight-words.js

@@ -1,7 +1,6 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import { Fragment } from "react";
 import { findAll } from "highlight-words-core";
-import "clsx";
 import "lodash-es";
 import "../../theme/palette.js";
 import { cn } from "../../utils/stylesheet.js";

package/dist/lib/highlight-words/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/highlight-words/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAC5C,WAAW,EACX;IACE,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CACF,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/highlight-words/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAC5C,WAAW,EACX;IACE,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CACF,CAAC"}

package/dist/lib/icon/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAE7D,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,KAAK,aAAa,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,GAAG;IACtE,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,iBAAiB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEzD,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,KAAK,aAAa,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,GAAG;IACtE,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,GAAG,iBAAiB,CAAC"}

package/dist/lib/icon-button/icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/lib/icon-button/icon-button.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAU1C,eAAO,MAAM,UAAU,4HAqIrB,CAAC"}
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../src/lib/icon-button/icon-button.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAW1C,eAAO,MAAM,UAAU,4HAwIrB,CAAC"}

package/dist/lib/icon-button/icon-button.js

@@ -7,9 +7,9 @@ import { getColorShadesByVariant, getSizeVariantState, omitResponsiveProps } fro
 import LoadingIcon from "../../assets/svg/loading-waiting.svg.js";
 import { mediaQuery } from "../../theme/screens.js";
 import { getColorVar } from "../../theme/palette.js";
+import { animateSpinStyle } from "../../constants/emotion.js";
 import { ensureBoolean } from "../../utils/common.js";
 import { Icon } from "../icon/icon.js";
-import { animateSpin } from "../../utils/emotion-helpers.js";
 import { cn } from "../../utils/stylesheet.js";
 const IconButton = forwardRef((_props, ref) => {
   var _a, _b, _c, _d;
@@ -136,7 +136,14 @@ const IconButton = forwardRef((_props, ref) => {
           }
         ),
         children,
-        isLoading && /* @__PURE__ */ jsx("span", { "data-loading": true, css: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsx(Icon, { css: animateSpin, source: LoadingIcon }) })
+        isLoading && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "data-loading": true,
+            css: { position: "absolute", inset: 0, display: "flex", alignItems: "center", justifyContent: "center" },
+            children: /* @__PURE__ */ jsx(Icon, { css: animateSpinStyle, source: LoadingIcon })
+          }
+        )
       ]
     }
   );

package/dist/lib/index.d.ts

@@ -28,10 +28,8 @@ export * from './container';
 export * from './star-rating';
 export * from './pagination';
 export * from './dialog';
-export * from './generic-element';
 export * from './loading';
 export * from './link';
-export * from './trans-html';
 export * from './count-up';
 export * from './nav-link';
 export * from './breadcrumbs';

package/dist/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC"}

package/dist/lib/input/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAC,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAEtF,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE/D,UAAU,kBAAmB,SAAQ,gBAAgB,CAAC,oBAAoB,CAAC;IACzE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;QAC9C,GAAG,CAAC,EAAE,aAAa,CAAC;KACrB,CAAC;IACF,SAAS,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpF,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE/D,UAAU,kBAAmB,SAAQ,gBAAgB,CAAC,oBAAoB,CAAC;IACzE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;QAC9C,GAAG,CAAC,EAAE,aAAa,CAAC;KACrB,CAAC;IACF,SAAS,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACtC,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,kBAAkB,CAAC,CAAC"}

package/dist/lib/input-mask/input-mask.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-mask.d.ts","sourceRoot":"","sources":["../../../src/lib/input-mask/input-mask.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxD,OAAO,EAAE,cAAc,EAA4B,MAAM,SAAS,CAAC;AASnE,QAAA,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,CAAC,WAAW,CAAC,2BAA2B,CAAC,SAAS,WAAW,wBACzF,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,QACtB,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,qDAyF5B,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAAuC,OAAO,SAAS,CAAC;AAEjF,OAAO,EAAE,mBAAmB,IAAI,SAAS,EAAE,CAAC"}
+{"version":3,"file":"input-mask.d.ts","sourceRoot":"","sources":["../../../src/lib/input-mask/input-mask.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxD,OAAO,EAAE,cAAc,EAA4B,MAAM,SAAS,CAAC;AAQnE,QAAA,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,CAAC,WAAW,CAAC,2BAA2B,CAAC,SAAS,WAAW,wBACzF,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,QACtB,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,qDAmF5B,CAAC;AAEF,QAAA,MAAM,mBAAmB,EAAuC,OAAO,SAAS,CAAC;AAEjF,OAAO,EAAE,mBAAmB,IAAI,SAAS,EAAE,CAAC"}

package/dist/lib/input-mask/input-mask.js

@@ -1,14 +1,13 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { forwardRef, Fragment } from "react";
 import { getInputMaskProps } from "./helpers.js";
-import { getSizeVariantState } from "../../utils/index.js";
 import { mediaQuery } from "../../theme/screens.js";
 import { getColorVar } from "../../theme/palette.js";
-import { GenericElement as ForwardRefGenericElement } from "../generic-element/generic-element.js";
+import { getSizeVariantState } from "../../utils/index.js";
+import { Primitive } from "../primitive/primitive.js";
 import { Icon } from "../icon/icon.js";
-import { cn } from "../../utils/stylesheet.js";
 const InputMask = (_props, ref) => {
-  const { prefix, suffix, children, xs, sm, md, startIcon, endIcon, lg, className, error, ...props } = getInputMaskProps(_props);
+  const { prefix, suffix, children, xs, sm, md, startIcon, endIcon, lg, error, ...props } = getInputMaskProps(_props);
   const css = [
     {
       display: "flex",
@@ -38,64 +37,55 @@ const InputMask = (_props, ref) => {
       [mediaQuery("lg")]: createStyle(lg)
     }
   ];
-  return /* @__PURE__ */ jsxs(
-    ForwardRefGenericElement,
-    {
-      className: cn(className),
-      css,
-      ...props,
-      ref,
-      children: [
-        prefix,
-        !!startIcon && /* @__PURE__ */ jsx(
-          Icon,
-          {
-            ...startIcon,
-            xs: {
-              size: getSizeVariantState(xs == null ? void 0 : xs.size).iconSize,
-              ...startIcon.xs
-            },
-            sm: {
-              size: getSizeVariantState(sm == null ? void 0 : sm.size).iconSize,
-              ...startIcon.sm
-            },
-            md: {
-              size: getSizeVariantState(md == null ? void 0 : md.size).iconSize,
-              ...startIcon.md
-            },
-            lg: {
-              size: getSizeVariantState(lg == null ? void 0 : lg.size).iconSize,
-              ...startIcon.lg
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(Fragment, { children }),
-        !!endIcon && /* @__PURE__ */ jsx(
-          Icon,
-          {
-            ...endIcon,
-            xs: {
-              size: getSizeVariantState(xs == null ? void 0 : xs.size).iconSize,
-              ...endIcon.xs
-            },
-            sm: {
-              size: getSizeVariantState(sm == null ? void 0 : sm.size).iconSize,
-              ...endIcon.sm
-            },
-            md: {
-              size: getSizeVariantState(md == null ? void 0 : md.size).iconSize,
-              ...endIcon.md
-            },
-            lg: {
-              size: getSizeVariantState(lg == null ? void 0 : lg.size).iconSize,
-              ...endIcon.lg
-            }
-          }
-        ),
-        suffix
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs(Primitive, { css, ...props, ref, children: [
+    prefix,
+    !!startIcon && /* @__PURE__ */ jsx(
+      Icon,
+      {
+        ...startIcon,
+        xs: {
+          size: getSizeVariantState(xs == null ? void 0 : xs.size).iconSize,
+          ...startIcon.xs
+        },
+        sm: {
+          size: getSizeVariantState(sm == null ? void 0 : sm.size).iconSize,
+          ...startIcon.sm
+        },
+        md: {
+          size: getSizeVariantState(md == null ? void 0 : md.size).iconSize,
+          ...startIcon.md
+        },
+        lg: {
+          size: getSizeVariantState(lg == null ? void 0 : lg.size).iconSize,
+          ...startIcon.lg
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(Fragment, { children }),
+    !!endIcon && /* @__PURE__ */ jsx(
+      Icon,
+      {
+        ...endIcon,
+        xs: {
+          size: getSizeVariantState(xs == null ? void 0 : xs.size).iconSize,
+          ...endIcon.xs
+        },
+        sm: {
+          size: getSizeVariantState(sm == null ? void 0 : sm.size).iconSize,
+          ...endIcon.sm
+        },
+        md: {
+          size: getSizeVariantState(md == null ? void 0 : md.size).iconSize,
+          ...endIcon.md
+        },
+        lg: {
+          size: getSizeVariantState(lg == null ? void 0 : lg.size).iconSize,
+          ...endIcon.lg
+        }
+      }
+    ),
+    suffix
+  ] });
 };
 const ForwardRefInputMask = forwardRef(InputMask);
 const createStyle = ({ size, css, outline } = {}) => {

package/dist/lib/input-mask/types.d.ts

@@ -1,7 +1,7 @@
 import { HTMLProps } from 'react';
-import { GenericElementProps } from '../generic-element';
 import { IconProps } from '../icon';
 import { SizeVariant, ResponsiveDesign, ShallowMerge, PropsWithCSS } from '../../types';
+import { PrimitiveProps } from '../primitive';
 export interface InputMaskResponsiveProps extends PropsWithCSS {
     size?: Exclude<SizeVariant, 'xs'>;
     outline?: {
@@ -11,7 +11,7 @@ export interface InputMaskResponsiveProps extends PropsWithCSS {
         left?: number;
     };
 }
-export type InputMaskProps<P = HTMLProps<HTMLElement>, E = HTMLElement> = ShallowMerge<GenericElementProps<P, E>, {
+export type InputMaskProps<P = HTMLProps<HTMLElement>, E = HTMLElement> = ShallowMerge<PrimitiveProps<P, E>, {
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
     startIcon?: IconProps;

package/dist/lib/input-mask/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/input-mask/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAC,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAEtF,MAAM,WAAW,wBAAyB,SAAQ,YAAY;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE;QACR,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,WAAW,IAAI,YAAY,CACpF,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,EACzB;IACE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CACF,GACC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/input-mask/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,wBAAyB,SAAQ,YAAY;IAC5D,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE;QACR,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,GAAG,WAAW,IAAI,YAAY,CACpF,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC,EACpB;IACE,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CACF,GACC,gBAAgB,CAAC,wBAAwB,CAAC,CAAC"}

package/dist/lib/input-number/input-number.js

@@ -5,7 +5,6 @@ import { isNil } from "lodash-es";
 import classes from "./input-number.module.scss.js";
 import { Input } from "../input/input.js";
 import { useControllableState } from "../../hooks/use-controllable-state.js";
-import "clsx";
 import "../../theme/palette.js";
 import { cn } from "../../utils/stylesheet.js";
 import MinusIcon from "../../assets/svg/minus.svg.js";

package/dist/lib/input-number/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/input-number/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,gBAAgB,GAAG,YAAY,CACzC,UAAU,EACV;IACE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CACF,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/input-number/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,gBAAgB,GAAG,YAAY,CACzC,UAAU,EACV;IACE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CACF,CAAC"}

package/dist/lib/input-range/input-range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"input-range.d.ts","sourceRoot":"","sources":["../../../src/lib/input-range/input-range.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAkB,eAAe,EAA6B,MAAM,SAAS,CAAC;AAarF,eAAO,MAAM,UAAU,WAAY,eAAe,qDAiKjD,CAAC"}
+{"version":3,"file":"input-range.d.ts","sourceRoot":"","sources":["../../../src/lib/input-range/input-range.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAkB,eAAe,EAA6B,MAAM,SAAS,CAAC;AAYrF,eAAO,MAAM,UAAU,WAAY,eAAe,qDA4JjD,CAAC"}

package/dist/lib/input-range/input-range.js

@@ -70,7 +70,6 @@ const InputRange = (_props) => {
         {
           ...startIcon,
           css: { flexShrink: 0 },
-          className: cn(startIcon.className),
           xs: {
             size: getSizeVariantState(xs == null ? void 0 : xs.size).iconSize,
             ...startIcon.xs
@@ -100,7 +99,6 @@ const InputRange = (_props) => {
               },
               "data-edge": edge,
               "data-index": index,
-              className: cn(inputProps.className),
               css: { textAlign: "center" },
               mainProps: {
                 style: {
@@ -141,7 +139,6 @@ const InputRange = (_props) => {
         {
           ...endIcon,
           css: { flexShrink: 0 },
-          className: cn(endIcon.className),
           xs: {
             size: getSizeVariantState(xs == null ? void 0 : xs.size).iconSize,
             ...endIcon.xs

package/dist/lib/lightbox/lightbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lightbox.d.ts","sourceRoot":"","sources":["../../../src/lib/lightbox/lightbox.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AA+LxC,eAAO,MAAM,QAAQ,6CAA8C,aAAa,qDA6B/E,CAAC"}
+{"version":3,"file":"lightbox.d.ts","sourceRoot":"","sources":["../../../src/lib/lightbox/lightbox.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAgQxC,eAAO,MAAM,QAAQ,6CAA8C,aAAa,qDA6B/E,CAAC"}