@janbox/storefront-ui 1.0.7 → 1.0.8

package/dist/lib/notifications/notifications.js

@@ -8,9 +8,31 @@ import { notificationAtom } from "./helpers.js";
 import { getColorShadesByVariant } from "../../utils/index.js";
 import { FLOATING_Z_INDEX } from "../../theme/index.js";
 import { mediaQuery } from "../../theme/screens.js";
-const Notification = ({
-  notification
-}) => {
+const Notifications = () => {
+  const { entries } = useAtomValue(notificationAtom);
+  return /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      css: {
+        zIndex: FLOATING_Z_INDEX + 1,
+        position: "fixed",
+        top: 0,
+        left: 0,
+        right: 0,
+        pointerEvents: "none",
+        padding: 8,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "flex-end",
+        gap: 8
+      },
+      children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: entries.map((notification) => {
+        return /* @__PURE__ */ jsx(Notification, { notification }, notification.id);
+      }) })
+    }
+  ) });
+};
+const Notification = ({ notification }) => {
   const { main, light } = getColorShadesByVariant(notification.color);
   const [, setAtomValue] = useAtom(notificationAtom);
   const timerRef = useRef(null);
@@ -107,61 +129,64 @@ const Notification = ({
         }
       },
       children: [
-        /* @__PURE__ */ jsx("div", { css: {
-          fontSize: "0.875rem",
-          lineHeight: "1.25rem",
-          fontWeight: 500,
-          [mediaQuery("sm")]: { fontSize: "1rem", lineHeight: "1.5rem" }
-        }, children: notification.title ?? /* @__PURE__ */ jsx(Fragment, { children: " " }) }),
-        /* @__PURE__ */ jsx("div", { css: {
-          fontSize: "0.75rem",
-          lineHeight: "1rem",
-          [mediaQuery("sm")]: { fontSize: "0.875rem", lineHeight: "1.25rem" }
-        }, children: notification.message ?? /* @__PURE__ */ jsx(Fragment, { children: " " }) }),
-        /* @__PURE__ */ jsx("div", { css: { position: "absolute", left: 0, right: 0, bottom: 4, paddingLeft: 4, paddingRight: 4, overflow: "hidden", pointerEvents: "none" }, children: /* @__PURE__ */ jsx(
-          motion.div,
+        /* @__PURE__ */ jsx(
+          "div",
           {
             css: {
-              height: 4,
-              width: "100%",
-              borderRadius: 9999
+              fontSize: "0.875rem",
+              lineHeight: "1.25rem",
+              fontWeight: 500,
+              [mediaQuery("sm")]: { fontSize: "1rem", lineHeight: "1.5rem" }
             },
-            style: {
-              backgroundImage: `linear-gradient(to right, ${light}, ${main})`,
-              transformOrigin: "left"
+            children: notification.title ?? /* @__PURE__ */ jsx(Fragment, { children: " " })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            css: {
+              fontSize: "0.75rem",
+              lineHeight: "1rem",
+              [mediaQuery("sm")]: { fontSize: "0.875rem", lineHeight: "1.25rem" }
             },
-            initial: { scaleX: 0 },
-            animate: progressControls
+            children: notification.message ?? /* @__PURE__ */ jsx(Fragment, { children: " " })
           }
-        ) })
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            css: {
+              position: "absolute",
+              left: 0,
+              right: 0,
+              bottom: 4,
+              paddingLeft: 4,
+              paddingRight: 4,
+              overflow: "hidden",
+              pointerEvents: "none"
+            },
+            children: /* @__PURE__ */ jsx(
+              motion.div,
+              {
+                css: {
+                  height: 4,
+                  width: "100%",
+                  borderRadius: 9999
+                },
+                style: {
+                  backgroundImage: `linear-gradient(to right, ${light}, ${main})`,
+                  transformOrigin: "left"
+                },
+                initial: { scaleX: 0 },
+                animate: progressControls
+              }
+            )
+          }
+        )
       ]
     }
   );
 };
-const Notifications = () => {
-  const { entries } = useAtomValue(notificationAtom);
-  return /* @__PURE__ */ jsx(FloatingPortal, { children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      css: {
-        zIndex: FLOATING_Z_INDEX + 1,
-        position: "fixed",
-        top: 0,
-        left: 0,
-        right: 0,
-        pointerEvents: "none",
-        padding: 8,
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "flex-end",
-        gap: 8
-      },
-      children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "popLayout", children: entries.map((notification) => {
-        return /* @__PURE__ */ jsx(Notification, { notification }, notification.id);
-      }) })
-    }
-  ) });
-};
 export {
   Notifications
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/otp-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAC,gBAAgB,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,uBAAuB,GAAG;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;CAC3B,CAAC;AAEF,KAAK,qBAAqB,GAAG,gBAAgB,CAAC,uBAAuB,CAAC,GAAG;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/otp-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,KAAK,uBAAuB,GAAG;IAC7B,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;CAC3B,CAAC;AAEF,KAAK,qBAAqB,GAAG,gBAAgB,CAAC,uBAAuB,CAAC,GAAG;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,qBAAqB,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/pagination/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAC,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAExE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,yBAAyB;IACxC,IAAI,CAAC,EAAE,WAAW,CAAC;CAKpB;AAED,KAAK,uBAAuB,GAAG,gBAAgB,CAAC,yBAAyB,CAAC,GAAG;IAE3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CACd,MAAM,CACJ,eAAe,EACf;QACE,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;QACjC,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;KACtC,CACF,CACF,CAAC;CAGH,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/pagination/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEtE,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAElD,MAAM,WAAW,yBAAyB;IACxC,IAAI,CAAC,EAAE,WAAW,CAAC;CAKpB;AAED,KAAK,uBAAuB,GAAG,gBAAgB,CAAC,yBAAyB,CAAC,GAAG;IAE3E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CACd,MAAM,CACJ,eAAe,EACf;QACE,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;QACjC,OAAO,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,CAAC;KACtC,CACF,CACF,CAAC;CAGH,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,uBAAuB,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../src/lib/phone-input/phone-input.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAmB,MAAM,SAAS,CAAC;AAsD3D,eAAO,MAAM,UAAU,yHAkItB,CAAC"}
+{"version":3,"file":"phone-input.d.ts","sourceRoot":"","sources":["../../../src/lib/phone-input/phone-input.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,eAAe,EAAmB,MAAM,SAAS,CAAC;AAsD3D,eAAO,MAAM,UAAU,yHA8ItB,CAAC"}

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

@@ -89,92 +89,110 @@ const PhoneInput = forwardRef(
       const originalValue = internalValue.nationalNumber ?? "";
       return inputFocused ? originalValue : originalValue.replace(/^(\d{1,3})(\d{0,3})?(\d*)$/, "$1 $2 $3");
     })();
-    return /* @__PURE__ */ jsxs("div", { ...containerProps, css: { display: "flex", flexDirection: "column", width: "100%", ...containerProps == null ? void 0 : containerProps.css }, children: [
-      /* @__PURE__ */ jsx(
-        ForwardRefInputMask,
-        {
-          ...props,
-          css: [
-            error && !selectOpen && {
-              "&::after": { borderColor: getColorVar("red.600") }
-            },
-            inputFocused && {
-              "&::after": { borderColor: getColorVar("primary.600") },
-              boxShadow: `0 0 0 3px ${getColorVar("primary.300")}`
-            },
-            disabled && {
-              backgroundColor: getColorShadesByVariant("neutral").disabledSurface,
-              pointerEvents: "none"
-            },
-            props.css
-          ],
-          ref: mergedRefs,
-          children: /* @__PURE__ */ jsxs("div", { css: { position: "absolute", inset: 0, display: "flex", alignItems: "center" }, children: [
-            /* @__PURE__ */ jsx(
-              Select,
-              {
-                containerProps: {
-                  css: { width: "fit-content", minWidth: 80 }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ...containerProps,
+        css: { display: "flex", flexDirection: "column", width: "100%", ...containerProps == null ? void 0 : containerProps.css },
+        children: [
+          /* @__PURE__ */ jsx(
+            ForwardRefInputMask,
+            {
+              ...props,
+              css: [
+                error && !selectOpen && {
+                  "&::after": { borderColor: getColorVar("red.600") }
                 },
-                css: {
-                  paddingRight: 0
+                inputFocused && {
+                  "&::after": { borderColor: getColorVar("primary.600") },
+                  boxShadow: `0 0 0 3px ${getColorVar("primary.300")}`
                 },
-                xs: {
-                  outline: {
-                    top: 0,
-                    right: 0,
-                    bottom: 0,
-                    left: 0
-                  }
+                disabled && {
+                  backgroundColor: getColorShadesByVariant("neutral").disabledSurface,
+                  pointerEvents: "none"
                 },
-                listProps: {
-                  style: {
-                    width: wrapperWidth
+                props.css
+              ],
+              ref: mergedRefs,
+              children: /* @__PURE__ */ jsxs("div", { css: { position: "absolute", inset: 0, display: "flex", alignItems: "center" }, children: [
+                /* @__PURE__ */ jsx(
+                  Select,
+                  {
+                    containerProps: {
+                      css: { width: "fit-content", minWidth: 80 }
+                    },
+                    css: {
+                      paddingRight: 0
+                    },
+                    xs: {
+                      outline: {
+                        top: 0,
+                        right: 0,
+                        bottom: 0,
+                        left: 0
+                      }
+                    },
+                    listProps: {
+                      style: {
+                        width: wrapperWidth
+                      }
+                    },
+                    value: internalValue.countryCode ?? null,
+                    onChange: onDialCodeChange,
+                    options: countries,
+                    disabled,
+                    selectedRenderer: SelectedRenderer,
+                    optionLabel: CountryRowLabel,
+                    optionValue: "code",
+                    optionSearchLabel: ["name", "dial_code", "code"],
+                    open: selectOpen,
+                    onOpenChange: setSelectOpen
                   }
-                },
-                value: internalValue.countryCode ?? null,
-                onChange: onDialCodeChange,
-                options: countries,
-                disabled,
-                selectedRenderer: SelectedRenderer,
-                optionLabel: CountryRowLabel,
-                optionValue: "code",
-                optionSearchLabel: ["name", "dial_code", "code"],
-                open: selectOpen,
-                onOpenChange: setSelectOpen
-              }
-            ),
-            /* @__PURE__ */ jsx("div", { css: { borderRight: "1px solid", borderColor: getColorVar("border.default"), height: "66.666667%", marginLeft: 8, marginRight: 8 } }),
-            /* @__PURE__ */ jsx(
-              Input,
-              {
-                value: inputDisplayValue,
-                disabled,
-                containerProps: {
-                  css: { flex: 1 }
-                },
-                mainProps: {
-                  style: {
-                    paddingLeft: 0,
-                    boxShadow: "none"
+                ),
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    css: {
+                      borderRight: "1px solid",
+                      borderColor: getColorVar("border.default"),
+                      height: "66.666667%",
+                      marginLeft: 8,
+                      marginRight: 8
+                    }
                   }
-                },
-                onChange: onNationalNumberChange,
-                xs: {
-                  css: {
-                    borderWidth: 0
+                ),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    value: inputDisplayValue,
+                    disabled,
+                    containerProps: {
+                      css: { flex: 1 }
+                    },
+                    mainProps: {
+                      style: {
+                        paddingLeft: 0,
+                        boxShadow: "none"
+                      }
+                    },
+                    onChange: onNationalNumberChange,
+                    xs: {
+                      css: {
+                        borderWidth: 0
+                      }
+                    },
+                    onFocus: () => setInputFocused(true),
+                    onBlur: () => setInputFocused(false),
+                    ref: inputRef
                   }
-                },
-                onFocus: () => setInputFocused(true),
-                onBlur: () => setInputFocused(false),
-                ref: inputRef
-              }
-            )
-          ] })
-        }
-      ),
-      /* @__PURE__ */ jsx(FormHelperText, { error, children: helperText })
-    ] });
+                )
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsx(FormHelperText, { error, children: helperText })
+        ]
+      }
+    );
   }
 );
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/phone-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAC,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAExE,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CACxC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B;IACE,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;QAC9C,GAAG,CAAC,EAAE,aAAa,CAAC;KACrB,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,gBAAgB,CAAC,yBAAyB,CAAC,CAChD,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/phone-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEtE,MAAM,MAAM,yBAAyB,GAAG;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,YAAY,CACxC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B;IACE,GAAG,CAAC,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG;QAC9C,GAAG,CAAC,EAAE,aAAa,CAAC;KACrB,CAAC;IACF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,gBAAgB,CAAC,yBAAyB,CAAC,CAChD,CAAC"}

package/dist/lib/popover/popover-content/popover-content.d.ts

@@ -1,2 +1,3 @@
-export declare const PopoverContent: import('react').ForwardRefExoticComponent<Omit<import('../../..').FloatingContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+import { PopoverContentProps } from './types';
+export declare const PopoverContent: (props: PopoverContentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=popover-content.d.ts.map

package/dist/lib/popover/popover-content/popover-content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover-content.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover-content/popover-content.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc,iJAiBzB,CAAC"}
+{"version":3,"file":"popover-content.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover-content/popover-content.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,eAAO,MAAM,cAAc,UAAW,mBAAmB,qDAexD,CAAC"}

package/dist/lib/popover/popover-content/popover-content.js

@@ -1,11 +1,8 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef } from "react";
-import "clsx";
 import "lodash-es";
 import { getColorVar } from "../../../theme/palette.js";
-import { cn } from "../../../utils/stylesheet.js";
 import { FloatingContent } from "../../floating/floating-content/floating-content.js";
-const PopoverContent = forwardRef(({ className, ...props }, ref) => {
+const PopoverContent = (props) => {
   return /* @__PURE__ */ jsx(
     FloatingContent,
     {
@@ -18,12 +15,10 @@ const PopoverContent = forwardRef(({ className, ...props }, ref) => {
         borderColor: getColorVar("neutral.100"),
         boxShadow: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)"
       },
-      className: cn(className),
-      ...props,
-      ref
+      ...props
     }
   );
-});
+};
 export {
   PopoverContent
 };

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

@@ -1 +1 @@
-{"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../../../src/lib/primitive/primitive.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAIzC,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,CAAC,OAAO,CAAC,mCAOnD,cAAc,CAAC,CAAC,CAAC,qDAgBnB,CAAC"}
+{"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../../../src/lib/primitive/primitive.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAIzC,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,CAAC,OAAO,CAAC,mCAAmC,cAAc,CAAC,CAAC,CAAC,qDAgBzG,CAAC"}

package/dist/lib/primitive/primitive.js

@@ -1,14 +1,7 @@
 import { jsx } from "@emotion/react/jsx-runtime";
 import { mediaQuery } from "../../theme/screens.js";
 import "../../theme/palette.js";
-const Primitive = ({
-  as,
-  xs,
-  sm,
-  md,
-  lg,
-  ...rest
-}) => {
+const Primitive = ({ as, xs, sm, md, lg, ...rest }) => {
   const Component = as ?? "div";
   return /* @__PURE__ */ jsx(
     Component,

package/dist/lib/primitive/types.d.ts

@@ -1,8 +1,9 @@
-import { HTMLElementType, HTMLProps } from 'react';
+import { HTMLElementType, HTMLProps, Ref } from 'react';
 import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types';
-type PrimitiveExtendedProps = ResponsiveDesign<PropsWithCSS> & {
+type PrimitiveExtendedProps<E> = ResponsiveDesign<PropsWithCSS> & {
     as?: HTMLElementType;
+    ref?: Ref<E>;
 };
-export type PrimitiveProps<P = HTMLProps<Element>> = ShallowMerge<P, PrimitiveExtendedProps>;
+export type PrimitiveProps<P = HTMLProps<Element>, E = HTMLElement> = ShallowMerge<P, PrimitiveExtendedProps<E>>;
 export {};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/primitive/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC;AAErE,KAAK,sBAAsB,GAAG,gBAAgB,CAAC,YAAY,CAAC,GAAG;IAC7D,EAAE,CAAC,EAAE,eAAe,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,YAAY,CAC/D,CAAC,EACD,sBAAsB,CACvB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/primitive/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvE,KAAK,sBAAsB,CAAC,CAAC,IAAI,gBAAgB,CAAC,YAAY,CAAC,GAAG;IAChE,EAAE,CAAC,EAAE,eAAe,CAAC;IACrB,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,WAAW,IAAI,YAAY,CAAC,CAAC,EAAE,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/lib/progress/progress.d.ts

@@ -1,3 +1,3 @@
 import { ProgressProps } from './types';
-export declare const Progress: import('react').ForwardRefExoticComponent<Omit<ProgressProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Progress: (props: ProgressProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=progress.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/lib/progress/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAKxC,eAAO,MAAM,QAAQ,uHAuCnB,CAAC"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/lib/progress/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAIxC,eAAO,MAAM,QAAQ,UAAW,aAAa,qDAoC5C,CAAC"}

package/dist/lib/progress/progress.js

@@ -1,17 +1,13 @@
 import { jsx } from "@emotion/react/jsx-runtime";
-import { forwardRef } from "react";
-import "clsx";
 import "lodash-es";
 import { getColorVar } from "../../theme/palette.js";
-import { cn } from "../../utils/stylesheet.js";
-const Progress = forwardRef((props, ref) => {
-  const { value, direction = "horizontal", activeProps = {}, className, children, ...rest } = props;
-  const { className: activeClassName, style: activeStyle, ...activeRest } = activeProps;
+const Progress = (props) => {
+  const { value, direction = "horizontal", activeProps = {}, children, ...rest } = props;
+  const { style: activeStyle, ...activeRest } = activeProps;
   return /* @__PURE__ */ jsx(
     "div",
     {
       ...rest,
-      ref,
       css: [
         {
           backgroundColor: getColorVar("neutral.200"),
@@ -21,7 +17,6 @@ const Progress = forwardRef((props, ref) => {
         direction === "horizontal" && { width: "100%", height: "0.5rem" },
         direction === "vertical" && { height: "100%", width: "0.5rem" }
       ],
-      className: cn(className),
       children: /* @__PURE__ */ jsx(
         "div",
         {
@@ -37,14 +32,13 @@ const Progress = forwardRef((props, ref) => {
             direction === "horizontal" && { height: "100%" },
             direction === "vertical" && { width: "100%" }
           ],
-          className: cn(activeClassName),
           style: { [direction === "horizontal" ? "width" : "height"]: `${value}%`, ...activeStyle },
           children
         }
       )
     }
   );
-});
+};
 export {
   Progress
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/progress/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,WAAW,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;CACrC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/progress/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,iBAAiB,CAAC;IAC9B,WAAW,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC,CAAC;CACrC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC"}

package/dist/lib/radio-button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/radio-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAC,YAAY,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAEvD,UAAU,wBAAwB;IAChC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,GAAG;QAChD,GAAG,CAAC,EAAE,aAAa,CAAC;KACrB,CAAC;CACH;AAED,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,wBAAwB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/radio-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAErD,UAAU,wBAAwB;IAChC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,GAAG;QAChD,GAAG,CAAC,EAAE,aAAa,CAAC;KACrB,CAAC;CACH;AAED,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,wBAAwB,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/lib/select/select.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAkBzD,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,iBAAiB,sBAAsB,CAAC,SAAS,MAAM,8BAGrF,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,qDA2TnB,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/lib/select/select.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAkBzD,eAAO,MAAM,MAAM,GAAI,CAAC,SAAS,iBAAiB,sBAAsB,CAAC,SAAS,MAAM,8BAGrF,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,qDAwUnB,CAAC"}