paris 0.23.0 → 0.24.0

package/dist/stories/table/Table.js

@@ -0,0 +1,91 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useId, useMemo, createElement } from 'react';
+import { clsx } from 'clsx';
+import typography from '../text/Typography.module.css.js';
+import styles from './Table.module.scss.js';
+
+function Table({
+  columns,
+  rows,
+  rowRenderFn,
+  onRowClick,
+  clickableRows = true,
+  emptyState,
+  overrides
+}) {
+  const id = useId();
+  const rowsRenderData = useMemo(
+    () => rows.map(
+      rowRenderFn ?? ((row) => ({
+        key: Object.values(row).join("-"),
+        cells: Object.values(row)
+      }))
+    ),
+    [rows, rowRenderFn]
+  );
+  const renderedRows = useMemo(
+    () => rowsRenderData.map(({ key, cells }, index) => /* @__PURE__ */ jsx(
+      "tr",
+      {
+        onClick: () => {
+          if (clickableRows) onRowClick?.(rows[index]);
+        },
+        onKeyDown: (e) => {
+          if (clickableRows && (e.key === "Enter" || e.key === " ")) onRowClick?.(rows[index]);
+        },
+        tabIndex: clickableRows ? 0 : void 0,
+        ...overrides?.trBody,
+        className: clsx(clickableRows && styles.clickable, overrides?.trBody?.className),
+        children: cells.map((cell, i) => /* @__PURE__ */ jsx(
+          "td",
+          {
+            ...overrides?.td,
+            className: clsx(
+              typography.paragraphXSmall,
+              styles[columns[i].hideBelow ?? ""],
+              overrides?.td?.className
+            ),
+            children: cell
+          },
+          `${id}-cell-${key}-${columns[i].title}`
+        ))
+      },
+      `${id}-row-${key}`
+    )),
+    [clickableRows, columns, id, onRowClick, overrides?.td, overrides?.trBody, rows, rowsRenderData]
+  );
+  return /* @__PURE__ */ jsxs(
+    "table",
+    {
+      ...{
+        ...overrides?.table,
+        className: clsx(styles.table, overrides?.table?.className)
+      },
+      children: [
+        /* @__PURE__ */ jsx("thead", { ...overrides?.thead, children: /* @__PURE__ */ jsx("tr", { ...overrides?.trHead, className: clsx(styles.tableHeader, overrides?.trHead?.className), children: columns.map((column) => /* @__PURE__ */ createElement(
+          "th",
+          {
+            ...{
+              ...overrides?.th,
+              className: clsx(
+                typography.labelXSmall,
+                styles[column.hideBelow ?? ""],
+                overrides?.th?.className
+              )
+            },
+            key: `${id}-header-${column.title.toString()}`
+          },
+          column.title
+        )) }) }),
+        /* @__PURE__ */ jsxs("tbody", { ...overrides?.tbody, children: [
+          renderedRows.length === 0 && emptyState && /* @__PURE__ */ jsx("tr", { className: styles.empty, children: /* @__PURE__ */ jsx("td", { colSpan: columns.length, className: styles.emptyState, children: emptyState }) }),
+          renderedRows
+        ] })
+      ]
+    }
+  );
+}
+
+export { Table };
+//# sourceMappingURL=Table.js.map

package/dist/stories/table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../src/stories/table/Table.tsx"],"sourcesContent":["'use client';\n\nimport { clsx } from 'clsx';\nimport type { ComponentPropsWithoutRef, ReactNode } from 'react';\nimport { useId, useMemo } from 'react';\nimport typography from '../text/Typography.module.css';\nimport styles from './Table.module.scss';\n\nexport type TableLineData = [NonNullable<ReactNode>, ...ReactNode[]];\nexport type RowRenderData = {\n    key: string;\n    cells: TableLineData;\n};\n/**\n * The data for a column in a table.\n */\nexport type ColumnData = {\n    /**\n     * The column's header.\n     */\n    title: NonNullable<ReactNode>;\n    /**\n     * The breakpoint at which the column should be hidden. If omitted, the column will always be visible.\n     */\n    hideBelow?: 'sm' | 'md' | 'lg' | 'xl';\n};\n\nexport type TableProps<\n    RowData extends Record<string, any>[],\n    // HeaderNodeArray extends TableLineData = TableLineData,\n> = {\n    /**\n     * The table headers. Must include at least one header.\n     */\n    columns: ColumnData[];\n    /**\n     * The table rows, as an array of objects.\n     */\n    rows: RowData;\n    /**\n     * A function that will be called for each row to compute the row's content. If omitted, the row will render the `Object.values` of the row data.\n     *\n     * The function should return an object containing a property named `key` for the row's React key (should be a unique id), and a property named `nodes` containing an array of React nodes to be rendered as cells in the row.\n     * @param row - The data for the row being rendered.\n     * @returns An object containing a property named `key` for the row's React key (should be a unique id), and a property named `cells` containing an array of React nodes to be rendered as cells in the row.\n     * @see RowRenderData\n     */\n    rowRenderFn?: (row: RowData[number]) => RowRenderData;\n    /**\n     * A function that will be called when a row is clicked.\n     * @param row - The data for the row being clicked.\n     */\n    onRowClick?: (row: RowData[number]) => void | Promise<void>;\n    /**\n     * Whether the rows should be clickable.\n     */\n    clickableRows?: boolean;\n\n    /**\n     * The content to display when the table is empty.\n     */\n    emptyState?: ReactNode;\n    /**\n     * Prop overrides for rendered elements.\n     */\n    overrides?: {\n        table?: ComponentPropsWithoutRef<'table'>;\n        thead?: ComponentPropsWithoutRef<'thead'>;\n        tbody?: ComponentPropsWithoutRef<'tbody'>;\n        trHead?: ComponentPropsWithoutRef<'tr'>;\n        th?: ComponentPropsWithoutRef<'th'>;\n        trBody?: ComponentPropsWithoutRef<'tr'>;\n        td?: ComponentPropsWithoutRef<'td'>;\n    };\n};\n\n/**\n * A Table component.\n *\n * <hr />\n *\n * To use this component, import it as follows:\n *\n * ```js\n * import { Table } from 'paris/table';\n * ```\n * @constructor\n */\nexport function Table<RowData extends Record<string, any>[]>({\n    columns,\n    rows,\n    rowRenderFn,\n    onRowClick,\n    clickableRows = true,\n    emptyState,\n    overrides,\n}: TableProps<RowData>) {\n    const id = useId();\n    const rowsRenderData = useMemo(\n        () =>\n            rows.map(\n                rowRenderFn ??\n                    ((row) => ({\n                        key: Object.values(row).join('-'),\n                        cells: Object.values(row),\n                    })),\n            ),\n        [rows, rowRenderFn],\n    );\n\n    const renderedRows = useMemo(\n        () =>\n            rowsRenderData.map(({ key, cells }, index) => (\n                <tr\n                    key={`${id}-row-${key}`}\n                    onClick={() => {\n                        if (clickableRows) onRowClick?.(rows[index]);\n                    }}\n                    onKeyDown={(e) => {\n                        if (clickableRows && (e.key === 'Enter' || e.key === ' ')) onRowClick?.(rows[index]);\n                    }}\n                    tabIndex={clickableRows ? 0 : undefined}\n                    {...overrides?.trBody}\n                    className={clsx(clickableRows && styles.clickable, overrides?.trBody?.className)}\n                >\n                    {cells.map((cell, i) => (\n                        <td\n                            key={`${id}-cell-${key}-${columns[i].title}`}\n                            {...overrides?.td}\n                            className={clsx(\n                                typography.paragraphXSmall,\n                                styles[columns[i].hideBelow ?? ''],\n                                overrides?.td?.className,\n                            )}\n                        >\n                            {cell}\n                        </td>\n                    ))}\n                </tr>\n            )),\n        [clickableRows, columns, id, onRowClick, overrides?.td, overrides?.trBody, rows, rowsRenderData],\n    );\n\n    return (\n        <table\n            {...{\n                ...overrides?.table,\n                className: clsx(styles.table, overrides?.table?.className),\n            }}\n        >\n            <thead {...overrides?.thead}>\n                <tr {...overrides?.trHead} className={clsx(styles.tableHeader, overrides?.trHead?.className)}>\n                    {columns.map((column) => (\n                        <th\n                            {...{\n                                ...overrides?.th,\n                                className: clsx(\n                                    typography.labelXSmall,\n                                    styles[column.hideBelow ?? ''],\n                                    overrides?.th?.className,\n                                ),\n                            }}\n                            key={`${id}-header-${column.title.toString()}`}\n                        >\n                            {column.title}\n                        </th>\n                    ))}\n                </tr>\n            </thead>\n            <tbody {...overrides?.tbody}>\n                {renderedRows.length === 0 && emptyState && (\n                    <tr className={styles.empty}>\n                        <td colSpan={columns.length} className={styles.emptyState}>\n                            {emptyState}\n                        </td>\n                    </tr>\n                )}\n                {renderedRows}\n            </tbody>\n        </table>\n    );\n}\n"],"names":[],"mappings":"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"}

package/dist/stories/table/Table.module.css

@@ -0,0 +1,60 @@
+.paris_table_BdqlG {
+  width: 100%;
+}
+.paris_table_BdqlG, .paris_table_BdqlG * {
+  cursor: default;
+}
+.paris_table_BdqlG thead {
+  text-align: left;
+  user-select: none;
+}
+.paris_table_BdqlG th {
+  color: var(--pte-new-colors-contentSecondary);
+  padding: 10px 12px;
+}
+.paris_table_BdqlG td {
+  padding: 8px 12px;
+}
+.paris_table_BdqlG tr {
+  border-bottom: 1px solid var(--pte-new-colors-borderSubtle);
+}
+.paris_table_BdqlG .paris_tableHeader_Uz1-B {
+  border-top: 1px solid var(--pte-new-colors-borderMedium);
+  border-bottom: 1px solid var(--pte-new-colors-borderMedium);
+}
+.paris_table_BdqlG tr.paris_empty_5JeGO {
+  border-bottom: none;
+}
+.paris_table_BdqlG tr.paris_empty_5JeGO td {
+  padding: 20px 0 0 0;
+}
+.paris_table_BdqlG tbody tr.paris_clickable_g4EbF {
+  transition: background-color var(--pte-animations-interaction);
+}
+.paris_table_BdqlG tbody tr.paris_clickable_g4EbF:hover {
+  background-color: var(--pte-new-colors-overlayMedium);
+}
+.paris_table_BdqlG tbody tr.paris_clickable_g4EbF, .paris_table_BdqlG tbody tr.paris_clickable_g4EbF * {
+  cursor: pointer;
+}
+
+@container (max-width: 480px) {
+  .paris_sm_06lH9 {
+    display: none;
+  }
+}
+@container (max-width: 640px) {
+  .paris_md_TAkB6 {
+    display: none;
+  }
+}
+@container (max-width: 768px) {
+  .paris_lg_Tk0q9 {
+    display: none;
+  }
+}
+@container (max-width: 1280px) {
+  .paris_xl_ZwD05 {
+    display: none;
+  }
+}

package/dist/stories/table/Table.module.scss.js

@@ -0,0 +1,21 @@
+import './Table.module.css';const table = "paris_table_BdqlG";
+const tableHeader = "paris_tableHeader_Uz1-B";
+const empty = "paris_empty_5JeGO";
+const clickable = "paris_clickable_g4EbF";
+const sm = "paris_sm_06lH9";
+const md = "paris_md_TAkB6";
+const lg = "paris_lg_Tk0q9";
+const xl = "paris_xl_ZwD05";
+const styles = {
+	table: table,
+	tableHeader: tableHeader,
+	empty: empty,
+	clickable: clickable,
+	sm: sm,
+	md: md,
+	lg: lg,
+	xl: xl
+};
+
+export { clickable, styles as default, empty, lg, md, sm, table, tableHeader, xl };
+//# sourceMappingURL=Table.module.scss.js.map

package/dist/stories/table/Table.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/dist/stories/table/index.js

@@ -0,0 +1,2 @@
+export { Table } from './Table.js';
+//# sourceMappingURL=index.js.map

package/dist/stories/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/stories/tabs/Tabs.d.ts

@@ -0,0 +1,74 @@
+import { TabListProps } from '@ariakit/react';
+import { TabGroupProps, TabPanelProps, TabProps } from '@headlessui/react';
+import { CSSLength } from '@ssh/csstypes';
+import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
+export type TabsProps = {
+    /**
+     * The tabs to render.
+     */
+    tabs: {
+        /** The title of the tab. */
+        title: string;
+        /** The content of the tab. */
+        content: ReactNode;
+    }[];
+    /**
+     * The width of each tab. Defaults to `150px`.
+     */
+    tabWidth?: CSSLength;
+    /**
+     * Stylistic alternates for the tabs.
+     * `fixed` will rely on the `tabWidth` prop and default to 150px;
+     * `compact` will use an alternate intrinsically-sized style that ignores the `tabWidth` prop;
+     * `auto` will use fixed style on larger screens and switch to compact style on smaller screens (below 640px, the default Paris theme's medium breakpoint).
+     * `full` will use a full-width style that ignores the `tabWidth` prop, with a taller height as well
+     * @default auto
+     */
+    kind?: 'fixed' | 'compact' | 'auto' | 'full';
+    /**
+     * The thickness of the bottom bar. Defaults to `thick`.
+     */
+    barStyle?: 'thick' | 'thin';
+    /**
+     * The background style, with `default` being transparent and `glass` being a glassmorphism effect. Defaults to `default`.
+     */
+    backgroundStyle?: 'default' | 'glass';
+    /**
+     * The default index of the tab to render. Defaults to `0`.
+     */
+    defaultIndex?: number;
+    /**
+     * Pass in a controlled index to control the selected tab.
+     */
+    index?: number;
+    /**
+     * An optional handler for tab changes.
+     * @param index - The index of the tab that was selected.
+     */
+    onTabChange?: (index: number) => void | Promise<void>;
+    /**
+     * Prop overrides for other rendered elements. Overrides for the input itself should be passed directly to the component.
+     */
+    overrides?: {
+        group?: TabGroupProps<'div'>;
+        panel?: TabPanelProps<'div'>;
+        panelContainer?: ComponentPropsWithoutRef<'div'>;
+        tabList?: TabListProps<'div'>;
+        tabListBorder?: ComponentPropsWithoutRef<'div'>;
+        tabBackground?: ComponentPropsWithoutRef<'div'>;
+        tab?: TabProps<'div'>;
+    };
+};
+/**
+ * A Tabs component.
+ *
+ * <hr />
+ *
+ * To use this component, import it as follows:
+ *
+ * ```js
+ * import { Tabs } from 'paris/tabs';
+ * ```
+ * @constructor
+ */
+export declare const Tabs: FC<TabsProps>;

package/dist/stories/tabs/Tabs.js

@@ -0,0 +1,128 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { TabGroup, TabList, Tab, TabPanels, TabPanel } from '@headlessui/react';
+import { clsx } from 'clsx';
+import { motion } from 'framer-motion';
+import { useId, useState } from 'react';
+import typography from '../text/Typography.module.css.js';
+import { easeInOutExpo } from '../utility/EasingFunctions.js';
+import styles from './Tabs.module.scss.js';
+
+const Tabs = ({
+  tabs,
+  tabWidth = "150px",
+  kind = "auto",
+  barStyle = "thick",
+  backgroundStyle = "default",
+  defaultIndex = 0,
+  index,
+  onTabChange,
+  overrides
+}) => {
+  const id = useId();
+  const [selectedIndex, setSelectedIndex] = useState(defaultIndex);
+  return /* @__PURE__ */ jsxs(
+    TabGroup,
+    {
+      as: "div",
+      selectedIndex: index ?? selectedIndex,
+      onChange: (i) => {
+        setSelectedIndex(i);
+        if (onTabChange) {
+          onTabChange?.(i);
+        }
+      },
+      ...overrides?.group,
+      className: clsx(styles.tabGroup, styles[backgroundStyle], overrides?.group?.className),
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ...overrides?.tabBackground,
+            className: clsx(styles.tabBackground, styles[backgroundStyle], overrides?.tabBackground?.className),
+            style: {
+              ...backgroundStyle === "glass" ? {
+                backdropFilter: "var(--pte-new-blurs-strong)",
+                WebkitBackdropFilter: "var(--pte-new-blurs-strong)"
+              } : {},
+              ...overrides?.tabBackground?.style
+            },
+            children: [
+              /* @__PURE__ */ jsx(
+                TabList,
+                {
+                  ...overrides?.tabList,
+                  style: {
+                    "--tab-width": tabWidth,
+                    "--tab-index": `${index ?? selectedIndex}`,
+                    ...overrides?.tabList?.style || {}
+                  },
+                  className: clsx(
+                    styles.tabList,
+                    styles[barStyle],
+                    styles[backgroundStyle],
+                    overrides?.tabList?.className
+                  ),
+                  children: tabs.map(({ title }, i) => /* @__PURE__ */ jsxs(
+                    Tab,
+                    {
+                      ...overrides?.tab,
+                      className: clsx(typography.paragraphXSmall, styles.tab, styles[kind]),
+                      children: [
+                        title,
+                        i === (index ?? selectedIndex) && /* @__PURE__ */ jsx(
+                          motion.div,
+                          {
+                            className: clsx(styles.activeTabUnderline, styles[barStyle]),
+                            layoutId: `${id}-tab-active-border`,
+                            transition: {
+                              ease: easeInOutExpo
+                            }
+                          },
+                          `${id}-tab-active-border`
+                        )
+                      ]
+                    },
+                    `${id}-tab-${title}`
+                  ))
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  ...overrides?.tabListBorder,
+                  className: clsx(styles.tabListBorder, styles[barStyle], overrides?.tabListBorder?.className)
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          TabPanels,
+          {
+            ...overrides?.panelContainer,
+            className: clsx(styles.tabPanels, styles[backgroundStyle], overrides?.panelContainer?.className),
+            children: tabs.map(({ title, content }) => /* @__PURE__ */ jsx(
+              TabPanel,
+              {
+                ...overrides?.panel,
+                className: clsx(
+                  styles.panel,
+                  styles[backgroundStyle],
+                  styles[barStyle],
+                  styles[kind],
+                  overrides?.panel?.className
+                ),
+                children: content
+              },
+              `${id}-tab-${title}-content`
+            ))
+          }
+        )
+      ]
+    }
+  );
+};
+
+export { Tabs };
+//# sourceMappingURL=Tabs.js.map

package/dist/stories/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/stories/tabs/Tabs.tsx"],"sourcesContent":["'use client';\n\nimport type { TabListProps } from '@ariakit/react';\nimport type { TabGroupProps, TabPanelProps, TabProps } from '@headlessui/react';\nimport { Tab, TabGroup, TabList, TabPanel, TabPanels } from '@headlessui/react';\nimport type { CSSLength } from '@ssh/csstypes';\nimport { clsx } from 'clsx';\nimport { motion } from 'framer-motion';\nimport type { ComponentPropsWithoutRef, CSSProperties, FC, ReactNode } from 'react';\nimport { useId, useState } from 'react';\nimport typography from '../text/Typography.module.css';\nimport { easeInOutExpo } from '../utility';\nimport styles from './Tabs.module.scss';\n\nexport type TabsProps = {\n    /**\n     * The tabs to render.\n     */\n    tabs: {\n        /** The title of the tab. */\n        title: string;\n        /** The content of the tab. */\n        content: ReactNode;\n    }[];\n    /**\n     * The width of each tab. Defaults to `150px`.\n     */\n    tabWidth?: CSSLength;\n    /**\n     * Stylistic alternates for the tabs.\n     * `fixed` will rely on the `tabWidth` prop and default to 150px;\n     * `compact` will use an alternate intrinsically-sized style that ignores the `tabWidth` prop;\n     * `auto` will use fixed style on larger screens and switch to compact style on smaller screens (below 640px, the default Paris theme's medium breakpoint).\n     * `full` will use a full-width style that ignores the `tabWidth` prop, with a taller height as well\n     * @default auto\n     */\n    kind?: 'fixed' | 'compact' | 'auto' | 'full';\n    /**\n     * The thickness of the bottom bar. Defaults to `thick`.\n     */\n    barStyle?: 'thick' | 'thin';\n    /**\n     * The background style, with `default` being transparent and `glass` being a glassmorphism effect. Defaults to `default`.\n     */\n    backgroundStyle?: 'default' | 'glass';\n    /**\n     * The default index of the tab to render. Defaults to `0`.\n     */\n    defaultIndex?: number;\n    /**\n     * Pass in a controlled index to control the selected tab.\n     */\n    index?: number;\n    /**\n     * An optional handler for tab changes.\n     * @param index - The index of the tab that was selected.\n     */\n    onTabChange?: (index: number) => void | Promise<void>;\n    /**\n     * Prop overrides for other rendered elements. Overrides for the input itself should be passed directly to the component.\n     */\n    overrides?: {\n        group?: TabGroupProps<'div'>;\n        panel?: TabPanelProps<'div'>;\n        panelContainer?: ComponentPropsWithoutRef<'div'>;\n        tabList?: TabListProps<'div'>;\n        tabListBorder?: ComponentPropsWithoutRef<'div'>;\n        tabBackground?: ComponentPropsWithoutRef<'div'>;\n        tab?: TabProps<'div'>;\n    };\n};\n\n/**\n * A Tabs component.\n *\n * <hr />\n *\n * To use this component, import it as follows:\n *\n * ```js\n * import { Tabs } from 'paris/tabs';\n * ```\n * @constructor\n */\nexport const Tabs: FC<TabsProps> = ({\n    tabs,\n    tabWidth = '150px',\n    kind = 'auto',\n    barStyle = 'thick',\n    backgroundStyle = 'default',\n    defaultIndex = 0,\n    index,\n    onTabChange,\n    overrides,\n}) => {\n    const id = useId();\n    const [selectedIndex, setSelectedIndex] = useState(defaultIndex);\n\n    return (\n        <TabGroup\n            as=\"div\"\n            selectedIndex={index ?? selectedIndex}\n            onChange={(i) => {\n                setSelectedIndex(i);\n                if (onTabChange) {\n                    onTabChange?.(i);\n                }\n            }}\n            {...overrides?.group}\n            className={clsx(styles.tabGroup, styles[backgroundStyle], overrides?.group?.className)}\n        >\n            <div\n                {...overrides?.tabBackground}\n                className={clsx(styles.tabBackground, styles[backgroundStyle], overrides?.tabBackground?.className)}\n                style={{\n                    ...(backgroundStyle === 'glass'\n                        ? {\n                              backdropFilter: 'var(--pte-new-blurs-strong)',\n                              WebkitBackdropFilter: 'var(--pte-new-blurs-strong)',\n                          }\n                        : {}),\n                    ...overrides?.tabBackground?.style,\n                }}\n            >\n                <TabList\n                    {...overrides?.tabList}\n                    style={\n                        {\n                            '--tab-width': tabWidth,\n                            '--tab-index': `${index ?? selectedIndex}`,\n                            ...(overrides?.tabList?.style || {}),\n                        } as CSSProperties\n                    }\n                    className={clsx(\n                        styles.tabList,\n                        styles[barStyle],\n                        styles[backgroundStyle],\n                        overrides?.tabList?.className,\n                    )}\n                >\n                    {tabs.map(({ title }, i) => (\n                        <Tab\n                            key={`${id}-tab-${title}`}\n                            {...overrides?.tab}\n                            className={clsx(typography.paragraphXSmall, styles.tab, styles[kind])}\n                        >\n                            {title}\n                            {i === (index ?? selectedIndex) && (\n                                <motion.div\n                                    key={`${id}-tab-active-border`}\n                                    className={clsx(styles.activeTabUnderline, styles[barStyle])}\n                                    layoutId={`${id}-tab-active-border`}\n                                    transition={{\n                                        ease: easeInOutExpo,\n                                    }}\n                                />\n                            )}\n                        </Tab>\n                    ))}\n\n                    {/* <div key={`${id}-tab-active-border`} className={styles.activeTabBorder} /> */}\n                </TabList>\n                <div\n                    {...overrides?.tabListBorder}\n                    className={clsx(styles.tabListBorder, styles[barStyle], overrides?.tabListBorder?.className)}\n                />\n            </div>\n\n            <TabPanels\n                {...overrides?.panelContainer}\n                className={clsx(styles.tabPanels, styles[backgroundStyle], overrides?.panelContainer?.className)}\n            >\n                {tabs.map(({ title, content }) => (\n                    <TabPanel\n                        key={`${id}-tab-${title}-content`}\n                        {...overrides?.panel}\n                        className={clsx(\n                            styles.panel,\n                            styles[backgroundStyle],\n                            styles[barStyle],\n                            styles[kind],\n                            overrides?.panel?.className,\n                        )}\n                    >\n                        {content}\n                    </TabPanel>\n                ))}\n            </TabPanels>\n        </TabGroup>\n    );\n};\n"],"names":[],"mappings":"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"}

package/dist/stories/tabs/Tabs.module.css

@@ -0,0 +1,144 @@
+.paris_tabList_oiZCx {
+  overflow-x: scroll;
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  scrollbar-width: none;
+}
+.paris_tabList_oiZCx::-webkit-scrollbar {
+  display: none;
+}
+.paris_tabList_oiZCx.paris_thick_v-JaE {
+  padding-bottom: 4px;
+}
+.paris_tabList_oiZCx.paris_thin_JoVrb {
+  padding-bottom: 1px;
+}
+.paris_tabList_oiZCx.paris_full_iRdoV {
+  justify-content: stretch;
+}
+
+.paris_tabBackground_ytITA.paris_glass_YQIOd {
+  position: sticky;
+  top: 0;
+  width: 100%;
+  z-index: var(--pte-new-layers-sticky);
+  background: var(--pte-new-materials-primaryThin-background);
+}
+
+.paris_tabGroup_y-jV- {
+  width: 100%;
+  overflow: auto;
+  height: 100%;
+}
+.paris_tabGroup_y-jV-.paris_glass_YQIOd {
+  position: relative;
+  overflow-y: auto;
+  overflow-x: hidden;
+}
+
+.paris_tabListBorder_WS1HQ {
+  width: 100%;
+  position: relative;
+}
+.paris_tabListBorder_WS1HQ.paris_thick_v-JaE {
+  border-bottom: 4px solid var(--pte-new-colors-borderMedium);
+  margin-top: -4px;
+}
+.paris_tabListBorder_WS1HQ.paris_thin_JoVrb {
+  border-bottom: 1px solid var(--pte-new-colors-borderMedium);
+  margin-top: -1px;
+}
+
+.paris_activeTabBorder_7ktvU {
+  position: absolute;
+  bottom: 0;
+  width: var(--tab-width);
+  height: 4px;
+  background-color: var(--pte-new-colors-contentPrimary);
+  transition: transform var(--pte-animations-duration-slow) var(--pte-animations-timing-easeInOutExpo);
+  transform: translateX(calc(var(--tab-width) * var(--tab-index)));
+}
+
+.paris_activeTabUnderline_75cMR {
+  position: absolute;
+  left: 0;
+  right: 0;
+  background-color: var(--pte-new-colors-contentPrimary);
+  z-index: 1;
+  overflow: visible;
+}
+.paris_activeTabUnderline_75cMR.paris_thick_v-JaE {
+  bottom: -4px;
+  height: 4px;
+}
+.paris_activeTabUnderline_75cMR.paris_thin_JoVrb {
+  bottom: -1px;
+  height: 1px;
+}
+
+.paris_tab_BPTlK {
+  position: relative;
+  font-weight: 500 !important;
+  padding: 9px 30px;
+  width: var(--tab-width);
+  flex-shrink: 0;
+  overflow: visible;
+  cursor: default;
+  transition: all var(--pte-animations-duration-normal) var(--pte-animations-timing-easeInOut);
+}
+.paris_tab_BPTlK:not([aria-selected=true]) {
+  color: var(--pte-new-colors-contentTertiary) !important;
+}
+.paris_tab_BPTlK.paris_compact_-sR2e {
+  width: auto;
+  padding: 4px 0 6px 0;
+  margin: 0 20px 0 0;
+}
+.paris_tab_BPTlK.paris_full_iRdoV {
+  width: 100px;
+  padding: 13px 13px;
+  flex-grow: 1;
+}
+.paris_tab_BPTlK.paris_fixed_5Kbrw[aria-selected=true], .paris_tab_BPTlK.paris_full_iRdoV[aria-selected=true] {
+  background-color: var(--pte-new-colors-overlayStrong);
+}
+.paris_tab_BPTlK.paris_fixed_5Kbrw:hover, .paris_tab_BPTlK.paris_full_iRdoV:hover {
+  background-color: var(--pte-new-colors-overlayMedium);
+}
+.paris_tab_BPTlK.paris_fixed_5Kbrw:active, .paris_tab_BPTlK.paris_full_iRdoV:active {
+  background-color: var(--pte-new-colors-overlayStrong);
+}
+@container (min-width: 641px) {
+  .paris_tab_BPTlK.paris_auto_G1ju7[aria-selected=true] {
+    background-color: var(--pte-new-colors-overlayStrong);
+  }
+  .paris_tab_BPTlK.paris_auto_G1ju7:hover {
+    background-color: var(--pte-new-colors-overlayMedium);
+  }
+  .paris_tab_BPTlK.paris_auto_G1ju7:active {
+    background-color: var(--pte-new-colors-overlayStrong);
+  }
+}
+@container (max-width: 640px) {
+  .paris_tab_BPTlK.paris_auto_G1ju7 {
+    width: auto;
+    padding: 4px 0 6px 0;
+    margin: 0 20px 0 0;
+  }
+}
+
+.paris_tabPanels_cqaWU.paris_glass_YQIOd {
+  width: 100%;
+}
+
+.paris_panel_BWe-5 {
+  padding-top: 16px;
+  overflow-y: scroll;
+  height: 100%;
+  width: 100%;
+}
+.paris_panel_BWe-5.paris_glass_YQIOd {
+  overflow-y: visible;
+  height: auto;
+}

package/dist/stories/tabs/Tabs.module.scss.js

@@ -0,0 +1,37 @@
+import './Tabs.module.css';const tabList = "paris_tabList_oiZCx";
+const thick = "paris_thick_v-JaE";
+const thin = "paris_thin_JoVrb";
+const full = "paris_full_iRdoV";
+const tabBackground = "paris_tabBackground_ytITA";
+const glass = "paris_glass_YQIOd";
+const tabGroup = "paris_tabGroup_y-jV-";
+const tabListBorder = "paris_tabListBorder_WS1HQ";
+const activeTabBorder = "paris_activeTabBorder_7ktvU";
+const activeTabUnderline = "paris_activeTabUnderline_75cMR";
+const tab = "paris_tab_BPTlK";
+const compact = "paris_compact_-sR2e";
+const fixed = "paris_fixed_5Kbrw";
+const auto = "paris_auto_G1ju7";
+const tabPanels = "paris_tabPanels_cqaWU";
+const panel = "paris_panel_BWe-5";
+const styles = {
+	tabList: tabList,
+	thick: thick,
+	thin: thin,
+	full: full,
+	tabBackground: tabBackground,
+	glass: glass,
+	tabGroup: tabGroup,
+	tabListBorder: tabListBorder,
+	activeTabBorder: activeTabBorder,
+	activeTabUnderline: activeTabUnderline,
+	tab: tab,
+	compact: compact,
+	fixed: fixed,
+	auto: auto,
+	tabPanels: tabPanels,
+	panel: panel
+};
+
+export { activeTabBorder, activeTabUnderline, auto, compact, styles as default, fixed, full, glass, panel, tab, tabBackground, tabGroup, tabList, tabListBorder, tabPanels, thick, thin };
+//# sourceMappingURL=Tabs.module.scss.js.map

package/dist/stories/tabs/Tabs.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/stories/tabs/index.js

@@ -0,0 +1,2 @@
+export { Tabs } from './Tabs.js';
+//# sourceMappingURL=index.js.map