@janbox/storefront-ui 1.0.0

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

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

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

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const react = require("react");
+const react$1 = require("motion/react");
+const theme_screens = require("../../../theme/screens.cjs");
+require("../../../theme/palette.cjs");
+const helpers = require("../tabs/helpers.cjs");
+const TabIndicator = () => {
+  const { activeIndex, tabIndicatorProps } = helpers.useTabsContext();
+  const indicatorEl = react.useRef(null);
+  const [indicatorRect, setIndicatorRect] = react.useState({
+    left: 0,
+    width: 0
+  });
+  const [activeTabElement, setActiveTabElement] = react.useState();
+  react.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]);
+  react.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),
+    {
+      [theme_screens.mediaQuery("sm")]: createStyle(tabIndicatorProps == null ? void 0 : tabIndicatorProps.sm),
+      [theme_screens.mediaQuery("md")]: createStyle(tabIndicatorProps == null ? void 0 : tabIndicatorProps.md)
+    }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react$1.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];
+};
+exports.TabIndicator = TabIndicator;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,40 @@
+"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 helpers$1 = require("../tab/helpers.cjs");
+const utils_index = require("../../../utils/index.cjs");
+const theme_screens = require("../../../theme/screens.cjs");
+require("../../../theme/palette.cjs");
+const emotionHelpers = require("../../../utils/emotion-helpers.cjs");
+const tabIndicator = require("../tab-indicator/tab-indicator.cjs");
+const stylesheet = require("../../../utils/stylesheet.cjs");
+const TabList = react.forwardRef((_props, ref) => {
+  const { xs, sm, md, lg, children, className, ...props } = helpers.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,
+    {
+      [theme_screens.mediaQuery("sm")]: sm == null ? void 0 : sm.css,
+      [theme_screens.mediaQuery("md")]: md == null ? void 0 : md.css,
+      [theme_screens.mediaQuery("lg")]: lg == null ? void 0 : lg.css
+    }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { css: [css, emotionHelpers.scrollbarNone], className: stylesheet.cn(className), ...props, ref, children: [
+    utils_index.flattenChildren(children).map((child, index) => /* @__PURE__ */ jsxRuntime.jsx(helpers$1.TabIndexContext.Provider, { value: index, children: child }, index)),
+    /* @__PURE__ */ jsxRuntime.jsx(tabIndicator.TabIndicator, {})
+  ] });
+});
+exports.TabList = TabList;

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

@@ -0,0 +1,3 @@
+import { TabListProps } from './types';
+export declare const TabList: import('react').ForwardRefExoticComponent<Omit<TabListProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+//# 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":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AASvC,eAAO,MAAM,OAAO,sHAkClB,CAAC"}

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

@@ -0,0 +1,40 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { forwardRef } from "react";
+import { getTabListProps } from "./helpers.js";
+import { TabIndexContext } from "../tab/helpers.js";
+import { flattenChildren } from "../../../utils/index.js";
+import { mediaQuery } from "../../../theme/screens.js";
+import "../../../theme/palette.js";
+import { scrollbarNone } from "../../../utils/emotion-helpers.js";
+import { TabIndicator } from "../tab-indicator/tab-indicator.js";
+import { cn } from "../../../utils/stylesheet.js";
+const TabList = forwardRef((_props, ref) => {
+  const { xs, sm, md, lg, children, className, ...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, scrollbarNone], className: cn(className), ...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

@@ -0,0 +1,8 @@
+import { JSX } from 'react';
+import { PropsWithCSS, ResponsiveDesign } from '../../../types';
+type TabListHTMLProps = Omit<JSX.IntrinsicElements['div'], 'is'>;
+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.cjs

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const theme_screens = require("../../../theme/screens.cjs");
+require("../../../theme/palette.cjs");
+const utils_index = require("../../../utils/index.cjs");
+const helpers = require("../tabs/helpers.cjs");
+const TabPanel = ({ children, ref, ..._props }) => {
+  const { tabPanelProps: defaultTabPanelProps = {} } = helpers.useTabsContext();
+  const { xs, sm, md, lg, ...props } = utils_index.mergeComponentProps(defaultTabPanelProps, _props);
+  const css = [
+    xs == null ? void 0 : xs.css,
+    {
+      [theme_screens.mediaQuery("sm")]: sm == null ? void 0 : sm.css,
+      [theme_screens.mediaQuery("md")]: md == null ? void 0 : md.css,
+      [theme_screens.mediaQuery("lg")]: lg == null ? void 0 : lg.css
+    }
+  ];
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, ref, css, children });
+};
+exports.TabPanel = TabPanel;

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

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

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

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const react = require("react");
+require("lodash-es");
+const theme_palette = require("../../../theme/palette.cjs");
+const utils_index = require("../../../utils/index.cjs");
+const defaultProps = {
+  tabProps: {
+    color: "neutral",
+    variant: "text",
+    states: {
+      active: {
+        color: "primary",
+        variant: "text"
+      }
+    }
+  },
+  tabIndicatorProps: {
+    xs: {
+      css: {
+        height: 2,
+        backgroundColor: theme_palette.getColorVar("primary.600")
+      }
+    }
+  }
+};
+const getTabsProps = (extended) => {
+  return utils_index.mergeComponentProps(defaultProps, extended);
+};
+const TabsContext = react.createContext({});
+const useTabsContext = () => {
+  return react.useContext(TabsContext);
+};
+exports.TabsContext = TabsContext;
+exports.getTabsProps = getTabsProps;
+exports.useTabsContext = useTabsContext;

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

@@ -0,0 +1,13 @@
+import { TabsProps } from './types';
+export declare const getTabsProps: (extended: TabsProps) => TabsProps;
+export type TabsContextValue = {
+    activeIndex: number;
+    focusTab: (index: number) => void;
+    tabProps?: TabsProps['tabProps'];
+    tabIndicatorProps?: TabsProps['tabIndicatorProps'];
+    tabPanelProps?: TabsProps['tabPanelProps'];
+    preventActiveTabChange: TabsProps['preventActiveTabChange'];
+};
+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

@@ -0,0 +1,36 @@
+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")
+      }
+    }
+  }
+};
+const getTabsProps = (extended) => {
+  return mergeComponentProps(defaultProps, extended);
+};
+const TabsContext = createContext({});
+const useTabsContext = () => {
+  return useContext(TabsContext);
+};
+export {
+  TabsContext,
+  getTabsProps,
+  useTabsContext
+};

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

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