@fragments-sdk/ui 0.9.0 → 0.9.2

package/dist/components/Stack/index.js

@@ -0,0 +1,105 @@
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import styles from "./Stack.module.scss.js";
+function isResponsiveDirection(direction) {
+  return typeof direction === "object" && direction !== null;
+}
+function isResponsiveGap(gap) {
+  return typeof gap === "object" && gap !== null;
+}
+const StackRoot = React.forwardRef(
+  function Stack2({
+    children,
+    direction = "column",
+    gap = "md",
+    align,
+    justify,
+    wrap = false,
+    separator,
+    as: Component = "div",
+    className,
+    style
+  }, ref) {
+    let directionClass;
+    let gapClass;
+    let inlineStyle;
+    if (isResponsiveDirection(direction)) {
+      directionClass = styles.directionResponsive;
+      const vars = {};
+      if (direction.base) vars["--fui-stack-direction"] = direction.base;
+      if (direction.sm) vars["--fui-stack-direction-sm"] = direction.sm;
+      if (direction.md) vars["--fui-stack-direction-md"] = direction.md;
+      if (direction.lg) vars["--fui-stack-direction-lg"] = direction.lg;
+      if (direction.xl) vars["--fui-stack-direction-xl"] = direction.xl;
+      inlineStyle = vars;
+    } else {
+      directionClass = styles[direction];
+    }
+    if (isResponsiveGap(gap)) {
+      gapClass = styles.gapResponsive;
+      const gapVars = {};
+      if (gap.base && gap.base !== "none") gapVars["--fui-stack-gap"] = `var(--fui-space-${gapToSpace(gap.base)})`;
+      if (gap.sm && gap.sm !== "none") gapVars["--fui-stack-gap-sm"] = `var(--fui-space-${gapToSpace(gap.sm)})`;
+      if (gap.md && gap.md !== "none") gapVars["--fui-stack-gap-md"] = `var(--fui-space-${gapToSpace(gap.md)})`;
+      if (gap.lg && gap.lg !== "none") gapVars["--fui-stack-gap-lg"] = `var(--fui-space-${gapToSpace(gap.lg)})`;
+      if (gap.xl && gap.xl !== "none") gapVars["--fui-stack-gap-xl"] = `var(--fui-space-${gapToSpace(gap.xl)})`;
+      inlineStyle = { ...inlineStyle, ...gapVars };
+    } else {
+      gapClass = gap !== "none" && styles[`gap-${gap}`];
+    }
+    const classes = [
+      styles.stack,
+      directionClass,
+      gapClass,
+      align && styles[`align-${align}`],
+      justify && styles[`justify-${justify}`],
+      wrap && styles.wrap,
+      className
+    ].filter(Boolean).join(" ");
+    const mergedStyle = inlineStyle ? { ...inlineStyle, ...style } : style;
+    let content = children;
+    if (separator) {
+      const validChildren = React.Children.toArray(children).filter(Boolean);
+      if (validChildren.length > 1) {
+        const resolvedDir = isResponsiveDirection(direction) ? direction.base ?? "column" : direction;
+        const separatorEl = separator === true ? /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: styles.separator,
+            "data-orientation": resolvedDir === "row" ? "vertical" : "horizontal",
+            role: "separator"
+          }
+        ) : separator;
+        const items = [];
+        validChildren.forEach((child, i) => {
+          items.push(child);
+          if (i < validChildren.length - 1) {
+            items.push(
+              /* @__PURE__ */ jsx(React.Fragment, { children: separatorEl }, `sep-${i}`)
+            );
+          }
+        });
+        content = items;
+      }
+    }
+    return /* @__PURE__ */ jsx(Component, { ref, className: classes, style: mergedStyle, children: content });
+  }
+);
+function gapToSpace(gap) {
+  const map = {
+    none: "0",
+    xs: "1",
+    sm: "2",
+    md: "3",
+    lg: "4",
+    xl: "6"
+  };
+  return map[gap];
+}
+const Stack = Object.assign(StackRoot, {
+  Root: StackRoot
+});
+export {
+  Stack
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Stack/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Stack/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport styles from './Stack.module.scss';\n\ntype Direction = 'row' | 'column';\ntype Gap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/** Responsive value — either a single value or per-breakpoint overrides */\nexport interface ResponsiveDirection {\n  /** Default (mobile-first) */\n  base?: Direction;\n  /** ≥640px */\n  sm?: Direction;\n  /** ≥768px */\n  md?: Direction;\n  /** ≥1024px */\n  lg?: Direction;\n  /** ≥1280px */\n  xl?: Direction;\n}\n\n/** Responsive gap value */\nexport interface ResponsiveGap {\n  /** Default (mobile-first) */\n  base?: Gap;\n  /** ≥640px */\n  sm?: Gap;\n  /** ≥768px */\n  md?: Gap;\n  /** ≥1024px */\n  lg?: Gap;\n  /** ≥1280px */\n  xl?: Gap;\n}\n\nexport interface StackProps {\n  children: React.ReactNode;\n  /**\n   * Stack direction.\n   * - A string for fixed direction: `\"row\"` or `\"column\"`\n   * - An object for responsive direction: `{ base: \"column\", md: \"row\" }`\n   */\n  direction?: Direction | ResponsiveDirection;\n  /**\n   * Gap between items.\n   * - A string for fixed gap: `\"sm\"`, `\"md\"`, etc.\n   * - An object for responsive gap: `{ base: \"sm\", md: \"lg\" }`\n   */\n  gap?: Gap | ResponsiveGap;\n  align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';\n  justify?: 'start' | 'center' | 'end' | 'between';\n  wrap?: boolean;\n  /**\n   * Render a separator between each child.\n   * - `true` renders a default 1px border line\n   * - A ReactNode renders custom content between children\n   */\n  separator?: boolean | React.ReactNode;\n  as?: 'div' | 'section' | 'nav' | 'article' | 'aside' | 'header' | 'footer' | 'main' | 'ul' | 'ol';\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction isResponsiveDirection(\n  direction: StackProps['direction']\n): direction is ResponsiveDirection {\n  return typeof direction === 'object' && direction !== null;\n}\n\nfunction isResponsiveGap(gap: StackProps['gap']): gap is ResponsiveGap {\n  return typeof gap === 'object' && gap !== null;\n}\n\nconst StackRoot = React.forwardRef<HTMLElement, StackProps>(\n  function Stack(\n    {\n      children,\n      direction = 'column',\n      gap = 'md',\n      align,\n      justify,\n      wrap = false,\n      separator,\n      as: Component = 'div',\n      className,\n      style,\n    },\n    ref\n  ) {\n    let directionClass: string;\n    let gapClass: string | false;\n    let inlineStyle: React.CSSProperties | undefined;\n\n    // Handle responsive direction\n    if (isResponsiveDirection(direction)) {\n      directionClass = styles.directionResponsive;\n      const vars: Record<string, string> = {};\n      if (direction.base) vars['--fui-stack-direction'] = direction.base;\n      if (direction.sm) vars['--fui-stack-direction-sm'] = direction.sm;\n      if (direction.md) vars['--fui-stack-direction-md'] = direction.md;\n      if (direction.lg) vars['--fui-stack-direction-lg'] = direction.lg;\n      if (direction.xl) vars['--fui-stack-direction-xl'] = direction.xl;\n      inlineStyle = vars as unknown as React.CSSProperties;\n    } else {\n      directionClass = styles[direction];\n    }\n\n    // Handle responsive gap\n    if (isResponsiveGap(gap)) {\n      gapClass = styles.gapResponsive;\n      const gapVars: Record<string, string> = {};\n      if (gap.base && gap.base !== 'none') gapVars['--fui-stack-gap'] = `var(--fui-space-${gapToSpace(gap.base)})`;\n      if (gap.sm && gap.sm !== 'none') gapVars['--fui-stack-gap-sm'] = `var(--fui-space-${gapToSpace(gap.sm)})`;\n      if (gap.md && gap.md !== 'none') gapVars['--fui-stack-gap-md'] = `var(--fui-space-${gapToSpace(gap.md)})`;\n      if (gap.lg && gap.lg !== 'none') gapVars['--fui-stack-gap-lg'] = `var(--fui-space-${gapToSpace(gap.lg)})`;\n      if (gap.xl && gap.xl !== 'none') gapVars['--fui-stack-gap-xl'] = `var(--fui-space-${gapToSpace(gap.xl)})`;\n      inlineStyle = { ...inlineStyle, ...gapVars } as React.CSSProperties;\n    } else {\n      gapClass = gap !== 'none' && styles[`gap-${gap}`];\n    }\n\n    const classes = [\n      styles.stack,\n      directionClass,\n      gapClass,\n      align && styles[`align-${align}`],\n      justify && styles[`justify-${justify}`],\n      wrap && styles.wrap,\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const mergedStyle = inlineStyle ? { ...inlineStyle, ...style } : style;\n\n    // Interleave separator between children when provided\n    let content: React.ReactNode = children;\n    if (separator) {\n      const validChildren = React.Children.toArray(children).filter(Boolean);\n      if (validChildren.length > 1) {\n        const resolvedDir = isResponsiveDirection(direction) ? (direction.base ?? 'column') : direction;\n        const separatorEl = separator === true ? (\n          <div\n            className={styles.separator}\n            data-orientation={resolvedDir === 'row' ? 'vertical' : 'horizontal'}\n            role=\"separator\"\n          />\n        ) : separator;\n\n        const items: React.ReactNode[] = [];\n        validChildren.forEach((child, i) => {\n          items.push(child);\n          if (i < validChildren.length - 1) {\n            items.push(\n              <React.Fragment key={`sep-${i}`}>{separatorEl}</React.Fragment>\n            );\n          }\n        });\n        content = items;\n      }\n    }\n\n    return (\n      <Component ref={ref as React.Ref<never>} className={classes} style={mergedStyle}>\n        {content}\n      </Component>\n    );\n  }\n);\n\n// Map gap prop values to space variable numbers\nfunction gapToSpace(gap: Gap): string {\n  const map: Record<Gap, string> = {\n    none: '0',\n    xs: '1',\n    sm: '2',\n    md: '3',\n    lg: '4',\n    xl: '6',\n  };\n  return map[gap];\n}\n\nexport const Stack = Object.assign(StackRoot, {\n  Root: StackRoot,\n});\n"],"names":["Stack"],"mappings":"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"}

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,2 @@
+export { Switch, type SwitchProps, Toggle, type ToggleProps } from '../Toggle';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/Table/Table.module.scss.cjs

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const wrapper = "_wrapper_14cv1_1";
+const table = "_table_14cv1_6";
+const caption = "_caption_14cv1_14";
+const captionHidden = "_captionHidden_14cv1_23";
+const sm = "_sm_14cv1_35";
+const th = "_th_14cv1_35";
+const td = "_td_14cv1_36";
+const md = "_md_14cv1_41";
+const thead = "_thead_14cv1_47";
+const headerRow = "_headerRow_14cv1_53";
+const headerContent = "_headerContent_14cv1_72";
+const thSortable = "_thSortable_14cv1_78";
+const sortButton = "_sortButton_14cv1_82";
+const sortIndicator = "_sortIndicator_14cv1_121";
+const row = "_row_14cv1_131";
+const clickable = "_clickable_14cv1_142";
+const selected = "_selected_14cv1_156";
+const striped = "_striped_14cv1_169";
+const bordered = "_bordered_14cv1_185";
+const emptyState = "_emptyState_14cv1_191";
+const emptyMessage = "_emptyMessage_14cv1_198";
+const styles = {
+  wrapper,
+  table,
+  caption,
+  captionHidden,
+  sm,
+  th,
+  td,
+  md,
+  thead,
+  headerRow,
+  headerContent,
+  thSortable,
+  sortButton,
+  sortIndicator,
+  row,
+  clickable,
+  selected,
+  striped,
+  bordered,
+  emptyState,
+  emptyMessage
+};
+exports.bordered = bordered;
+exports.caption = caption;
+exports.captionHidden = captionHidden;
+exports.clickable = clickable;
+exports.default = styles;
+exports.emptyMessage = emptyMessage;
+exports.emptyState = emptyState;
+exports.headerContent = headerContent;
+exports.headerRow = headerRow;
+exports.md = md;
+exports.row = row;
+exports.selected = selected;
+exports.sm = sm;
+exports.sortButton = sortButton;
+exports.sortIndicator = sortIndicator;
+exports.striped = striped;
+exports.table = table;
+exports.td = td;
+exports.th = th;
+exports.thSortable = thSortable;
+exports.thead = thead;
+exports.wrapper = wrapper;
+//# sourceMappingURL=Table.module.scss.cjs.map

package/dist/components/Table/Table.module.scss.cjs.map

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

package/dist/components/Table/Table.module.scss.js

@@ -0,0 +1,69 @@
+const wrapper = "_wrapper_14cv1_1";
+const table = "_table_14cv1_6";
+const caption = "_caption_14cv1_14";
+const captionHidden = "_captionHidden_14cv1_23";
+const sm = "_sm_14cv1_35";
+const th = "_th_14cv1_35";
+const td = "_td_14cv1_36";
+const md = "_md_14cv1_41";
+const thead = "_thead_14cv1_47";
+const headerRow = "_headerRow_14cv1_53";
+const headerContent = "_headerContent_14cv1_72";
+const thSortable = "_thSortable_14cv1_78";
+const sortButton = "_sortButton_14cv1_82";
+const sortIndicator = "_sortIndicator_14cv1_121";
+const row = "_row_14cv1_131";
+const clickable = "_clickable_14cv1_142";
+const selected = "_selected_14cv1_156";
+const striped = "_striped_14cv1_169";
+const bordered = "_bordered_14cv1_185";
+const emptyState = "_emptyState_14cv1_191";
+const emptyMessage = "_emptyMessage_14cv1_198";
+const styles = {
+  wrapper,
+  table,
+  caption,
+  captionHidden,
+  sm,
+  th,
+  td,
+  md,
+  thead,
+  headerRow,
+  headerContent,
+  thSortable,
+  sortButton,
+  sortIndicator,
+  row,
+  clickable,
+  selected,
+  striped,
+  bordered,
+  emptyState,
+  emptyMessage
+};
+export {
+  bordered,
+  caption,
+  captionHidden,
+  clickable,
+  styles as default,
+  emptyMessage,
+  emptyState,
+  headerContent,
+  headerRow,
+  md,
+  row,
+  selected,
+  sm,
+  sortButton,
+  sortIndicator,
+  striped,
+  table,
+  td,
+  th,
+  thSortable,
+  thead,
+  wrapper
+};
+//# sourceMappingURL=Table.module.scss.js.map

package/dist/components/Table/Table.module.scss.js.map

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

package/dist/components/Table/index.d.ts

@@ -0,0 +1,69 @@
+import * as React from 'react';
+import '../../styles/globals.scss';
+/** Column definition compatible with @tanstack/react-table */
+export type ColumnDef<TData = unknown, TValue = unknown> = {
+    id?: string;
+    accessorKey?: string;
+    accessorFn?: (row: TData) => TValue;
+    header?: string | ((context: any) => React.ReactNode);
+    cell?: string | ((context: any) => React.ReactNode);
+    size?: number;
+    minSize?: number;
+    maxSize?: number;
+    enableSorting?: boolean;
+    [key: string]: unknown;
+};
+export type SortingState = Array<{
+    id: string;
+    desc: boolean;
+}>;
+export type RowSelectionState = Record<string, boolean>;
+type OnChangeFn<T> = ((updaterOrValue: T | ((prev: T) => T)) => void);
+export type TableColumn<T> = ColumnDef<T, unknown>;
+export interface TableProps<T> extends Omit<React.HTMLAttributes<HTMLTableElement>, 'onClick'> {
+    /** Column definitions */
+    columns: TableColumn<T>[];
+    /** Data array */
+    data: T[];
+    /** Unique key extractor for each row */
+    getRowId?: (row: T) => string;
+    /** Enable sorting */
+    sortable?: boolean;
+    /** Controlled sorting state */
+    sorting?: SortingState;
+    /** Sorting change handler */
+    onSortingChange?: OnChangeFn<SortingState>;
+    /** Enable row selection */
+    selectable?: boolean;
+    /** Controlled selection state */
+    rowSelection?: RowSelectionState;
+    /** Selection change handler */
+    onRowSelectionChange?: OnChangeFn<RowSelectionState>;
+    /** Row click handler */
+    onRowClick?: (row: T) => void;
+    /** Empty state message */
+    emptyMessage?: string;
+    /** Size variant */
+    size?: 'sm' | 'md';
+    /** Visible caption for the table (recommended for accessibility) */
+    caption?: string;
+    /** Hide the caption visually but keep it for screen readers */
+    captionHidden?: boolean;
+    /** Show alternating row backgrounds */
+    striped?: boolean;
+    /** Wrap table in a bordered container */
+    bordered?: boolean;
+}
+declare function TableRoot<T>({ columns, data, getRowId, sortable, sorting: controlledSorting, onSortingChange, selectable, rowSelection: controlledRowSelection, onRowSelectionChange, onRowClick, emptyMessage, size, className, caption, captionHidden, striped, bordered, 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, ...htmlProps }: TableProps<T>): import("react/jsx-runtime").JSX.Element | null;
+export declare function createColumns<T>(columns: Array<{
+    key: string;
+    header: string;
+    width?: number;
+    cell?: (row: T) => React.ReactNode;
+}>): TableColumn<T>[];
+export declare const Table: typeof TableRoot & {
+    Root: typeof TableRoot;
+    Columns: typeof createColumns;
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/TableOfContents/TableOfContents.module.scss.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "_root_hqjlc_1";
+const title = "_title_hqjlc_7";
+const list = "_list_hqjlc_12";
+const item = "_item_hqjlc_20";
+const link = "_link_hqjlc_24";
+const indent = "_indent_hqjlc_43";
+const active = "_active_hqjlc_47";
+const styles = {
+  root,
+  title,
+  list,
+  item,
+  link,
+  indent,
+  active
+};
+exports.active = active;
+exports.default = styles;
+exports.indent = indent;
+exports.item = item;
+exports.link = link;
+exports.list = list;
+exports.root = root;
+exports.title = title;
+//# sourceMappingURL=TableOfContents.module.scss.cjs.map

package/dist/components/TableOfContents/TableOfContents.module.scss.cjs.map

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

package/dist/components/TableOfContents/TableOfContents.module.scss.js

@@ -0,0 +1,27 @@
+const root = "_root_hqjlc_1";
+const title = "_title_hqjlc_7";
+const list = "_list_hqjlc_12";
+const item = "_item_hqjlc_20";
+const link = "_link_hqjlc_24";
+const indent = "_indent_hqjlc_43";
+const active = "_active_hqjlc_47";
+const styles = {
+  root,
+  title,
+  list,
+  item,
+  link,
+  indent,
+  active
+};
+export {
+  active,
+  styles as default,
+  indent,
+  item,
+  link,
+  list,
+  root,
+  title
+};
+//# sourceMappingURL=TableOfContents.module.scss.js.map

package/dist/components/TableOfContents/TableOfContents.module.scss.js.map

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

package/dist/components/TableOfContents/index.cjs

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const TableOfContents_module = require("./TableOfContents.module.scss.cjs");
+const index = require("../Text/index.cjs");
+function TableOfContentsRoot({
+  children,
+  label = "Table of contents",
+  title = "On This Page",
+  hideTitle = false,
+  className,
+  ...htmlProps
+}) {
+  const classes = [TableOfContents_module.default.root, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("nav", { "aria-label": label, className: classes, ...htmlProps, children: [
+    !hideTitle && /* @__PURE__ */ jsxRuntime.jsx(index.Text, { as: "p", variant: "section-label", className: TableOfContents_module.default.title, children: title }),
+    /* @__PURE__ */ jsxRuntime.jsx("ul", { className: TableOfContents_module.default.list, children })
+  ] });
+}
+function TableOfContentsItem({
+  children,
+  id,
+  active = false,
+  indent = false,
+  className,
+  onClick,
+  ...htmlProps
+}) {
+  const linkClasses = [
+    TableOfContents_module.default.link,
+    indent && TableOfContents_module.default.indent,
+    active && TableOfContents_module.default.active,
+    className
+  ].filter(Boolean).join(" ");
+  const handleClick = (e) => {
+    e.preventDefault();
+    const el = document.getElementById(id);
+    if (el) {
+      el.scrollIntoView({ behavior: "smooth" });
+      history.replaceState(null, "", `#${id}`);
+    }
+    onClick == null ? void 0 : onClick(e);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { className: TableOfContents_module.default.item, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      href: `#${id}`,
+      className: linkClasses,
+      onClick: handleClick,
+      "aria-current": active ? "true" : void 0,
+      ...htmlProps,
+      children
+    }
+  ) });
+}
+const TableOfContents = Object.assign(TableOfContentsRoot, {
+  Item: TableOfContentsItem
+});
+exports.TableOfContents = TableOfContents;
+exports.TableOfContentsItem = TableOfContentsItem;
+exports.TableOfContentsRoot = TableOfContentsRoot;
+//# sourceMappingURL=index.cjs.map

package/dist/components/TableOfContents/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/TableOfContents/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './TableOfContents.module.scss';\nimport { Text } from '../Text';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface TableOfContentsProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Label for the nav landmark (default: \"Table of contents\") */\n  label?: string;\n  /** Title displayed above the list (default: \"On This Page\") */\n  title?: string;\n  /** Hide the title */\n  hideTitle?: boolean;\n}\n\nexport interface TableOfContentsItemProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {\n  children: React.ReactNode;\n  /** The heading ID to link to */\n  id: string;\n  /** Whether this item is currently active/visible */\n  active?: boolean;\n  /** Indent level — use for sub-headings (h3, h4, etc.) */\n  indent?: boolean;\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction TableOfContentsRoot({\n  children,\n  label = 'Table of contents',\n  title = 'On This Page',\n  hideTitle = false,\n  className,\n  ...htmlProps\n}: TableOfContentsProps) {\n  const classes = [styles.root, className].filter(Boolean).join(' ');\n\n  return (\n    <nav aria-label={label} className={classes} {...htmlProps}>\n      {!hideTitle && (\n        <Text as=\"p\" variant=\"section-label\" className={styles.title}>\n          {title}\n        </Text>\n      )}\n      <ul className={styles.list}>\n        {children}\n      </ul>\n    </nav>\n  );\n}\n\nfunction TableOfContentsItem({\n  children,\n  id,\n  active = false,\n  indent = false,\n  className,\n  onClick,\n  ...htmlProps\n}: TableOfContentsItemProps) {\n  const linkClasses = [\n    styles.link,\n    indent && styles.indent,\n    active && styles.active,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    const el = document.getElementById(id);\n    if (el) {\n      el.scrollIntoView({ behavior: 'smooth' });\n      history.replaceState(null, '', `#${id}`);\n    }\n    onClick?.(e);\n  };\n\n  return (\n    <li className={styles.item}>\n      <a\n        href={`#${id}`}\n        className={linkClasses}\n        onClick={handleClick}\n        aria-current={active ? 'true' : undefined}\n        {...htmlProps}\n      >\n        {children}\n      </a>\n    </li>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const TableOfContents = Object.assign(TableOfContentsRoot, {\n  Item: TableOfContentsItem,\n});\n\n// Re-export individual components\nexport { TableOfContentsRoot, TableOfContentsItem };\n"],"names":["styles","jsx","Text"],"mappings":";;;;;AAkCA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,QAAM,UAAU,CAACA,uBAAAA,QAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjE,yCACG,OAAA,EAAI,cAAY,OAAO,WAAW,SAAU,GAAG,WAC7C,UAAA;AAAA,IAAA,CAAC,aACAC,2BAAAA,IAACC,MAAAA,MAAA,EAAK,IAAG,KAAI,SAAQ,iBAAgB,WAAWF,uBAAAA,QAAO,OACpD,UAAA,MAAA,CACH;AAAA,IAEFC,2BAAAA,IAAC,MAAA,EAAG,WAAWD,uBAAAA,QAAO,MACnB,SAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA6B;AAC3B,QAAM,cAAc;AAAA,IAClBA,uBAAAA,QAAO;AAAA,IACP,UAAUA,uBAAAA,QAAO;AAAA,IACjB,UAAUA,uBAAAA,QAAO;AAAA,IACjB;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,QAAM,cAAc,CAAC,MAA2C;AAC9D,MAAE,eAAA;AACF,UAAM,KAAK,SAAS,eAAe,EAAE;AACrC,QAAI,IAAI;AACN,SAAG,eAAe,EAAE,UAAU,SAAA,CAAU;AACxC,cAAQ,aAAa,MAAM,IAAI,IAAI,EAAE,EAAE;AAAA,IACzC;AACA,uCAAU;AAAA,EACZ;AAEA,SACEC,2BAAAA,IAAC,MAAA,EAAG,WAAWD,uBAAAA,QAAO,MACpB,UAAAC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM,IAAI,EAAE;AAAA,MACZ,WAAW;AAAA,MACX,SAAS;AAAA,MACT,gBAAc,SAAS,SAAS;AAAA,MAC/B,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAMO,MAAM,kBAAkB,OAAO,OAAO,qBAAqB;AAAA,EAChE,MAAM;AACR,CAAC;;;;"}

package/dist/components/TableOfContents/index.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+export interface TableOfContentsProps extends React.HTMLAttributes<HTMLElement> {
+    children: React.ReactNode;
+    /** Label for the nav landmark (default: "Table of contents") */
+    label?: string;
+    /** Title displayed above the list (default: "On This Page") */
+    title?: string;
+    /** Hide the title */
+    hideTitle?: boolean;
+}
+export interface TableOfContentsItemProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {
+    children: React.ReactNode;
+    /** The heading ID to link to */
+    id: string;
+    /** Whether this item is currently active/visible */
+    active?: boolean;
+    /** Indent level — use for sub-headings (h3, h4, etc.) */
+    indent?: boolean;
+}
+declare function TableOfContentsRoot({ children, label, title, hideTitle, className, ...htmlProps }: TableOfContentsProps): import("react/jsx-runtime").JSX.Element;
+declare function TableOfContentsItem({ children, id, active, indent, className, onClick, ...htmlProps }: TableOfContentsItemProps): import("react/jsx-runtime").JSX.Element;
+export declare const TableOfContents: typeof TableOfContentsRoot & {
+    Item: typeof TableOfContentsItem;
+};
+export { TableOfContentsRoot, TableOfContentsItem };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/TableOfContents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableOfContents/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC7E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gEAAgE;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+DAA+D;IAC/D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,wBAAyB,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IAC/G,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gCAAgC;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAMD,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,KAA2B,EAC3B,KAAsB,EACtB,SAAiB,EACjB,SAAS,EACT,GAAG,SAAS,EACb,EAAE,oBAAoB,2CAetB;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,EAAE,EACF,MAAc,EACd,MAAc,EACd,SAAS,EACT,OAAO,EACP,GAAG,SAAS,EACb,EAAE,wBAAwB,2CA+B1B;AAMD,eAAO,MAAM,eAAe;;CAE1B,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/TableOfContents/index.js

@@ -0,0 +1,62 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import styles from "./TableOfContents.module.scss.js";
+import { Text } from "../Text/index.js";
+function TableOfContentsRoot({
+  children,
+  label = "Table of contents",
+  title = "On This Page",
+  hideTitle = false,
+  className,
+  ...htmlProps
+}) {
+  const classes = [styles.root, className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("nav", { "aria-label": label, className: classes, ...htmlProps, children: [
+    !hideTitle && /* @__PURE__ */ jsx(Text, { as: "p", variant: "section-label", className: styles.title, children: title }),
+    /* @__PURE__ */ jsx("ul", { className: styles.list, children })
+  ] });
+}
+function TableOfContentsItem({
+  children,
+  id,
+  active = false,
+  indent = false,
+  className,
+  onClick,
+  ...htmlProps
+}) {
+  const linkClasses = [
+    styles.link,
+    indent && styles.indent,
+    active && styles.active,
+    className
+  ].filter(Boolean).join(" ");
+  const handleClick = (e) => {
+    e.preventDefault();
+    const el = document.getElementById(id);
+    if (el) {
+      el.scrollIntoView({ behavior: "smooth" });
+      history.replaceState(null, "", `#${id}`);
+    }
+    onClick == null ? void 0 : onClick(e);
+  };
+  return /* @__PURE__ */ jsx("li", { className: styles.item, children: /* @__PURE__ */ jsx(
+    "a",
+    {
+      href: `#${id}`,
+      className: linkClasses,
+      onClick: handleClick,
+      "aria-current": active ? "true" : void 0,
+      ...htmlProps,
+      children
+    }
+  ) });
+}
+const TableOfContents = Object.assign(TableOfContentsRoot, {
+  Item: TableOfContentsItem
+});
+export {
+  TableOfContents,
+  TableOfContentsItem,
+  TableOfContentsRoot
+};
+//# sourceMappingURL=index.js.map

package/dist/components/TableOfContents/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/TableOfContents/index.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport styles from './TableOfContents.module.scss';\nimport { Text } from '../Text';\n\n// ============================================\n// Types\n// ============================================\n\nexport interface TableOfContentsProps extends React.HTMLAttributes<HTMLElement> {\n  children: React.ReactNode;\n  /** Label for the nav landmark (default: \"Table of contents\") */\n  label?: string;\n  /** Title displayed above the list (default: \"On This Page\") */\n  title?: string;\n  /** Hide the title */\n  hideTitle?: boolean;\n}\n\nexport interface TableOfContentsItemProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'children'> {\n  children: React.ReactNode;\n  /** The heading ID to link to */\n  id: string;\n  /** Whether this item is currently active/visible */\n  active?: boolean;\n  /** Indent level — use for sub-headings (h3, h4, etc.) */\n  indent?: boolean;\n}\n\n// ============================================\n// Components\n// ============================================\n\nfunction TableOfContentsRoot({\n  children,\n  label = 'Table of contents',\n  title = 'On This Page',\n  hideTitle = false,\n  className,\n  ...htmlProps\n}: TableOfContentsProps) {\n  const classes = [styles.root, className].filter(Boolean).join(' ');\n\n  return (\n    <nav aria-label={label} className={classes} {...htmlProps}>\n      {!hideTitle && (\n        <Text as=\"p\" variant=\"section-label\" className={styles.title}>\n          {title}\n        </Text>\n      )}\n      <ul className={styles.list}>\n        {children}\n      </ul>\n    </nav>\n  );\n}\n\nfunction TableOfContentsItem({\n  children,\n  id,\n  active = false,\n  indent = false,\n  className,\n  onClick,\n  ...htmlProps\n}: TableOfContentsItemProps) {\n  const linkClasses = [\n    styles.link,\n    indent && styles.indent,\n    active && styles.active,\n    className,\n  ].filter(Boolean).join(' ');\n\n  const handleClick = (e: React.MouseEvent<HTMLAnchorElement>) => {\n    e.preventDefault();\n    const el = document.getElementById(id);\n    if (el) {\n      el.scrollIntoView({ behavior: 'smooth' });\n      history.replaceState(null, '', `#${id}`);\n    }\n    onClick?.(e);\n  };\n\n  return (\n    <li className={styles.item}>\n      <a\n        href={`#${id}`}\n        className={linkClasses}\n        onClick={handleClick}\n        aria-current={active ? 'true' : undefined}\n        {...htmlProps}\n      >\n        {children}\n      </a>\n    </li>\n  );\n}\n\n// ============================================\n// Export compound component\n// ============================================\n\nexport const TableOfContents = Object.assign(TableOfContentsRoot, {\n  Item: TableOfContentsItem,\n});\n\n// Re-export individual components\nexport { TableOfContentsRoot, TableOfContentsItem };\n"],"names":[],"mappings":";;;AAkCA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,QAAM,UAAU,CAAC,OAAO,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAEjE,8BACG,OAAA,EAAI,cAAY,OAAO,WAAW,SAAU,GAAG,WAC7C,UAAA;AAAA,IAAA,CAAC,aACA,oBAAC,MAAA,EAAK,IAAG,KAAI,SAAQ,iBAAgB,WAAW,OAAO,OACpD,UAAA,MAAA,CACH;AAAA,IAEF,oBAAC,MAAA,EAAG,WAAW,OAAO,MACnB,SAAA,CACH;AAAA,EAAA,GACF;AAEJ;AAEA,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA6B;AAC3B,QAAM,cAAc;AAAA,IAClB,OAAO;AAAA,IACP,UAAU,OAAO;AAAA,IACjB,UAAU,OAAO;AAAA,IACjB;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,QAAM,cAAc,CAAC,MAA2C;AAC9D,MAAE,eAAA;AACF,UAAM,KAAK,SAAS,eAAe,EAAE;AACrC,QAAI,IAAI;AACN,SAAG,eAAe,EAAE,UAAU,SAAA,CAAU;AACxC,cAAQ,aAAa,MAAM,IAAI,IAAI,EAAE,EAAE;AAAA,IACzC;AACA,uCAAU;AAAA,EACZ;AAEA,SACE,oBAAC,MAAA,EAAG,WAAW,OAAO,MACpB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM,IAAI,EAAE;AAAA,MACZ,WAAW;AAAA,MACX,SAAS;AAAA,MACT,gBAAc,SAAS,SAAS;AAAA,MAC/B,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;AAMO,MAAM,kBAAkB,OAAO,OAAO,qBAAqB;AAAA,EAChE,MAAM;AACR,CAAC;"}

package/dist/components/Tabs/Tabs.module.scss.cjs

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const root = "_root_165zt_1";
+const list = "_list_165zt_10";
+const listPills = "_listPills_165zt_26";
+const tab = "_tab_165zt_35";
+const tabUnderline = "_tabUnderline_165zt_83";
+const tabPills = "_tabPills_165zt_92";
+const indicator = "_indicator_165zt_106";
+const panel = "_panel_165zt_127";
+const panelFlush = "_panelFlush_165zt_140";
+const styles = {
+  root,
+  list,
+  listPills,
+  tab,
+  tabUnderline,
+  tabPills,
+  indicator,
+  panel,
+  panelFlush
+};
+exports.default = styles;
+exports.indicator = indicator;
+exports.list = list;
+exports.listPills = listPills;
+exports.panel = panel;
+exports.panelFlush = panelFlush;
+exports.root = root;
+exports.tab = tab;
+exports.tabPills = tabPills;
+exports.tabUnderline = tabUnderline;
+//# sourceMappingURL=Tabs.module.scss.cjs.map

package/dist/components/Tabs/Tabs.module.scss.cjs.map

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