@janbox/storefront-ui 1.0.0

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react$1 = require("react");
+const react = require("@floating-ui/react");
+const lodashEs = require("lodash-es");
+const helpers = require("../floating/helpers.cjs");
+const FloatingTrigger = ({ children }) => {
+  const { getReferenceProps, context } = helpers.useFloatingContext();
+  const mergedRefs = react.useMergeRefs([
+    context.refs.setReference,
+    react$1.isValidElement(children) ? lodashEs.get(children.props, "ref") : void 0
+  ]);
+  if (react$1.isValidElement(children)) {
+    return react$1.cloneElement(
+      children,
+      getReferenceProps({
+        ...children.props ?? {},
+        ref: mergedRefs
+      })
+    );
+  }
+  if (lodashEs.isFunction(children)) {
+    const reactElement = children(context);
+    return react$1.cloneElement(
+      reactElement,
+      getReferenceProps({
+        ...reactElement.props ?? {},
+        ref: mergedRefs
+      })
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...getReferenceProps(), ref: mergedRefs, children });
+};
+exports.FloatingTrigger = FloatingTrigger;

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

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

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

@@ -0,0 +1,6 @@
+import { ReactElement } from 'react';
+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

@@ -0,0 +1,5 @@
+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.cjs

@@ -0,0 +1,35 @@
+"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 theme_palette = require("../../theme/palette.cjs");
+const theme_typography = require("../../theme/typography.cjs");
+require("clsx");
+const stylesheet = require("../../utils/stylesheet.cjs");
+const FormHelperText = react.forwardRef(
+  ({ error, children, className, ...props }, ref) => {
+    if (lodashEs.isNil(children)) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        css: {
+          paddingLeft: "1rem",
+          paddingRight: "1rem",
+          paddingTop: "0.25rem",
+          fontSize: theme_typography.getTypographyVar("xs").fontSize,
+          lineHeight: theme_typography.getTypographyVar("xs").lineHeight,
+          "&:empty": { display: "none" },
+          ...error && { color: theme_palette.getColorVar("red.600") }
+        },
+        className: stylesheet.cn(className),
+        ref,
+        ...props,
+        children
+      }
+    );
+  }
+);
+exports.FormHelperText = FormHelperText;

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

@@ -0,0 +1,3 @@
+import { FormHelperTextProps } from './types';
+export declare const FormHelperText: import('react').ForwardRefExoticComponent<Omit<FormHelperTextProps, "ref"> & import('react').RefAttributes<HTMLParagraphElement>>;
+//# 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":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAO9C,eAAO,MAAM,cAAc,mIAyB1B,CAAC"}

package/dist/lib/form-helper-text/form-helper-text.js

@@ -0,0 +1,35 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { isNil } from "lodash-es";
+import { getColorVar } from "../../theme/palette.js";
+import { getTypographyVar } from "../../theme/typography.js";
+import "clsx";
+import { cn } from "../../utils/stylesheet.js";
+const FormHelperText = forwardRef(
+  ({ error, children, className, ...props }, ref) => {
+    if (isNil(children)) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      "p",
+      {
+        css: {
+          paddingLeft: "1rem",
+          paddingRight: "1rem",
+          paddingTop: "0.25rem",
+          fontSize: getTypographyVar("xs").fontSize,
+          lineHeight: getTypographyVar("xs").lineHeight,
+          "&:empty": { display: "none" },
+          ...error && { color: getColorVar("red.600") }
+        },
+        className: cn(className),
+        ref,
+        ...props,
+        children
+      }
+    );
+  }
+);
+export {
+  FormHelperText
+};

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

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

@@ -0,0 +1,6 @@
+import { JSX } from 'react';
+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,aAAa,CAAC;AAE3C,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.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const lodashEs = require("lodash-es");
+require("react");
+require("clsx");
+const theme_screens = require("../../theme/screens.cjs");
+const theme_palette = require("../../theme/palette.cjs");
+const stylesheet = require("../../utils/stylesheet.cjs");
+const FormLabel = ({ required, className, children, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      css: {
+        marginBottom: "0.375rem",
+        display: "inline-flex",
+        [theme_screens.mediaQuery("sm")]: { marginBottom: "0.5rem" }
+      },
+      className: stylesheet.cn(className),
+      ...props,
+      children: [
+        lodashEs.isString(children) ? /* @__PURE__ */ jsxRuntime.jsx("label", { children }) : children,
+        required && /* @__PURE__ */ jsxRuntime.jsx("span", { css: { color: theme_palette.getColorVar("red.600") }, children: " *" })
+      ]
+    }
+  );
+};
+exports.FormLabel = FormLabel;

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

@@ -0,0 +1,7 @@
+import { JSX } from 'react';
+import { ShallowMerge } from '../../types';
+export type FormLabelProps = ShallowMerge<JSX.IntrinsicElements['div'], {
+    required?: boolean;
+}>;
+export declare const FormLabel: ({ required, className, 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;AAO5B,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,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,gDAAiD,cAAc,qDAepF,CAAC"}

package/dist/lib/form-label/form-label.js

@@ -0,0 +1,28 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { isString } from "lodash-es";
+import "react";
+import "clsx";
+import { mediaQuery } from "../../theme/screens.js";
+import { getColorVar } from "../../theme/palette.js";
+import { cn } from "../../utils/stylesheet.js";
+const FormLabel = ({ required, className, children, ...props }) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      css: {
+        marginBottom: "0.375rem",
+        display: "inline-flex",
+        [mediaQuery("sm")]: { marginBottom: "0.5rem" }
+      },
+      className: cn(className),
+      ...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

@@ -0,0 +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/generic-element/generic-element.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+const GenericElement = ({ element = "div", children, ...props }, ref) => {
+  return react.createElement(
+    element,
+    {
+      ...props,
+      ref
+    },
+    children
+  );
+};
+const ForwardRefGenericElement = react.forwardRef(GenericElement);
+exports.GenericElement = ForwardRefGenericElement;

package/dist/lib/generic-element/generic-element.d.ts

@@ -0,0 +1,8 @@
+import { HTMLProps } from 'react';
+import { GenericElementProps } from './types';
+declare const GenericElement: <P extends HTMLProps<HTMLElement>, E extends HTMLElement = HTMLElement>({ element, children, ...props }: GenericElementProps<P, E>, ref?: React.ForwardedRef<E>) => import('react').DetailedReactHTMLElement<Omit<GenericElementProps<P, E>, "children" | "element"> & {
+    ref: import('react').ForwardedRef<E> | undefined;
+}, HTMLElement>;
+declare const ForwardRefGenericElement: typeof GenericElement;
+export { ForwardRefGenericElement as GenericElement };
+//# sourceMappingURL=generic-element.d.ts.map

package/dist/lib/generic-element/generic-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"generic-element.d.ts","sourceRoot":"","sources":["../../../src/lib/generic-element/generic-element.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,QAAA,MAAM,cAAc,GAAI,CAAC,SAAS,SAAS,CAAC,WAAW,CAAC,EAAE,CAAC,SAAS,WAAW,iDACpC,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAAC,QAC5D,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;;eAU5B,CAAC;AAEF,QAAA,MAAM,wBAAwB,EAA4C,OAAO,cAAc,CAAC;AAEhG,OAAO,EAAE,wBAAwB,IAAI,cAAc,EAAE,CAAC"}

package/dist/lib/generic-element/generic-element.js

@@ -0,0 +1,15 @@
+import { forwardRef, createElement } from "react";
+const GenericElement = ({ element = "div", children, ...props }, ref) => {
+  return createElement(
+    element,
+    {
+      ...props,
+      ref
+    },
+    children
+  );
+};
+const ForwardRefGenericElement = forwardRef(GenericElement);
+export {
+  ForwardRefGenericElement as GenericElement
+};

package/dist/lib/generic-element/index.d.ts

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

package/dist/lib/generic-element/index.d.ts.map

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

package/dist/lib/generic-element/types.d.ts

@@ -0,0 +1,7 @@
+import { HTMLElementType, Ref } from 'react';
+import { ShallowMerge } from '../../types';
+export type GenericElementProps<P, E> = ShallowMerge<P, {
+    element?: HTMLElementType;
+    ref?: Ref<E>;
+}>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/generic-element/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/generic-element/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,MAAM,MAAM,mBAAmB,CAAC,CAAC,EAAE,CAAC,IAAI,YAAY,CAClD,CAAC,EACD;IACE,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd,CACF,CAAC"}

package/dist/lib/grid/cell/cell.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const lodashEs = require("lodash-es");
+const helpers = require("./helpers.cjs");
+const theme_screens = require("../../../theme/screens.cjs");
+require("../../../theme/palette.cjs");
+const Cell = ({ children, ref, ..._props }) => {
+  const { xs, sm, md, lg, ...rest } = helpers.getCellProps(_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, ...rest, ref, children });
+};
+const createStyle = ({ colSpan, css } = {}) => {
+  return [
+    {
+      gridColumn: lodashEs.isNumber(colSpan) ? `span ${colSpan}` : colSpan
+    },
+    css
+  ];
+};
+exports.Cell = Cell;

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { JSX } from 'react';
+import { PropsWithCSS, ResponsiveDesign } from '../../../types';
+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.cjs

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const lodashEs = require("lodash-es");
+const helpers = require("./helpers.cjs");
+require("react");
+require("clsx");
+const theme_screens = require("../../../theme/screens.cjs");
+require("../../../theme/palette.cjs");
+const stylesheet = require("../../../utils/stylesheet.cjs");
+const GRID_MINIMUM_COLS = 1;
+const GRID_MAXIMUM_COLS = 24;
+const Grid = ({ children, ref, ..._props }) => {
+  const { xs, sm, md, lg, container, className, ...rest } = helpers.getGridProps(_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",
+    {
+      className: stylesheet.cn(
+        {
+          container
+        },
+        className
+      ),
+      css,
+      ...rest,
+      ref,
+      children: /* @__PURE__ */ jsxRuntime.jsx("div", { css: { display: "grid", width: "100%", height: "100%" }, children })
+    }
+  );
+};
+const createStyle = ({ cols, css: { width, height, ...css } = {} } = {}) => {
+  return [
+    {
+      width,
+      height,
+      "& > *": {
+        gridTemplateColumns: lodashEs.isNil(cols) ? void 0 : `repeat(${cols}, minmax(0, 1fr))`,
+        ...css
+      }
+    }
+  ];
+};
+exports.GRID_MAXIMUM_COLS = GRID_MAXIMUM_COLS;
+exports.GRID_MINIMUM_COLS = GRID_MINIMUM_COLS;
+exports.Grid = Grid;

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

@@ -0,0 +1,5 @@
+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,qDA2B3D,CAAC"}

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

@@ -0,0 +1,53 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { isNil } from "lodash-es";
+import { getGridProps } from "./helpers.js";
+import "react";
+import "clsx";
+import { mediaQuery } from "../../../theme/screens.js";
+import "../../../theme/palette.js";
+import { cn } from "../../../utils/stylesheet.js";
+const GRID_MINIMUM_COLS = 1;
+const GRID_MAXIMUM_COLS = 24;
+const Grid = ({ children, ref, ..._props }) => {
+  const { xs, sm, md, lg, container, className, ...rest } = getGridProps(_props);
+  const css = [
+    createStyle(xs),
+    {
+      [mediaQuery("sm")]: createStyle(sm),
+      [mediaQuery("md")]: createStyle(md),
+      [mediaQuery("lg")]: createStyle(lg)
+    }
+  ];
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        {
+          container
+        },
+        className
+      ),
+      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.cjs

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

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

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

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

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

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