@janbox/storefront-ui 1.0.14 → 1.0.16

package/dist/lib/table/table-head/table-head.js

@@ -0,0 +1,33 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import "lodash-es";
+import { getColorVar } from "../../../theme/palette.js";
+import { Primitive } from "../../primitive/primitive.js";
+const TableHead = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx(
+    Primitive,
+    {
+      as: "thead",
+      xs: {
+        css: {
+          position: "relative",
+          fontWeight: 500,
+          "&::after": {
+            content: '""',
+            position: "absolute",
+            bottom: 0,
+            left: 0,
+            right: 0,
+            borderTopWidth: 1,
+            borderTopStyle: "solid",
+            borderTopColor: getColorVar("neutral.200")
+          }
+        }
+      },
+      ...props,
+      children
+    }
+  );
+};
+export {
+  TableHead
+};

package/dist/lib/table/table-head/types.d.ts

@@ -1,3 +1,4 @@
-import { PrimitiveProps } from "../../../lib/primitive";
-import { JSX } from "react";
+import { PrimitiveProps } from '../../primitive';
+import { JSX } from 'react';
 export type TableHeadProps = PrimitiveProps<JSX.IntrinsicElements["thead"]>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/table/table-head/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-head/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,CAAC"}

package/dist/lib/table/table-row/index.d.ts

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

package/dist/lib/table/table-row/index.d.ts.map

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

package/dist/lib/table/table-row/table-row.d.ts

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

package/dist/lib/table/table-row/table-row.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-row.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-row/table-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,eAAO,MAAM,QAAQ,2BAA4B,aAAa,qDAE7D,CAAC"}

package/dist/lib/table/table-row/table-row.js

@@ -0,0 +1,7 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+const TableRow = ({ children, ...props }) => {
+  return /* @__PURE__ */ jsx("tr", { ...props, children });
+};
+export {
+  TableRow
+};

package/dist/lib/table/table-row/types.d.ts

@@ -1,2 +1,3 @@
 import { JSX } from 'react';
 export type TableRowProps = JSX.IntrinsicElements['tr'];
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/table/table-row/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/table/table-row/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,MAAM,MAAM,aAAa,GAAG,GAAG,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC"}

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

@@ -3,3 +3,4 @@ export * from './tab-list';
 export * from './tab';
 export * from './tab-content';
 export * from './tab-panel';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/tabs/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC"}

package/dist/lib/tabs/tab/helpers.d.ts

@@ -1,2 +1,3 @@
-export declare const TabIndexContext: import("react").Context<number>;
+export declare const TabIndexContext: import('react').Context<number>;
 export declare const useTabIndexContext: () => number;
+//# sourceMappingURL=helpers.d.ts.map

package/dist/lib/tabs/tab/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab/helpers.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,iCAAoB,CAAC;AAEjD,eAAO,MAAM,kBAAkB,cAE9B,CAAC"}

package/dist/lib/tabs/tab/helpers.js

@@ -1,5 +1,9 @@
-import { createContext, useContext } from 'react';
-export const TabIndexContext = createContext(-1);
-export const useTabIndexContext = () => {
-    return useContext(TabIndexContext);
+import { createContext, useContext } from "react";
+const TabIndexContext = createContext(-1);
+const useTabIndexContext = () => {
+  return useContext(TabIndexContext);
+};
+export {
+  TabIndexContext,
+  useTabIndexContext
 };

package/dist/lib/tabs/tab/index.d.ts

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

package/dist/lib/tabs/tab/index.d.ts.map

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

package/dist/lib/tabs/tab/tab.d.ts

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

package/dist/lib/tabs/tab/tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAKnC,eAAO,MAAM,GAAG,iCAAkC,QAAQ,qDAwBzD,CAAC"}

package/dist/lib/tabs/tab/tab.js

@@ -0,0 +1,26 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { mergeComponentProps } from "../../../utils/index.js";
+import { useTabIndexContext } from "./helpers.js";
+import { useTabsContext } from "../tabs/helpers.js";
+import { Button } from "../../button/button.js";
+const Tab = ({ children, ref, ..._props }) => {
+  var _a;
+  const { focusTab, activeIndex, tabProps: defaultTabProps = {}, preventActiveTabChange } = useTabsContext();
+  const { color, states, ...rest } = mergeComponentProps(defaultTabProps, _props);
+  const tabIndex = useTabIndexContext();
+  const isTabActive = tabIndex === activeIndex;
+  const onClick = (e) => {
+    var _a2;
+    e.preventDefault();
+    if (preventActiveTabChange) {
+      !isTabActive && focusTab(tabIndex);
+    } else {
+      focusTab(tabIndex);
+    }
+    (_a2 = rest.onClick) == null ? void 0 : _a2.call(rest, e);
+  };
+  return /* @__PURE__ */ jsx(Button, { ...rest, onClick, color: isTabActive ? (_a = states == null ? void 0 : states.active) == null ? void 0 : _a.color : color, ref, children });
+};
+export {
+  Tab
+};

package/dist/lib/tabs/tab/types.d.ts

@@ -11,3 +11,4 @@ export interface TabExtendedProps extends ResponsiveDesign<TabResponsiveProps> {
     }>>;
 }
 export type TabProps = ShallowMerge<ButtonProps, TabExtendedProps>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/tabs/tab/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAC,gBAAgB,EAAE,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAE9D,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAC;AAEhC,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB,CAAC,kBAAkB,CAAC;IAC5E,MAAM,CAAC,EAAE,OAAO,CACd,MAAM,CACJ,QAAQ,EACR;QACE,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;QAC7B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;KAClC,CACF,CACF,CAAC;CACH;AAED,MAAM,MAAM,QAAQ,GAAG,YAAY,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC"}

package/dist/lib/tabs/tab-content/index.d.ts

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

package/dist/lib/tabs/tab-content/index.d.ts.map

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

package/dist/lib/tabs/tab-content/tab-content.d.ts

@@ -1,3 +1,4 @@
-export declare const TabContent: import("react").ForwardRefExoticComponent<{
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabContent: import('react').ForwardRefExoticComponent<{
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=tab-content.d.ts.map

package/dist/lib/tabs/tab-content/tab-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-content.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-content/tab-content.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU;;kDAgBrB,CAAC"}

package/dist/lib/tabs/tab-content/tab-content.js

@@ -0,0 +1,22 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { flattenChildren } from "../../../utils/index.js";
+import { useTabsContext } from "../tabs/helpers.js";
+const TabContent = forwardRef(({ children, ...rest }, ref) => {
+  const { activeIndex } = useTabsContext();
+  const flattenedChildren = flattenChildren(children);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      css: {
+        display: "contents"
+      },
+      ...rest,
+      ref,
+      children: flattenedChildren.find((_, index) => index === activeIndex)
+    }
+  );
+});
+export {
+  TabContent
+};

package/dist/lib/tabs/tab-content/types.d.ts

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

package/dist/lib/tabs/tab-content/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-content/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC"}

package/dist/lib/tabs/tab-indicator/index.d.ts

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

package/dist/lib/tabs/tab-indicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-indicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC"}

package/dist/lib/tabs/tab-indicator/tab-indicator.d.ts

@@ -1 +1,2 @@
 export declare const TabIndicator: () => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tab-indicator.d.ts.map

package/dist/lib/tabs/tab-indicator/tab-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-indicator.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-indicator/tab-indicator.tsx"],"names":[],"mappings":"AAaA,eAAO,MAAM,YAAY,wDAyFxB,CAAC"}

package/dist/lib/tabs/tab-indicator/tab-indicator.js

@@ -0,0 +1,92 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useRef, useState, useEffect } from "react";
+import { motion } from "motion/react";
+import { mediaQuery } from "../../../theme/screens.js";
+import "../../../theme/palette.js";
+import { useTabsContext } from "../tabs/helpers.js";
+const TabIndicator = () => {
+  const { activeIndex, tabIndicatorProps } = useTabsContext();
+  const indicatorEl = useRef(null);
+  const [indicatorRect, setIndicatorRect] = useState({
+    left: 0,
+    width: 0
+  });
+  const [activeTabElement, setActiveTabElement] = useState();
+  useEffect(() => {
+    var _a;
+    const tabListEl = (_a = indicatorEl.current) == null ? void 0 : _a.parentElement;
+    setActiveTabElement(tabListEl == null ? void 0 : tabListEl.children.item(activeIndex));
+    const mutationObserver = new MutationObserver((mutations) => {
+      var _a2;
+      const target = (_a2 = mutations.at(0)) == null ? void 0 : _a2.target;
+      if (target instanceof Element) {
+        setActiveTabElement(target.children.item(activeIndex));
+      }
+    });
+    if (tabListEl) {
+      mutationObserver.observe(tabListEl, {
+        childList: true
+      });
+    }
+    return () => {
+      mutationObserver.disconnect();
+    };
+  }, [activeIndex]);
+  useEffect(() => {
+    const resizeObserver = new ResizeObserver((entries) => {
+      var _a;
+      const target = (_a = entries.at(0)) == null ? void 0 : _a.target;
+      const parentElement = target == null ? void 0 : target.parentElement;
+      if (!target || !parentElement) {
+        return;
+      }
+      const targetRect = target.getBoundingClientRect();
+      const parentRect = parentElement.getBoundingClientRect();
+      setIndicatorRect({
+        left: targetRect.left - parentRect.left + parentElement.scrollLeft,
+        width: targetRect.width
+      });
+    });
+    if (activeTabElement) {
+      resizeObserver.observe(activeTabElement);
+    }
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [activeTabElement]);
+  const css = [
+    {
+      position: "absolute",
+      bottom: 0,
+      left: 0,
+      backgroundColor: "currentcolor",
+      borderRadius: 8
+    },
+    createStyle(tabIndicatorProps == null ? void 0 : tabIndicatorProps.xs),
+    {
+      [mediaQuery("sm")]: createStyle(tabIndicatorProps == null ? void 0 : tabIndicatorProps.sm),
+      [mediaQuery("md")]: createStyle(tabIndicatorProps == null ? void 0 : tabIndicatorProps.md)
+    }
+  ];
+  return /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      initial: {
+        transform: "translateX(0)",
+        width: 0
+      },
+      animate: {
+        width: indicatorRect.width,
+        transform: `translateX(${indicatorRect.left}px)`
+      },
+      ref: indicatorEl,
+      css
+    }
+  );
+};
+const createStyle = ({ css } = {}) => {
+  return [css];
+};
+export {
+  TabIndicator
+};

package/dist/lib/tabs/tab-indicator/types.d.ts

@@ -1,3 +1,4 @@
-import { PropsWithCSS, ResponsiveDesign } from "../../../types";
+import { PropsWithCSS, ResponsiveDesign } from '../../../types';
 export type TabIndicatorResponsiveProps = PropsWithCSS;
 export type TabIndicatorProps = ResponsiveDesign<TabIndicatorResponsiveProps>;
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/tabs/tab-indicator/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-indicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,MAAM,MAAM,2BAA2B,GAAG,YAAY,CAAC;AAEvD,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,CAAC,2BAA2B,CAAC,CAAC"}

package/dist/lib/tabs/tab-list/helpers.d.ts

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

package/dist/lib/tabs/tab-list/helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-list/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAMvC,eAAO,MAAM,eAAe,aAAc,YAAY,iBAErD,CAAC"}

package/dist/lib/tabs/tab-list/helpers.js

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

package/dist/lib/tabs/tab-list/index.d.ts

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

package/dist/lib/tabs/tab-list/index.d.ts.map

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

package/dist/lib/tabs/tab-list/tab-list.d.ts

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

package/dist/lib/tabs/tab-list/tab-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-list.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-list/tab-list.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AASvC,eAAO,MAAM,OAAO,iCAAkC,YAAY,qDAkCjE,CAAC"}

package/dist/lib/tabs/tab-list/tab-list.js

@@ -0,0 +1,38 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { getTabListProps } from "./helpers.js";
+import { TabIndexContext } from "../tab/helpers.js";
+import { mediaQuery } from "../../../theme/screens.js";
+import "../../../theme/palette.js";
+import { flattenChildren } from "../../../utils/index.js";
+import { scrollbarNoneStyle } from "../../../constants/emotion.js";
+import { TabIndicator } from "../tab-indicator/tab-indicator.js";
+const TabList = ({ ref, children, ..._props }) => {
+  const { xs, sm, md, lg, ...props } = getTabListProps(_props);
+  const css = [
+    {
+      display: "flex",
+      width: "fit-content",
+      maxWidth: "100%",
+      alignItems: "center",
+      gap: 16,
+      position: "relative",
+      overflow: "auto",
+      "& > *": {
+        flexShrink: 0
+      }
+    },
+    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
+    }
+  ];
+  return /* @__PURE__ */ jsxs("div", { css: [css, scrollbarNoneStyle], ...props, ref, children: [
+    flattenChildren(children).map((child, index) => /* @__PURE__ */ jsx(TabIndexContext.Provider, { value: index, children: child }, index)),
+    /* @__PURE__ */ jsx(TabIndicator, {})
+  ] });
+};
+export {
+  TabList
+};

package/dist/lib/tabs/tab-list/types.d.ts

@@ -5,3 +5,4 @@ export interface TabListExtendedProps extends ResponsiveDesign<PropsWithCSS> {
 }
 export type TabListProps = TabListHTMLProps & TabListExtendedProps;
 export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/tabs/tab-list/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-list/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,KAAK,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;AAEjE,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB,CAAC,YAAY,CAAC;CAAG;AAE/E,MAAM,MAAM,YAAY,GAAG,gBAAgB,GAAG,oBAAoB,CAAC"}

package/dist/lib/tabs/tab-panel/helpers.d.ts

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

package/dist/lib/tabs/tab-panel/helpers.d.ts.map

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

package/dist/lib/tabs/tab-panel/helpers.js

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

package/dist/lib/tabs/tab-panel/index.d.ts

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

package/dist/lib/tabs/tab-panel/index.d.ts.map

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

package/dist/lib/tabs/tab-panel/tab-panel.d.ts

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

package/dist/lib/tabs/tab-panel/tab-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-panel.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-panel/tab-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAOxC,eAAO,MAAM,QAAQ,iCAAkC,aAAa,qDAkBnE,CAAC"}

package/dist/lib/tabs/tab-panel/tab-panel.js

@@ -0,0 +1,21 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { mediaQuery } from "../../../theme/screens.js";
+import "../../../theme/palette.js";
+import { mergeComponentProps } from "../../../utils/index.js";
+import { useTabsContext } from "../tabs/helpers.js";
+const TabPanel = ({ children, ref, ..._props }) => {
+  const { tabPanelProps: defaultTabPanelProps = {} } = useTabsContext();
+  const { xs, sm, md, lg, ...props } = mergeComponentProps(defaultTabPanelProps, _props);
+  const 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
+    }
+  ];
+  return /* @__PURE__ */ jsx("div", { ...props, ref, css, children });
+};
+export {
+  TabPanel
+};

package/dist/lib/tabs/tab-panel/types.d.ts

@@ -4,3 +4,4 @@ interface TabPanelExtendedProps extends ResponsiveDesign<PropsWithCSS> {
 }
 export type TabPanelProps = ShallowMerge<JSX.IntrinsicElements['div'], TabPanelExtendedProps>;
 export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/tabs/tab-panel/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tab-panel/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,UAAU,qBAAsB,SAAQ,gBAAgB,CAAC,YAAY,CAAC;CAAG;AAEzE,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,qBAAqB,CAAC,CAAC"}

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

@@ -8,5 +8,6 @@ export type TabsContextValue = {
     tabPanelProps?: TabsProps['tabPanelProps'];
     preventActiveTabChange: TabsProps['preventActiveTabChange'];
 };
-export declare const TabsContext: import("react").Context<TabsContextValue>;
+export declare const TabsContext: import('react').Context<TabsContextValue>;
 export declare const useTabsContext: () => TabsContextValue;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/tabs/tabs/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AA0BpC,eAAO,MAAM,YAAY,aAAc,SAAS,cAE/C,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,iBAAiB,CAAC,EAAE,SAAS,CAAC,mBAAmB,CAAC,CAAC;IACnD,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC3C,sBAAsB,EAAE,SAAS,CAAC,wBAAwB,CAAC,CAAC;CAC7D,CAAC;AAEF,eAAO,MAAM,WAAW,2CAAwC,CAAC;AAEjE,eAAO,MAAM,cAAc,wBAE1B,CAAC"}

package/dist/lib/tabs/tabs/helpers.js

@@ -1,30 +1,36 @@
-import { createContext, useContext } from 'react';
-import { getColorVar } from '../../../theme';
-import { mergeComponentProps } from '../../../utils';
+import { createContext, useContext } from "react";
+import "lodash-es";
+import { getColorVar } from "../../../theme/palette.js";
+import { mergeComponentProps } from "../../../utils/index.js";
 const defaultProps = {
-    tabProps: {
-        color: 'neutral',
-        variant: 'text',
-        states: {
-            active: {
-                color: 'primary',
-                variant: 'text',
-            },
-        },
-    },
-    tabIndicatorProps: {
-        xs: {
-            css: {
-                height: 2,
-                backgroundColor: getColorVar('primary.600'),
-            },
-        },
-    },
+  tabProps: {
+    color: "neutral",
+    variant: "text",
+    states: {
+      active: {
+        color: "primary",
+        variant: "text"
+      }
+    }
+  },
+  tabIndicatorProps: {
+    xs: {
+      css: {
+        height: 2,
+        backgroundColor: getColorVar("primary.600")
+      }
+    }
+  }
 };
-export const getTabsProps = (extended) => {
-    return mergeComponentProps(defaultProps, extended);
+const getTabsProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
 };
-export const TabsContext = createContext({});
-export const useTabsContext = () => {
-    return useContext(TabsContext);
+const TabsContext = createContext({});
+const useTabsContext = () => {
+  return useContext(TabsContext);
+};
+export {
+  TabsContext,
+  getTabsProps,
+  useTabsContext
 };

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

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

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

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

package/dist/lib/tabs/tabs/tabs.d.ts

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

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

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