@janbox/storefront-ui 1.0.0

package/dist/lib/trans-html/trans-html.js

@@ -0,0 +1,26 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { Trans } from "react-i18next";
+import "react";
+import "clsx";
+import "lodash-es";
+import { getColorVar } from "../../theme/palette.js";
+import { cn } from "../../utils/stylesheet.js";
+const TransHtml = ({ components, classes, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    Trans,
+    {
+      components: {
+        quote: /* @__PURE__ */ jsx("q", { className: classes == null ? void 0 : classes.quote }),
+        secondary: /* @__PURE__ */ jsx("span", { css: { color: getColorVar("secondary.600") }, className: cn(classes == null ? void 0 : classes.secondary) }),
+        primary: /* @__PURE__ */ jsx("span", { css: { color: getColorVar("primary.600") }, className: cn(classes == null ? void 0 : classes.primary) }),
+        bold: /* @__PURE__ */ jsx("span", { css: { fontWeight: 600 }, className: cn(classes == null ? void 0 : classes.bold) }),
+        h2: /* @__PURE__ */ jsx("h2", { className: classes == null ? void 0 : classes.h2 }),
+        ...components
+      },
+      ...props
+    }
+  );
+};
+export {
+  TransHtml
+};

package/dist/lib/trans-html/types.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps } from 'react';
+import { Trans } from 'react-i18next';
+export type TransHtmlProps = ComponentProps<typeof Trans> & {
+    classes?: {
+        quote?: string;
+        secondary?: string;
+        primary?: string;
+        bold?: string;
+        h2?: string;
+    };
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/trans-html/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/trans-html/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,KAAK,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IAC1D,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,EAAE,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;CACH,CAAC"}

package/dist/lib/unordered-list/index.d.ts

@@ -0,0 +1,3 @@
+export * from './unordered-list';
+export * from './list-item';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/unordered-list/index.d.ts.map

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

package/dist/lib/unordered-list/list-item/helpers.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils_index = require("../../../utils/index.cjs");
+const defaultProps = {
+  xs: {
+    css: {
+      alignItems: "flex-start"
+    }
+  }
+};
+const getListItemProps = (extended) => {
+  return utils_index.mergeComponentProps(defaultProps, extended);
+};
+exports.getListItemProps = getListItemProps;

package/dist/lib/unordered-list/list-item/helpers.d.ts

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

package/dist/lib/unordered-list/list-item/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/unordered-list/list-item/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAYxC,eAAO,MAAM,gBAAgB,aAAc,aAAa,kBAEvD,CAAC"}

package/dist/lib/unordered-list/list-item/helpers.js

@@ -0,0 +1,14 @@
+import { mergeComponentProps } from "../../../utils/index.js";
+const defaultProps = {
+  xs: {
+    css: {
+      alignItems: "flex-start"
+    }
+  }
+};
+const getListItemProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  getListItemProps
+};

package/dist/lib/unordered-list/list-item/index.d.ts

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

package/dist/lib/unordered-list/list-item/index.d.ts.map

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

package/dist/lib/unordered-list/list-item/list-item.cjs

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+const lodashEs = require("lodash-es");
+const helpers = require("./helpers.cjs");
+const theme_screens = require("../../../theme/screens.cjs");
+require("../../../theme/palette.cjs");
+const ListItem = react.forwardRef((_props, ref) => {
+  const { xs, sm, md, children, dangerouslySetInnerHTML, ...rest } = helpers.getListItemProps(_props);
+  const css = [
+    {
+      display: "inline-flex"
+    },
+    createStyle(xs),
+    {
+      [theme_screens.mediaQuery("sm")]: createStyle(sm),
+      [theme_screens.mediaQuery("md")]: createStyle(md)
+    }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "li",
+    {
+      css,
+      suppressContentEditableWarning: true,
+      dangerouslySetInnerHTML: lodashEs.isNil(children) ? dangerouslySetInnerHTML : void 0,
+      ...rest,
+      ref,
+      children: lodashEs.isNil(dangerouslySetInnerHTML) ? children : null
+    }
+  );
+});
+const createStyle = ({ css } = {}) => {
+  return [css];
+};
+exports.ListItem = ListItem;

package/dist/lib/unordered-list/list-item/list-item.d.ts

@@ -0,0 +1,3 @@
+import { ListItemProps } from './types';
+export declare const ListItem: import('react').ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;
+//# sourceMappingURL=list-item.d.ts.map

package/dist/lib/unordered-list/list-item/list-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.d.ts","sourceRoot":"","sources":["../../../../src/lib/unordered-list/list-item/list-item.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAA2B,MAAM,SAAS,CAAC;AAIjE,eAAO,MAAM,QAAQ,sHAyBnB,CAAC"}

package/dist/lib/unordered-list/list-item/list-item.js

@@ -0,0 +1,36 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { isNil } from "lodash-es";
+import { getListItemProps } from "./helpers.js";
+import { mediaQuery } from "../../../theme/screens.js";
+import "../../../theme/palette.js";
+const ListItem = forwardRef((_props, ref) => {
+  const { xs, sm, md, children, dangerouslySetInnerHTML, ...rest } = getListItemProps(_props);
+  const css = [
+    {
+      display: "inline-flex"
+    },
+    createStyle(xs),
+    {
+      [mediaQuery("sm")]: createStyle(sm),
+      [mediaQuery("md")]: createStyle(md)
+    }
+  ];
+  return /* @__PURE__ */ jsx(
+    "li",
+    {
+      css,
+      suppressContentEditableWarning: true,
+      dangerouslySetInnerHTML: isNil(children) ? dangerouslySetInnerHTML : void 0,
+      ...rest,
+      ref,
+      children: isNil(dangerouslySetInnerHTML) ? children : null
+    }
+  );
+});
+const createStyle = ({ css } = {}) => {
+  return [css];
+};
+export {
+  ListItem
+};

package/dist/lib/unordered-list/list-item/types.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'react';
+import { PropsWithCSS, ResponsiveDesign } from '../../../types';
+export type ListItemResponsiveProps = PropsWithCSS;
+export type ListItemProps = JSX.IntrinsicElements["li"] & ResponsiveDesign<ListItemResponsiveProps>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/unordered-list/list-item/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/unordered-list/list-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC;AAEnD,MAAM,MAAM,aAAa,GAAG,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,GACrD,gBAAgB,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/lib/unordered-list/unordered-list/helpers.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils_index = require("../../../utils/index.cjs");
+const defaultProps = {
+  xs: {
+    css: {
+      alignItems: "flex-start"
+    }
+  }
+};
+const getUnorderedListProps = (extended) => {
+  return utils_index.mergeComponentProps(defaultProps, extended);
+};
+exports.getUnorderedListProps = getUnorderedListProps;

package/dist/lib/unordered-list/unordered-list/helpers.d.ts

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

package/dist/lib/unordered-list/unordered-list/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/unordered-list/unordered-list/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAY7C,eAAO,MAAM,qBAAqB,aAAc,kBAAkB,uBAEjE,CAAC"}

package/dist/lib/unordered-list/unordered-list/helpers.js

@@ -0,0 +1,14 @@
+import { mergeComponentProps } from "../../../utils/index.js";
+const defaultProps = {
+  xs: {
+    css: {
+      alignItems: "flex-start"
+    }
+  }
+};
+const getUnorderedListProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  getUnorderedListProps
+};

package/dist/lib/unordered-list/unordered-list/index.d.ts

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

package/dist/lib/unordered-list/unordered-list/index.d.ts.map

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

package/dist/lib/unordered-list/unordered-list/types.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'react';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
+export type UnorderedListResponsiveProps = PropsWithCSS;
+export type UnorderedListProps = ShallowMerge<JSX.IntrinsicElements["ul"], ResponsiveDesign<UnorderedListResponsiveProps>>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/unordered-list/unordered-list/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/unordered-list/unordered-list/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,MAAM,4BAA4B,GAAG,YAAY,CAAC;AAExD,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAC3C,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,EAC3B,gBAAgB,CAAC,4BAA4B,CAAC,CAC/C,CAAC"}

package/dist/lib/unordered-list/unordered-list/unordered-list.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+const helpers = require("./helpers.cjs");
+const theme_screens = require("../../../theme/screens.cjs");
+require("../../../theme/palette.cjs");
+const UnorderedList = react.forwardRef((_props, ref) => {
+  const { xs, sm, md, ...rest } = helpers.getUnorderedListProps(_props);
+  const css = [
+    {
+      display: "inline-flex",
+      flexDirection: "column",
+      verticalAlign: "top"
+    },
+    createStyle(xs),
+    {
+      [theme_screens.mediaQuery("sm")]: createStyle(sm),
+      [theme_screens.mediaQuery("md")]: createStyle(md)
+    }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx("ul", { css, ...rest, ref });
+});
+const createStyle = ({ css } = {}) => {
+  return [css];
+};
+exports.UnorderedList = UnorderedList;

package/dist/lib/unordered-list/unordered-list/unordered-list.d.ts

@@ -0,0 +1,3 @@
+import { UnorderedListProps } from './types';
+export declare const UnorderedList: import('react').ForwardRefExoticComponent<Omit<UnorderedListProps, "ref"> & import('react').RefAttributes<HTMLUListElement>>;
+//# sourceMappingURL=unordered-list.d.ts.map

package/dist/lib/unordered-list/unordered-list/unordered-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unordered-list.d.ts","sourceRoot":"","sources":["../../../../src/lib/unordered-list/unordered-list/unordered-list.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAgC,MAAM,SAAS,CAAC;AAI3E,eAAO,MAAM,aAAa,8HAiBxB,CAAC"}

package/dist/lib/unordered-list/unordered-list/unordered-list.js

@@ -0,0 +1,27 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { getUnorderedListProps } from "./helpers.js";
+import { mediaQuery } from "../../../theme/screens.js";
+import "../../../theme/palette.js";
+const UnorderedList = forwardRef((_props, ref) => {
+  const { xs, sm, md, ...rest } = getUnorderedListProps(_props);
+  const css = [
+    {
+      display: "inline-flex",
+      flexDirection: "column",
+      verticalAlign: "top"
+    },
+    createStyle(xs),
+    {
+      [mediaQuery("sm")]: createStyle(sm),
+      [mediaQuery("md")]: createStyle(md)
+    }
+  ];
+  return /* @__PURE__ */ jsx("ul", { css, ...rest, ref });
+});
+const createStyle = ({ css } = {}) => {
+  return [css];
+};
+export {
+  UnorderedList
+};

package/dist/lib/video/helpers.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const utils_index = require("../../utils/index.cjs");
+const defaultProps = {
+  controls: true
+};
+const getVideoProps = (extended) => {
+  return utils_index.mergeComponentProps(defaultProps, extended);
+};
+exports.getVideoProps = getVideoProps;

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

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

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

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

package/dist/lib/video/helpers.js

@@ -0,0 +1,10 @@
+import { mergeComponentProps } from "../../utils/index.js";
+const defaultProps = {
+  controls: true
+};
+const getVideoProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+export {
+  getVideoProps
+};

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { ComponentType, JSX } from 'react';
+import { ReactPlayerProps } from 'react-player/types';
+import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../types';
+type VideoExtendedProps = ResponsiveDesign<PropsWithCSS> & {
+    containerProps?: JSX.IntrinsicElements['div'];
+    PlayerComponent?: ComponentType<ReactPlayerProps>;
+};
+export type VideoProps = ShallowMerge<ReactPlayerProps, VideoExtendedProps>;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/video/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAC,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAC,MAAM,aAAa,CAAC;AAEzE,KAAK,kBAAkB,GAAG,gBAAgB,CAAC,YAAY,CAAC,GAAG;IAEzD,cAAc,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAC9C,eAAe,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CACnD,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,YAAY,CAAC,gBAAgB,EAAE,kBAAkB,CAAC,CAAC"}

package/dist/lib/video/video.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+const ReactPlayer = require("react-player");
+const helpers = require("./helpers.cjs");
+const theme_screens = require("../../theme/screens.cjs");
+require("../../theme/palette.cjs");
+const Video = ({ ref, containerProps, PlayerComponent, ..._props }) => {
+  const { xs, sm, md, lg, ...rest } = helpers.getVideoProps(_props);
+  const css = [
+    createStyle(xs),
+    {
+      [theme_screens.mediaQuery("sm")]: createStyle(sm),
+      [theme_screens.mediaQuery("md")]: createStyle(md),
+      [theme_screens.mediaQuery("lg")]: createStyle(lg)
+    }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { css, ...containerProps, children: PlayerComponent ? react.createElement(PlayerComponent, rest) : /* @__PURE__ */ jsxRuntime.jsx(ReactPlayer, { width: "", height: "", ref, ...rest }) });
+};
+const createStyle = ({ css } = {}) => {
+  return [css];
+};
+exports.Video = Video;

package/dist/lib/video/video.d.ts

@@ -0,0 +1,3 @@
+import { VideoProps } from './types';
+export declare const Video: ({ ref, containerProps, PlayerComponent, ..._props }: VideoProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=video.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../src/lib/video/video.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrC,eAAO,MAAM,KAAK,wDAAyD,UAAU,qDAiBpF,CAAC"}

package/dist/lib/video/video.js

@@ -0,0 +1,24 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { createElement } from "react";
+import ReactPlayer from "react-player";
+import { getVideoProps } from "./helpers.js";
+import { mediaQuery } from "../../theme/screens.js";
+import "../../theme/palette.js";
+const Video = ({ ref, containerProps, PlayerComponent, ..._props }) => {
+  const { xs, sm, md, lg, ...rest } = getVideoProps(_props);
+  const css = [
+    createStyle(xs),
+    {
+      [mediaQuery("sm")]: createStyle(sm),
+      [mediaQuery("md")]: createStyle(md),
+      [mediaQuery("lg")]: createStyle(lg)
+    }
+  ];
+  return /* @__PURE__ */ jsx("div", { css, ...containerProps, children: PlayerComponent ? createElement(PlayerComponent, rest) : /* @__PURE__ */ jsx(ReactPlayer, { width: "", height: "", ref, ...rest }) });
+};
+const createStyle = ({ css } = {}) => {
+  return [css];
+};
+export {
+  Video
+};

package/dist/locales/en/ui__translation.json

@@ -0,0 +1,3 @@
+{
+  "hello": "Hello"
+}

package/dist/locales/vi/ui__translation.json

@@ -0,0 +1 @@
+{}