@janbox/storefront-ui 1.0.24 → 1.0.25

package/dist/lib/accordion/accordion-summary/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion-summary/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5E,oBAAY,uBAAuB;IACjC,QAAQ,cAAc;IACtB,YAAY,mBAAmB;CAChC;AAED,MAAM,WAAW,yBAA0B,SAAQ,gBAAgB,CAAC,YAAY,CAAC;IAC/E,MAAM,EAAE;QACN,QAAQ,EAAE;YACR,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,MAAM,EAAE;YACN,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;KACH,CAAC;CACH;AAED,KAAK,cAAc,GAAG,WAAW,GAAG,UAAU,CAAC;AAE/C,MAAM,WAAW,+BAAgC,SAAQ,gBAAgB,CAAC,mBAAmB,CAAC;IAC5F,MAAM,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IACvC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,6BAA8B,SAAQ,gBAAgB,CAAC,YAAY,CAAC;IACnF,UAAU,CAAC,EAAE,+BAA+B,CAAC;CAC9C;AAED,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,6BAA6B,CAAC,CAAC"}

package/dist/lib/accordion/accordion-summary/types.js

@@ -1,5 +1,8 @@
-export var AccordionSummaryVariant;
-(function (AccordionSummaryVariant) {
-    AccordionSummaryVariant["EndArrow"] = "end-arrow";
-    AccordionSummaryVariant["EndPlusMinus"] = "end-plus-minus";
-})(AccordionSummaryVariant || (AccordionSummaryVariant = {}));
+var AccordionSummaryVariant = /* @__PURE__ */ ((AccordionSummaryVariant2) => {
+  AccordionSummaryVariant2["EndArrow"] = "end-arrow";
+  AccordionSummaryVariant2["EndPlusMinus"] = "end-plus-minus";
+  return AccordionSummaryVariant2;
+})(AccordionSummaryVariant || {});
+export {
+  AccordionSummaryVariant
+};

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

@@ -1,4 +1,5 @@
-export * from './accordion-group/index.js';
-export * from './accordion/index.js';
-export * from './accordion-summary/index.js';
-export * from './accordion-content/index.js';
+export * from './accordion-group';
+export * from './accordion';
+export * from './accordion-summary';
+export * from './accordion-content';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

package/dist/lib/badge/badge.d.ts

@@ -1,4 +1,5 @@
-export declare const Badge: import("react").ForwardRefExoticComponent<{
+export declare const Badge: import('react').ForwardRefExoticComponent<{
     badgeContent?: number | string;
-    color?: import("../../types/index.js").ColorVariant;
-} & Omit<import("react").HTMLAttributes<HTMLDivElement>, "color"> & import("react").RefAttributes<HTMLDivElement>>;
+    color?: import('../../types').ColorVariant;
+} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "color"> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/lib/badge/badge.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,KAAK;;;kHAmChB,CAAC"}

package/dist/lib/badge/badge.js

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { isNumber } from "lodash-es";
+import { getBadgeProps } from "./helpers.js";
+import { getColorShadesByVariant } from "../../utils/index.js";
+const Badge = forwardRef((_props, ref) => {
+  const { children, badgeContent, color = "primary", ...rest } = getBadgeProps(_props);
+  const { main } = getColorShadesByVariant(color);
+  return /* @__PURE__ */ jsxs("div", { css: { position: "relative", display: "inline-block" }, ...rest, ref, children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        css: {
+          backgroundColor: main,
+          width: "1.25rem",
+          height: "1.25rem",
+          zIndex: 10,
+          display: "flex",
+          opacity: 1,
+          alignItems: "center",
+          justifyContent: "center",
+          borderRadius: "9999px",
+          borderWidth: "1px",
+          borderStyle: "solid",
+          borderColor: "#FFFFFF",
+          color: "#FFFFFF",
+          fontSize: "0.75rem",
+          lineHeight: "1rem",
+          fontWeight: 400,
+          position: "absolute",
+          top: 0,
+          right: 0
+        },
+        children: isNumber(badgeContent) ? badgeContent > 9 ? "9+" : badgeContent : badgeContent
+      }
+    ),
+    children
+  ] });
+});
+export {
+  Badge
+};

package/dist/lib/badge/helpers.d.ts

@@ -1,2 +1,3 @@
-import { BadgeProps } from './types.js';
+import { BadgeProps } from './types';
 export declare const getBadgeProps: (extended: BadgeProps) => BadgeProps;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/badge/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/badge/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAMrC,eAAO,MAAM,aAAa,aAAc,UAAU,eAEjD,CAAC"}

package/dist/lib/badge/helpers.js

@@ -1,5 +1,8 @@
-import { mergeComponentProps } from '../../utils/index.js';
+import { mergeComponentProps } from "../../utils/index.js";
 const defaultProps = {};
-export const getBadgeProps = (extended) => {
-    return mergeComponentProps(defaultProps, extended);
+const getBadgeProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  getBadgeProps
 };

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

@@ -1,3 +1,4 @@
-export * from './badge.jsx';
-export * from './helpers.js';
-export * from './types.js';
+export * from './badge';
+export * from './helpers';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/badge/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC"}

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

@@ -1,6 +1,7 @@
 import { HTMLAttributes } from 'react';
-import { ColorVariant } from '../../types/index.js';
+import { ColorVariant } from '../../types';
 export type BadgeProps = {
     badgeContent?: number | string;
     color?: ColorVariant;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'color'>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/badge/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,MAAM,MAAM,UAAU,GAAG;IACvB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,CAAC"}

package/dist/lib/box/box.d.ts

@@ -1,2 +1,3 @@
-import { BoxProps } from './types.js';
+import { BoxProps } from './types';
 export declare const Box: ({ children, container, ref, ..._props }: BoxProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=box.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../src/lib/box/box.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAMnC,eAAO,MAAM,GAAG,4CAA6C,QAAQ,qDAyBpE,CAAC"}

package/dist/lib/box/box.js

@@ -0,0 +1,39 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { getBoxProps } from "./helpers.js";
+import { containerStyle } from "../../constants/emotion.js";
+import { mediaQuery } from "../../theme/screens.js";
+import "../../theme/palette.js";
+const Box = ({ children, container, ref, ..._props }) => {
+  const { xs, sm, md, lg, ...rest } = getBoxProps(_props);
+  const css = [
+    container && containerStyle,
+    createStyle(xs),
+    {
+      [mediaQuery("sm")]: createStyle(sm),
+      [mediaQuery("md")]: createStyle(md),
+      [mediaQuery("lg")]: createStyle(lg)
+    }
+  ];
+  return /* @__PURE__ */ jsx("div", { css, ...rest, ref, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      css: {
+        width: "100%",
+        height: "100%"
+      },
+      children
+    }
+  ) });
+};
+const createStyle = ({ css: { width, height, ...css } = {} } = {}) => {
+  return [
+    {
+      width,
+      height,
+      "& > *": css
+    }
+  ];
+};
+export {
+  Box
+};

package/dist/lib/box/helpers.d.ts

@@ -1,2 +1,3 @@
-import { BoxProps } from './types.js';
+import { BoxProps } from './types';
 export declare const getBoxProps: (extended: BoxProps) => BoxProps;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/box/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/box/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAMnC,eAAO,MAAM,WAAW,aAAc,QAAQ,aAE7C,CAAC"}

package/dist/lib/box/helpers.js

@@ -1,5 +1,8 @@
-import { mergeComponentProps } from '../../utils/index.js';
+import { mergeComponentProps } from "../../utils/index.js";
 const defaultProps = {};
-export const getBoxProps = (extended) => {
-    return mergeComponentProps(defaultProps, extended);
+const getBoxProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  getBoxProps
 };

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

@@ -1,3 +1,4 @@
-export * from './box.jsx';
-export * from './types.js';
-export * from './helpers.js';
+export * from './box';
+export * from './types';
+export * from './helpers';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/box/index.ts"],"names":[],"mappings":"AAAA,cAAc,OAAO,CAAC;AACtB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC"}

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

@@ -1,7 +1,8 @@
 import { JSX } from 'react';
-import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types/index.js';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types';
 type BoxExtendedProps = ResponsiveDesign<PropsWithCSS> & {
     container?: boolean;
 };
 export type BoxProps = ShallowMerge<JSX.IntrinsicElements['div'], BoxExtendedProps>;
 export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/box/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvE,KAAK,gBAAgB,GAAG,gBAAgB,CAAC,YAAY,CAAC,GAAG;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/lib/breadcrumbs/breadcrumb-item/breadcrumb-item.d.ts

@@ -1,3 +1,3 @@
-/** @jsxImportSource @emotion/react */
-import { BreadcrumbItemProps } from './types.js';
+import { BreadcrumbItemProps } from './types';
 export declare const BreadcrumbItem: ({ children, icon, ...props }: BreadcrumbItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=breadcrumb-item.d.ts.map

package/dist/lib/breadcrumbs/breadcrumb-item/breadcrumb-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-item.d.ts","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumb-item/breadcrumb-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAK9C,eAAO,MAAM,cAAc,iCAAkC,mBAAmB,qDAO/E,CAAC"}

package/dist/lib/breadcrumbs/breadcrumb-item/breadcrumb-item.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { Link } from "../../link/link.js";
+import { Icon } from "../../icon/icon.js";
+const BreadcrumbItem = ({ children, icon, ...props }) => {
+  return /* @__PURE__ */ jsxs(Link, { css: { display: "flex", width: "fit-content", alignItems: "center", gap: "0.375rem" }, ...props, children: [
+    icon && /* @__PURE__ */ jsx(Icon, { ...icon }),
+    children
+  ] });
+};
+export {
+  BreadcrumbItem
+};

package/dist/lib/breadcrumbs/breadcrumb-item/index.d.ts

@@ -1,2 +1,3 @@
-export * from './breadcrumb-item.jsx';
-export * from './types.js';
+export * from './breadcrumb-item';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/breadcrumbs/breadcrumb-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumb-item/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC"}

package/dist/lib/breadcrumbs/breadcrumb-item/types.d.ts

@@ -1,6 +1,7 @@
-import { IconProps } from '../../icon/index.js';
-import { LinkProps } from '../../link/index.js';
-import { ShallowMerge } from '../../../types/index.js';
+import { IconProps } from '../../icon';
+import { LinkProps } from '../../link';
+import { ShallowMerge } from '../../../types';
 export type BreadcrumbItemProps = ShallowMerge<LinkProps, {
     icon?: IconProps;
 }>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/breadcrumbs/breadcrumb-item/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumb-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAC5C,SAAS,EACT;IACE,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB,CACF,CAAC"}

package/dist/lib/breadcrumbs/breadcrumbs/breadcrumbs.d.ts

@@ -1,2 +1,3 @@
-import { BreadcrumbsProps } from './types.js';
+import { BreadcrumbsProps } from './types';
 export declare const Breadcrumbs: ({ separator, children, color, ...props }: BreadcrumbsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=breadcrumbs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAO3C,eAAO,MAAM,WAAW,6CAAgE,gBAAgB,qDAoCvG,CAAC"}

package/dist/lib/breadcrumbs/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,32 @@
+import { jsx, jsxs, Fragment as Fragment$1 } from "@emotion/react/jsx-runtime";
+import { Fragment } from "react";
+import { isString } from "lodash-es";
+import { flattenChildren, getColorShadesByVariant } from "../../../utils/index.js";
+import { getColorVar } from "../../../theme/palette.js";
+import { Icon } from "../../icon/icon.js";
+const Breadcrumbs = ({ separator = ">", children, color = "primary", ...props }) => {
+  const flattenedChildren = flattenChildren(children);
+  const { main } = getColorShadesByVariant(color);
+  return /* @__PURE__ */ jsx("div", { css: { display: "inline-flex", flexWrap: "wrap", gap: "0.5rem" }, ...props, children: flattenedChildren.map((child, index, array) => {
+    const isLast = index === array.length - 1;
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          css: {
+            display: "contents",
+            color: getColorVar("neutral.500"),
+            ":hover": {
+              color: main
+            }
+          },
+          children: child
+        }
+      ),
+      !isLast && /* @__PURE__ */ jsx(Fragment$1, { children: isString(separator) ? /* @__PURE__ */ jsx("span", { css: { color: getColorVar("neutral.500") }, children: separator }) : /* @__PURE__ */ jsx(Icon, { ...separator }) })
+    ] }, index);
+  }) });
+};
+export {
+  Breadcrumbs
+};

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

@@ -1 +1,2 @@
-export * from './breadcrumbs.jsx';
+export * from './breadcrumbs';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}

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

@@ -1,9 +1,10 @@
 import { JSX } from 'react';
-import { IconProps } from '../../icon/index.js';
-import { ColorVariant, ShallowMerge } from '../../../types/index.js';
+import { IconProps } from '../../icon';
+import { ColorVariant, ShallowMerge } from '../../../types';
 type BreadcrumbsSeparator = string | IconProps;
 export type BreadcrumbsProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     separator?: BreadcrumbsSeparator;
     color?: ColorVariant;
 }>;
 export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/breadcrumbs/breadcrumbs/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,OAAO,EAAC,YAAY,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE1D,KAAK,oBAAoB,GAAG,MAAM,GAAG,SAAS,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG,YAAY,CACzC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B;IACE,SAAS,CAAC,EAAE,oBAAoB,CAAC;IACjC,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB,CACF,CAAC"}

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

@@ -1,2 +1,3 @@
-export * from './breadcrumb-item/index.js';
-export * from './breadcrumbs/index.js';
+export * from './breadcrumb-item';
+export * from './breadcrumbs';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC"}

package/dist/lib/button/button.d.ts

@@ -1,2 +1,3 @@
-import { ButtonProps } from './types.js';
+import { ButtonProps } from './types';
 export declare const Button: ({ children, ref, ..._props }: ButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/lib/button/button.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAUtC,eAAO,MAAM,MAAM,iCAAkC,WAAW,qDAsO/D,CAAC"}

package/dist/lib/button/button.js

@@ -0,0 +1,227 @@
+import { jsxs, jsx, Fragment as Fragment$1 } from "@emotion/react/jsx-runtime";
+import { useRef, Fragment, isValidElement } from "react";
+import { useMergeRefs } from "@floating-ui/react";
+import { isNil, isString } from "lodash-es";
+import { useNavigate, createPath } from "react-router";
+import { getButtonProps } from "./helpers.js";
+import { useRippleEffect } from "../../hooks/use-ripple-effect/index.js";
+import { truncateStyle, animateSpinStyle } from "../../constants/emotion.js";
+import LoadingIcon from "../../assets/svg/loading-waiting.svg.js";
+import { mediaQuery } from "../../theme/screens.js";
+import { getColorVar } from "../../theme/palette.js";
+import { getColorShadesByVariant, getSizeVariantState, omitResponsiveProps } from "../../utils/index.js";
+import { cn } from "../../utils/stylesheet.js";
+import { Icon } from "../icon/icon.js";
+const Button = ({ children, ref, ..._props }) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const buttonRef = useRef(null);
+  const { className } = useRippleEffect(buttonRef);
+  const mergedRef = useMergeRefs([ref, buttonRef]);
+  const {
+    color,
+    variant,
+    anchor,
+    prefix,
+    suffix,
+    isLoading,
+    disabled,
+    startIcon,
+    endIcon,
+    dangerouslySetInnerHTML,
+    ...rest
+  } = getButtonProps(_props);
+  const navigate = useNavigate();
+  const {
+    dark,
+    light,
+    main,
+    contrastText,
+    placeholder: placeholderColor,
+    ariaDisabledSurface,
+    ariaDisabledText
+  } = getColorShadesByVariant(color);
+  const createStyle = (screen) => {
+    const { css: css2 } = rest[screen] ?? {};
+    return {
+      ...css2
+    };
+  };
+  const css = [
+    {
+      display: "flex",
+      maxWidth: "100%",
+      width: "fit-content",
+      position: "relative",
+      justifyContent: "center",
+      alignItems: "center",
+      whiteSpace: "nowrap",
+      "& > *:not([data-loading])": {
+        visibility: isLoading ? "hidden" : void 0
+      },
+      pointerEvents: isLoading ? "none" : void 0
+    },
+    variant === "contained" && {
+      backgroundColor: isLoading ? placeholderColor : main,
+      color: contrastText,
+      ":hover": {
+        backgroundColor: dark
+      },
+      ":disabled": {
+        backgroundColor: getColorVar("neutral.300"),
+        color: getColorVar("neutral.500")
+      },
+      "&[aria-disabled=true]": {
+        backgroundColor: ariaDisabledSurface,
+        pointerEvents: "none"
+      }
+    },
+    variant === "outlined" && {
+      backgroundColor: getColorVar("surface.default"),
+      color: isLoading ? placeholderColor : main,
+      borderWidth: 1,
+      borderStyle: "solid",
+      borderColor: isLoading ? placeholderColor : main,
+      ":hover": {
+        backgroundColor: light
+      },
+      ":disabled": {
+        color: getColorVar("neutral.500"),
+        backgroundColor: getColorVar("neutral.300"),
+        borderColor: getColorVar("neutral.300")
+      },
+      "&[aria-disabled=true]": {
+        color: ariaDisabledText,
+        pointerEvents: "none",
+        borderColor: "currentcolor"
+      }
+    },
+    variant === "text" && {
+      backgroundColor: "transparent",
+      color: isLoading ? placeholderColor : main,
+      ":hover": {
+        backgroundColor: light
+      },
+      ":disabled": {
+        color: getColorVar("neutral.500"),
+        backgroundColor: getColorVar("neutral.300")
+      },
+      "&[aria-disabled=true]": {
+        color: ariaDisabledText
+      }
+    },
+    rest["aria-disabled"] && {
+      pointerEvents: "none"
+    },
+    createStyle("xs"),
+    {
+      [mediaQuery("sm")]: createStyle("sm"),
+      [mediaQuery("md")]: createStyle("md"),
+      [mediaQuery("lg")]: createStyle("lg")
+    }
+  ];
+  const onClick = (e) => {
+    var _a2;
+    (_a2 = rest.onClick) == null ? void 0 : _a2.call(rest, e);
+    if (e.defaultPrevented) {
+      return;
+    }
+    if (isNil(anchor == null ? void 0 : anchor.to)) {
+      return;
+    }
+    const { to, target, ...otherOptions } = anchor;
+    const href = isString(to) ? to : createPath(to);
+    if (target === "_blank") {
+      window.open(href, target);
+    } else {
+      try {
+        const url = new URL(href);
+        window.location.href = url.toString();
+      } catch (error) {
+        navigate(href, otherOptions);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      css,
+      disabled,
+      ...omitResponsiveProps(rest),
+      onClick,
+      className: cn(rest.className, className),
+      ref: mergedRef,
+      children: [
+        prefix,
+        !!startIcon && /* @__PURE__ */ jsx(
+          Icon,
+          {
+            ...startIcon,
+            css: {
+              flexShrink: 0
+            },
+            xs: {
+              size: getSizeVariantState((_a = rest.xs) == null ? void 0 : _a.size).iconSize,
+              ...startIcon.xs
+            },
+            sm: {
+              size: getSizeVariantState((_b = rest.sm) == null ? void 0 : _b.size).iconSize,
+              ...startIcon.sm
+            },
+            md: {
+              size: getSizeVariantState((_c = rest.md) == null ? void 0 : _c.size).iconSize,
+              ...startIcon.md
+            },
+            lg: {
+              size: getSizeVariantState((_d = rest.lg) == null ? void 0 : _d.size).iconSize,
+              ...startIcon.lg
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Fragment$1, { children: isValidElement(children) ? children : /* @__PURE__ */ jsx("span", { dangerouslySetInnerHTML, css: truncateStyle, children }) }) }),
+        !!endIcon && /* @__PURE__ */ jsx(
+          Icon,
+          {
+            ...endIcon,
+            css: {
+              flexShrink: 0
+            },
+            xs: {
+              size: getSizeVariantState((_e = rest.xs) == null ? void 0 : _e.size).iconSize,
+              ...endIcon.xs
+            },
+            sm: {
+              size: getSizeVariantState((_f = rest.sm) == null ? void 0 : _f.size).iconSize,
+              ...endIcon.sm
+            },
+            md: {
+              size: getSizeVariantState((_g = rest.md) == null ? void 0 : _g.size).iconSize,
+              ...endIcon.md
+            },
+            lg: {
+              size: getSizeVariantState((_h = rest.lg) == null ? void 0 : _h.size).iconSize,
+              ...endIcon.lg
+            }
+          }
+        ),
+        suffix,
+        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 })
+          }
+        )
+      ]
+    }
+  );
+};
+export {
+  Button
+};

package/dist/lib/button/helpers.d.ts

@@ -1,2 +1,3 @@
-import { ButtonProps } from './types.js';
+import { ButtonProps } from './types';
 export declare const getButtonProps: (extended: ButtonProps) => ButtonProps;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/button/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/button/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAyB,MAAM,SAAS,CAAC;AA0D7D,eAAO,MAAM,cAAc,aAAc,WAAW,gBAkBnD,CAAC"}