@janbox/storefront-ui 1.0.14 → 1.0.16

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

@@ -0,0 +1,43 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { useMergeRefs, FloatingPortal, FloatingOverlay, FloatingFocusManager } from "@floating-ui/react";
+import { AnimatePresence, motion } from "motion/react";
+import { useFloatingContext } from "../floating/helpers.js";
+import { FLOATING_Z_INDEX } from "../../../theme/index.js";
+import { useIsHydrated } from "../../../hooks/use-is-hydrated/index.js";
+const FloatingContent = forwardRef(
+  ({ style, floatingPortalProps, floatingFocusManagerProps, floatingOverlayProps, ...props }, ref) => {
+    const { getFloatingProps, context } = useFloatingContext();
+    const mergedRefs = useMergeRefs([context.refs.setFloating, ref]);
+    const isHydrated = useIsHydrated();
+    return /* @__PURE__ */ jsx(AnimatePresence, { children: context.open && isHydrated && /* @__PURE__ */ jsx(FloatingPortal, { root: document.body, ...floatingPortalProps, children: /* @__PURE__ */ jsx(
+      FloatingOverlay,
+      {
+        ...floatingOverlayProps,
+        style: {
+          display: (floatingOverlayProps == null ? void 0 : floatingOverlayProps.disabled) ?? true ? "contents" : void 0,
+          ...floatingOverlayProps == null ? void 0 : floatingOverlayProps.style
+        },
+        children: /* @__PURE__ */ jsx(FloatingFocusManager, { disabled: true, context, ...floatingFocusManagerProps, children: /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            exit: { opacity: 0 },
+            style: {
+              ...context.elements.reference ? context.floatingStyles : {},
+              ...style,
+              zIndex: FLOATING_Z_INDEX
+            },
+            ...getFloatingProps(props),
+            ref: mergedRefs,
+            children: props.children
+          }
+        ) })
+      }
+    ) }) });
+  }
+);
+export {
+  FloatingContent
+};

package/dist/lib/floating/floating-content/index.d.ts

@@ -1,2 +1,3 @@
 export * from './floating-content';
 export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/floating/floating-content/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-content/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC"}

package/dist/lib/floating/floating-content/types.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, HTMLProps } from 'react';
 import { Interpolation } from '@emotion/react';
-import type { FloatingFocusManager, FloatingOverlay, FloatingPortal } from '@floating-ui/react';
+import { FloatingFocusManager, FloatingOverlay, FloatingPortal } from '@floating-ui/react';
 import { ShallowMerge } from '../../../types';
 export type FloatingContentProps = ShallowMerge<HTMLProps<HTMLDivElement>, {
     floatingPortalProps?: Partial<ComponentProps<typeof FloatingPortal>>;
@@ -10,3 +10,4 @@ export type FloatingContentProps = ShallowMerge<HTMLProps<HTMLDivElement>, {
     }>>;
     floatingFocusManagerProps?: Partial<ComponentProps<typeof FloatingFocusManager>>;
 }>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/floating/floating-content/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-content/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEhG,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,oBAAoB,GAAG,YAAY,CAC7C,SAAS,CAAC,cAAc,CAAC,EACzB;IACE,mBAAmB,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC,CAAC;IACrE,oBAAoB,CAAC,EAAE,OAAO,CAC5B,YAAY,CACV,cAAc,CAAC,OAAO,eAAe,CAAC,EACtC;QACE,QAAQ,EAAE,OAAO,CAAC;QAClB,GAAG,CAAC,EAAE,aAAa,CAAC;KACrB,CACF,CACF,CAAC;IACF,yBAAyB,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,CAAC,CAAC;CAClF,CACF,CAAC"}

package/dist/lib/floating/floating-trigger/floating-trigger.d.ts

@@ -1,2 +1,3 @@
 import { FloatingTriggerProps } from './types';
 export declare const FloatingTrigger: ({ children }: FloatingTriggerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=floating-trigger.d.ts.map

package/dist/lib/floating/floating-trigger/floating-trigger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-trigger.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-trigger/floating-trigger.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,eAAe,iBAAkB,oBAAoB,qDAmCjE,CAAC"}

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

@@ -0,0 +1,35 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { isValidElement, cloneElement } from "react";
+import { useMergeRefs } from "@floating-ui/react";
+import { get, isFunction } from "lodash-es";
+import { useFloatingContext } from "../floating/helpers.js";
+const FloatingTrigger = ({ children }) => {
+  const { getReferenceProps, context } = useFloatingContext();
+  const mergedRefs = useMergeRefs([
+    context.refs.setReference,
+    isValidElement(children) ? get(children.props, "ref") : void 0
+  ]);
+  if (isValidElement(children)) {
+    return cloneElement(
+      children,
+      getReferenceProps({
+        ...children.props ?? {},
+        ref: mergedRefs
+      })
+    );
+  }
+  if (isFunction(children)) {
+    const reactElement = children(context);
+    return cloneElement(
+      reactElement,
+      getReferenceProps({
+        ...reactElement.props ?? {},
+        ref: mergedRefs
+      })
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { ...getReferenceProps(), ref: mergedRefs, children });
+};
+export {
+  FloatingTrigger
+};

package/dist/lib/floating/floating-trigger/index.d.ts

@@ -1,2 +1,3 @@
 export * from './floating-trigger';
 export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/floating/floating-trigger/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-trigger/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC"}

package/dist/lib/floating/floating-trigger/types.d.ts

@@ -3,3 +3,4 @@ import { UseFloatingReturn } from '@floating-ui/react';
 export type FloatingTriggerProps = {
     children?: ReactElement | ((context: UseFloatingReturn['context']) => ReactElement);
 };
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/floating/floating-trigger/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/floating/floating-trigger/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAErC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC,KAAK,YAAY,CAAC,CAAC;CACrF,CAAC"}

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

@@ -2,3 +2,4 @@ export * from './floating';
 export * from './floating-trigger';
 export * from './floating-content';
 export * from './floating-close';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/floating/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC"}

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

@@ -1,2 +1,3 @@
 import { FormHelperTextProps } from './types';
 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,25 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import "lodash-es";
+import { getColorVar } from "../../theme/palette.js";
+import { getTypographyVar } from "../../theme/typography.js";
+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
+    }
+  );
+};
+export {
+  FormHelperText
+};

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

@@ -1,2 +1,3 @@
 export * from './form-helper-text';
 export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/form-helper-text/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC"}

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

@@ -3,3 +3,4 @@ import { ShallowMerge } from '../../types';
 export type FormHelperTextProps = ShallowMerge<JSX.IntrinsicElements['p'], {
     error?: boolean;
 }>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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,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

@@ -4,3 +4,4 @@ export type FormLabelProps = ShallowMerge<JSX.IntrinsicElements['div'], {
     required?: boolean;
 }>;
 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

@@ -0,0 +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;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

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { isString } from "lodash-es";
+import { mediaQuery } from "../../theme/screens.js";
+import { getColorVar } from "../../theme/palette.js";
+const FormLabel = ({ required, children, ...props }) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      css: {
+        marginBottom: "0.375rem",
+        display: "inline-flex",
+        [mediaQuery("sm")]: { marginBottom: "0.5rem" }
+      },
+      ...props,
+      children: [
+        isString(children) ? /* @__PURE__ */ jsx("label", { children }) : children,
+        required && /* @__PURE__ */ jsx("span", { css: { color: getColorVar("red.600") }, children: " *" })
+      ]
+    }
+  );
+};
+export {
+  FormLabel
+};

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"cell.d.ts","sourceRoot":"","sources":["../../../../src/lib/grid/cell/cell.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAuB,MAAM,SAAS,CAAC;AAIzD,eAAO,MAAM,IAAI,iCAAkC,SAAS,qDAiB3D,CAAC"}

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

@@ -0,0 +1,28 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { isNumber } from "lodash-es";
+import { getCellProps } from "./helpers.js";
+import { mediaQuery } from "../../../theme/screens.js";
+import "../../../theme/palette.js";
+const Cell = ({ children, ref, ..._props }) => {
+  const { xs, sm, md, lg, ...rest } = getCellProps(_props);
+  const css = [
+    createStyle(xs),
+    {
+      [mediaQuery("sm")]: createStyle(sm),
+      [mediaQuery("md")]: createStyle(md),
+      [mediaQuery("lg")]: createStyle(lg)
+    }
+  ];
+  return /* @__PURE__ */ jsx("div", { css, ...rest, ref, children });
+};
+const createStyle = ({ colSpan, css } = {}) => {
+  return [
+    {
+      gridColumn: isNumber(colSpan) ? `span ${colSpan}` : colSpan
+    },
+    css
+  ];
+};
+export {
+  Cell
+};

package/dist/lib/grid/cell/helpers.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/grid/cell/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMpC,eAAO,MAAM,YAAY,aAAc,SAAS,cAE/C,CAAC"}

package/dist/lib/grid/cell/helpers.js

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

package/dist/lib/grid/cell/index.d.ts

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

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

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

package/dist/lib/grid/cell/types.d.ts

@@ -4,3 +4,4 @@ export interface CellResponsiveProps extends PropsWithCSS {
     colSpan?: number;
 }
 export type CellProps = JSX.IntrinsicElements['div'] & ResponsiveDesign<CellResponsiveProps>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/grid/cell/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,SAAS,GAAG,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,CAAC"}

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

@@ -2,3 +2,4 @@ import { GridProps } from './types';
 export declare const GRID_MINIMUM_COLS = 1;
 export declare const GRID_MAXIMUM_COLS = 24;
 export declare const Grid: ({ children, ref, ..._props }: GridProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=grid.d.ts.map

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

@@ -0,0 +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,qDAkB3D,CAAC"}

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

@@ -0,0 +1,38 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { isNil } from "lodash-es";
+import { getGridProps } from "./helpers.js";
+import { mediaQuery } from "../../../theme/screens.js";
+import "../../../theme/palette.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, ...rest } = getGridProps(_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: { display: "grid", width: "100%", height: "100%" }, children }) });
+};
+const createStyle = ({ cols, css: { width, height, ...css } = {} } = {}) => {
+  return [
+    {
+      width,
+      height,
+      "& > *": {
+        gridTemplateColumns: isNil(cols) ? void 0 : `repeat(${cols}, minmax(0, 1fr))`,
+        ...css
+      }
+    }
+  ];
+};
+export {
+  GRID_MAXIMUM_COLS,
+  GRID_MINIMUM_COLS,
+  Grid
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/grid/grid/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAUpC,eAAO,MAAM,YAAY,aAAc,SAAS,cAE/C,CAAC"}

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

@@ -1,9 +1,12 @@
-import { mergeComponentProps } from '../../../utils';
+import { mergeComponentProps } from "../../../utils/index.js";
 const defaultProps = {
-    xs: {
-        cols: 1,
-    },
+  xs: {
+    cols: 1
+  }
 };
-export const getGridProps = (extended) => {
-    return mergeComponentProps(defaultProps, extended);
+const getGridProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  getGridProps
 };

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

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

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

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

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

@@ -8,3 +8,4 @@ type GridExtendedProps = ResponsiveDesign<GridResponsiveProps> & {
 };
 export type GridProps = ShallowMerge<JSX.IntrinsicElements['div'], GridExtendedProps>;
 export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/grid/grid/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE5E,MAAM,WAAW,mBAAoB,SAAQ,YAAY;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,KAAK,iBAAiB,GAAG,gBAAgB,CAAC,mBAAmB,CAAC,GAAG;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC,CAAC"}

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

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

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

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

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

@@ -1,2 +1,3 @@
 import { HighlightWordsProps } from './types';
 export declare const HighlightWords: ({ highlightClassName, ...props }: HighlightWordsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=highlight-words.d.ts.map

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

@@ -0,0 +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,qDAwBnF,CAAC"}

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

@@ -0,0 +1,17 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { Fragment } from "react";
+import { findAll } from "highlight-words-core";
+import "lodash-es";
+import "../../theme/palette.js";
+import { cn } from "../../utils/stylesheet.js";
+const HighlightWords = ({ highlightClassName, ...props }) => {
+  const chunks = findAll(props);
+  return /* @__PURE__ */ jsx(Fragment, { children: chunks.map((chunk, index) => {
+    const { end, highlight, start } = chunk;
+    const text = props.textToHighlight.substring(start, end);
+    return /* @__PURE__ */ jsx(Fragment, { children: highlight ? /* @__PURE__ */ jsx("span", { css: { fontWeight: 500 }, className: cn(highlightClassName), children: text }) : text }, index);
+  }) });
+};
+export {
+  HighlightWords
+};

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

@@ -1,2 +1,3 @@
 export * from './highlight-words';
 export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -3,3 +3,4 @@ import { ShallowMerge } from '../../types';
 export type HighlightWordsProps = ShallowMerge<FindAllArgs, {
     highlightClassName?: string;
 }>;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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,SAAS,CAAC;AAEvC,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAC5C,WAAW,EACX;IACE,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CACF,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/icon/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAUpC,eAAO,MAAM,YAAY,aAAc,SAAS,cAE/C,CAAC"}

package/dist/lib/icon/helpers.js

@@ -1,9 +1,12 @@
-import { mergeComponentProps } from "../../utils";
+import { mergeComponentProps } from "../../utils/index.js";
 const defaultProps = {
-    xs: {
-        size: 24,
-    },
+  xs: {
+    size: 24
+  }
 };
-export const getIconProps = (extended) => {
-    return mergeComponentProps(defaultProps, extended);
+const getIconProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  getIconProps
 };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../src/lib/icon/icon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAuB,MAAM,SAAS,CAAC;AAKzD,eAAO,MAAM,IAAI,4CAA6C,SAAS,qDAoBtE,CAAC"}

package/dist/lib/icon/icon.js

@@ -0,0 +1,38 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { getIconProps } from "./helpers.js";
+import { SvgLoader } from "../../components/svg-loader.js";
+import { mediaQuery } from "../../theme/screens.js";
+import "../../theme/palette.js";
+const Icon = ({ children: _children, ref, ..._props }) => {
+  const { source, xs, md, sm, lg, ...props } = getIconProps(_props);
+  return /* @__PURE__ */ jsx(
+    SvgLoader,
+    {
+      source,
+      ...props,
+      css: [
+        createStyle(xs),
+        {
+          [mediaQuery("sm")]: createStyle(sm),
+          [mediaQuery("md")]: createStyle(md),
+          [mediaQuery("lg")]: createStyle(lg)
+        }
+      ],
+      width: void 0,
+      height: void 0,
+      ref
+    }
+  );
+};
+const createStyle = ({ css, size } = {}) => {
+  return [
+    {
+      width: size,
+      height: size,
+      ...css
+    }
+  ];
+};
+export {
+  Icon
+};

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

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

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

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

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

@@ -9,3 +9,4 @@ export type IconExtendedProps = ResponsiveDesign<IconResponsiveProps> & {
 };
 export type IconProps = IconHTMLProps & IconExtendedProps;
 export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +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,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/helpers.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/icon-button/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAoB1C,eAAO,MAAM,kBAAkB,aAAc,eAAe,oBAuB3D,CAAC"}