@janbox/storefront-ui 1.0.14 → 1.0.16

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

@@ -0,0 +1,5 @@
+import { FloatingClose } from "../../floating/floating-close/floating-close.js";
+const PopoverClose = FloatingClose;
+export {
+  PopoverClose
+};

package/dist/lib/popover/popover-close/types.d.ts

@@ -1,2 +1,3 @@
 import { FloatingCloseProps } from '../../..';
 export type PopoverCloseProps = FloatingCloseProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/popover/popover-close/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover-close/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,CAAC"}

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

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

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

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

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

@@ -1,2 +1,3 @@
 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

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

@@ -0,0 +1,24 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import "lodash-es";
+import { getColorVar } from "../../../theme/palette.js";
+import { FloatingContent } from "../../floating/floating-content/floating-content.js";
+const PopoverContent = (props) => {
+  return /* @__PURE__ */ jsx(
+    FloatingContent,
+    {
+      css: {
+        backgroundColor: getColorVar("surface.default"),
+        padding: "0.75rem",
+        borderRadius: "0.75rem",
+        borderWidth: "1px",
+        borderStyle: "solid",
+        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)"
+      },
+      ...props
+    }
+  );
+};
+export {
+  PopoverContent
+};

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

@@ -1,2 +1,3 @@
 import { FloatingContentProps } from '../../..';
 export type PopoverContentProps = FloatingContentProps;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover-content/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { FloatingTrigger } from "../../floating/floating-trigger/floating-trigger.js";
+const PopoverTrigger = (props) => {
+  return /* @__PURE__ */ jsx(FloatingTrigger, { ...props });
+};
+export {
+  PopoverTrigger
+};

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

@@ -1,2 +1,3 @@
 import { FloatingTriggerProps } from '../../..';
 export type PopoverTriggerProps = FloatingTriggerProps;
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/popover/popover-trigger/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,MAAM,mBAAmB,GAAG,oBAAoB,CAAC"}

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

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

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

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

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

@@ -1,3 +1,4 @@
 import { HTMLProps } from 'react';
 import { PrimitiveProps } from './types';
 export declare const Primitive: <T extends HTMLProps<Element>>({ as, xs, sm, md, lg, ...rest }: PrimitiveProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=primitive.d.ts.map

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

@@ -0,0 +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,mCAAmC,cAAc,CAAC,CAAC,CAAC,qDAgBzG,CAAC"}

package/dist/lib/primitive/primitive.js

@@ -0,0 +1,23 @@
+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 Component = as ?? "div";
+  return /* @__PURE__ */ jsx(
+    Component,
+    {
+      css: [
+        xs == null ? void 0 : xs.css,
+        {
+          [mediaQuery("sm")]: sm == null ? void 0 : sm.css,
+          [mediaQuery("md")]: md == null ? void 0 : md.css,
+          [mediaQuery("lg")]: lg == null ? void 0 : lg.css
+        }
+      ],
+      ...rest
+    }
+  );
+};
+export {
+  Primitive
+};

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

@@ -6,3 +6,4 @@ type PrimitiveExtendedProps<E> = ResponsiveDesign<PropsWithCSS> & {
 };
 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

@@ -0,0 +1 @@
+{"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/index.d.ts

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

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

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

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

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

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

@@ -0,0 +1,44 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import "lodash-es";
+import { getColorVar } from "../../theme/palette.js";
+const Progress = (props) => {
+  const { value, direction = "horizontal", activeProps = {}, children, ...rest } = props;
+  const { style: activeStyle, ...activeRest } = activeProps;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      css: [
+        {
+          backgroundColor: getColorVar("neutral.200"),
+          overflow: "hidden",
+          borderRadius: "9999px"
+        },
+        direction === "horizontal" && { width: "100%", height: "0.5rem" },
+        direction === "vertical" && { height: "100%", width: "0.5rem" }
+      ],
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ...activeRest,
+          css: [
+            {
+              overflow: "hidden",
+              overflowWrap: "break-word",
+              borderRadius: "9999px",
+              backgroundColor: getColorVar("primary.600"),
+              transition: "width 300ms ease-in-out"
+            },
+            direction === "horizontal" && { height: "100%" },
+            direction === "vertical" && { width: "100%" }
+          ],
+          style: { [direction === "horizontal" ? "width" : "height"]: `${value}%`, ...activeStyle },
+          children
+        }
+      )
+    }
+  );
+};
+export {
+  Progress
+};

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

@@ -5,3 +5,4 @@ export type ProgressProps = {
     direction?: ProgressDirection;
     activeProps?: ComponentProps<'div'>;
 } & ComponentProps<'div'>;
+//# sourceMappingURL=types.d.ts.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/radio-button/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAM3C,eAAO,MAAM,mBAAmB,aAAc,gBAAgB,qBAE7D,CAAC"}

package/dist/lib/radio-button/helpers.js

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

package/dist/lib/radio-button/index.d.ts

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

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

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

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

@@ -1,2 +1,3 @@
 import { RadioButtonProps } from './types';
-export declare const RadioButton: import("react").ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const RadioButton: import('react').ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=radio-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../src/lib/radio-button/radio-button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAK3C,eAAO,MAAM,WAAW,4HAuBtB,CAAC"}

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

@@ -0,0 +1,33 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { getRadioButtonProps } from "./helpers.js";
+import classes from "./radio-button.module.scss.js";
+import { getColorShadesByVariant } from "../../utils/index.js";
+import { cn } from "../../utils/stylesheet.js";
+const RadioButton = forwardRef((_props, ref) => {
+  const { children, color = "primary", className, containerProps, ...props } = getRadioButtonProps(_props);
+  const { main } = getColorShadesByVariant(color);
+  return /* @__PURE__ */ jsxs(
+    "label",
+    {
+      ...containerProps,
+      css: [
+        {
+          "--radio-button-color": main
+        },
+        containerProps == null ? void 0 : containerProps.css
+      ],
+      className: cn(classes.radio_button__container, containerProps == null ? void 0 : containerProps.className),
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: classes.radio_button__main, children: [
+          /* @__PURE__ */ jsx("input", { ...props, className: cn(classes.radio_button__input, className), type: "radio", ref }),
+          /* @__PURE__ */ jsx("span", { className: classes.radio_button__checkmark })
+        ] }),
+        children
+      ]
+    }
+  );
+});
+export {
+  RadioButton
+};

package/dist/lib/radio-button/radio-button.module.scss.js

@@ -0,0 +1,17 @@
+const radio_button__container = "_radio_button__container_10dls_1";
+const radio_button__input = "_radio_button__input_10dls_10";
+const radio_button__checkmark = "_radio_button__checkmark_10dls_21";
+const radio_button__main = "_radio_button__main_10dls_25";
+const classes = {
+  radio_button__container,
+  radio_button__input,
+  radio_button__checkmark,
+  radio_button__main
+};
+export {
+  classes as default,
+  radio_button__checkmark,
+  radio_button__container,
+  radio_button__input,
+  radio_button__main
+};

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

@@ -9,3 +9,4 @@ interface RadioButtonExtendedProps {
 }
 export type RadioButtonProps = ShallowMerge<JSX.IntrinsicElements['input'], RadioButtonExtendedProps>;
 export {};
+//# sourceMappingURL=types.d.ts.map

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

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

@@ -1,2 +1,3 @@
 import { SelectOptionValue, SelectProps } from './types';
 export declare const getSelectProps: <V extends SelectOptionValue = SelectOptionValue, O extends object = object>(extended: SelectProps<V, O>) => SelectProps<V, O>;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/lib/select/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAUzD,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,iBAAiB,sBAAsB,CAAC,SAAS,MAAM,qBACpF,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,sBAG5B,CAAC"}

package/dist/lib/select/helpers.js

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

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

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

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

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

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

@@ -1,2 +1,3 @@
 import { SelectOptionValue, SelectProps } from './types';
 export declare const Select: <V extends SelectOptionValue = SelectOptionValue, O extends object = object>({ ref, ...props }: SelectProps<V, O>) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=select.d.ts.map

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

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