@vintedsamulionis/lovable-web-ui 70.3.4

package/dist/esm/lib/Tabs/Tabs.js

@@ -0,0 +1,77 @@
+import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
+import { c as classNames } from '../../shared/bind-1a05f4e7.js';
+import { s as styles, T as TabTitle, a as Tab } from '../../shared/Tab-c1d76f7d.js';
+import { Divider } from '../Divider/Divider.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+/* ---------- String-union sources of truth ---------- */
+var TABS_WIDTH_VALUES = ['parent'];
+var TABS_STYLING_VALUES = ['wide'];
+/* ---------- Back-compat shim (deprecated) ---------- */
+var TABS_WIDTH = {
+  Parent: 'parent'
+};
+var TABS_STYLING = {
+  Wide: 'wide'
+};
+var cssClasses = classNames.bind(styles);
+var TabsBase = function TabsBase(_ref) {
+  var _ref$items = _ref.items,
+    items = _ref$items === void 0 ? [] : _ref$items,
+    _ref$role = _ref.role,
+    role = _ref$role === void 0 ? 'tablist' : _ref$role,
+    activeItemId = _ref.activeItemId,
+    width = _ref.width,
+    styling = _ref.styling,
+    onClick = _ref.onClick,
+    testId = _ref.testId,
+    divider = _ref.divider;
+  var tabsClasses = cssClasses('tabs', width, styling);
+  var getTabTestId = function getTabTestId(id) {
+    if (testId) {
+      var _context, _context2;
+      return activeItemId === id ? _concatInstanceProperty(_context = "".concat(testId, "-")).call(_context, id, "--active") : _concatInstanceProperty(_context2 = "".concat(testId, "-")).call(_context2, id);
+    }
+    return undefined;
+  };
+  var tabItems = _mapInstanceProperty(items).call(items, function (item) {
+    return /*#__PURE__*/jsx(Tab, {
+      item: item,
+      role: role === 'tablist' ? 'tab' : 'menuitem',
+      onClick: onClick,
+      isActive: activeItemId === item.id,
+      testId: getTabTestId(item.id)
+    }, item.id);
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: tabsClasses,
+    "data-testid": testId,
+    children: [/*#__PURE__*/jsx("ul", {
+      className: styles.content,
+      role: role,
+      children: tabItems
+    }), divider ? /*#__PURE__*/jsx(Divider, {
+      className: styles.divider
+    }) : null]
+  });
+};
+
+/** The public component type: a React component value that also has deprecated statics */
+
+/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */
+var Tabs = _Object$assign(TabsBase, {
+  /**
+   * @deprecated Use string literals instead: 'parent'
+   */
+  Width: TABS_WIDTH,
+  /**
+   * @deprecated Use string literals instead: 'wide'
+   */
+  Styling: TABS_STYLING,
+  TabTitle: TabTitle
+});
+
+export { TABS_STYLING, TABS_STYLING_VALUES, TABS_WIDTH, TABS_WIDTH_VALUES, Tabs, Tabs as default };
+//# sourceMappingURL=Tabs.js.map

package/dist/esm/lib/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../src/lib/Tabs/Tabs.tsx"],"sourcesContent":["import { MouseEvent } from 'react'\nimport classNames from 'classnames/bind'\n\nimport Tab, { TabTitle } from './Tab'\nimport Divider from '../Divider/Divider'\n\nimport styles from './Tabs.scss'\nimport { Item, ItemId } from './types'\n\n/* ---------- String-union sources of truth ---------- */\nexport const TABS_WIDTH_VALUES = ['parent'] as const\nexport const TABS_STYLING_VALUES = ['wide'] as const\n\nexport type TabsWidth = (typeof TABS_WIDTH_VALUES)[number]\nexport type TabsStyling = (typeof TABS_STYLING_VALUES)[number]\n\n/* ---------- Back-compat shim (deprecated) ---------- */\nexport const TABS_WIDTH = {\n  Parent: 'parent',\n} as const satisfies Record<string, TabsWidth>\n\nexport const TABS_STYLING = {\n  Wide: 'wide',\n} as const satisfies Record<string, TabsStyling>\n\nexport type TabsProps<T extends ItemId> = {\n  items: Array<Item<T>>\n  activeItemId: T\n  width?: TabsWidth\n  styling?: TabsStyling\n  /**\n   * Use tablist when you are using tabs to display dynamic content.\n   * Use menu when you are using tabs like navigation menu\n   */\n  role?: 'tablist' | 'menu'\n  onClick?: (item: Item<T>, event: MouseEvent) => void\n  /**\n   * Adds data-testid attribute to parent and children components.\n   * When used, --active suffix is applied accordingly\n   */\n  testId?: string\n  divider?: boolean\n}\n\nconst cssClasses = classNames.bind(styles)\n\nconst TabsBase = <T extends ItemId>({\n  items = [],\n  role = 'tablist',\n  activeItemId,\n  width,\n  styling,\n  onClick,\n  testId,\n  divider,\n}: TabsProps<T>) => {\n  const tabsClasses = cssClasses('tabs', width, styling)\n\n  const getTabTestId = (id: T) => {\n    if (testId) {\n      return activeItemId === id ? `${testId}-${id}--active` : `${testId}-${id}`\n    }\n\n    return undefined\n  }\n\n  const tabItems = items.map(item => (\n    <Tab\n      key={item.id}\n      item={item}\n      role={role === 'tablist' ? 'tab' : 'menuitem'}\n      onClick={onClick}\n      isActive={activeItemId === item.id}\n      testId={getTabTestId(item.id)}\n    />\n  ))\n\n  return (\n    <div className={tabsClasses} data-testid={testId}>\n      <ul className={styles.content} role={role}>\n        {tabItems}\n      </ul>\n      {divider ? <Divider className={styles.divider} /> : null}\n    </div>\n  )\n}\n\n/** The public component type: a React component value that also has deprecated statics */\nexport type TabsComponent = typeof TabsBase & {\n  /**\n   * @deprecated Use string literals instead: 'parent'\n   */\n  Width: typeof TABS_WIDTH\n  /**\n   * @deprecated Use string literals instead: 'wide'\n   */\n  Styling: typeof TABS_STYLING\n  TabTitle: typeof TabTitle\n}\n\n/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */\nexport const Tabs: TabsComponent = Object.assign(TabsBase, {\n  /**\n   * @deprecated Use string literals instead: 'parent'\n   */\n  Width: TABS_WIDTH,\n  /**\n   * @deprecated Use string literals instead: 'wide'\n   */\n  Styling: TABS_STYLING,\n  TabTitle,\n})\n\nexport default Tabs\n"],"names":["TABS_WIDTH_VALUES","TABS_STYLING_VALUES","TABS_WIDTH","Parent","TABS_STYLING","Wide","cssClasses","classNames","bind","styles","TabsBase","_ref","_ref$items","items","_ref$role","role","activeItemId","width","styling","onClick","testId","divider","tabsClasses","getTabTestId","id","_context","_context2","_concatInstanceProperty","concat","call","undefined","tabItems","_mapInstanceProperty","item","_jsx","Tab","isActive","_jsxs","className","children","content","Divider","Tabs","_Object$assign","Width","Styling","TabTitle"],"mappings":"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"}

package/dist/esm/lib/Tabs/index.js

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

package/dist/esm/lib/Tabs/index.js.map

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

package/dist/esm/lib/Tabs/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/dist/esm/lib/Tabs/types.js.map

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

package/dist/esm/lib/Text/Text.js

@@ -0,0 +1,153 @@
+import _objectSpread from '@babel/runtime-corejs3/helpers/esm/objectSpread2';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
+import _Object$assign from '@babel/runtime-corejs3/core-js-stable/object/assign';
+import { createElement } from 'react';
+import { c as classNames } from '../../shared/bind-1a05f4e7.js';
+import { interpolateWithHtml } from '../../utils/interpolateWithHtml.js';
+
+var styles = {
+  "unit-base": "4",
+  "text": "web_ui__Text__text",
+  "html-content": "web_ui__Text__html-content",
+  "inverse": "web_ui__Text__inverse",
+  "heading-xxl": "web_ui__Text__heading-xxl",
+  "heading-xl": "web_ui__Text__heading-xl",
+  "heading": "web_ui__Text__heading",
+  "section-heading": "web_ui__Text__section-heading",
+  "title": "web_ui__Text__title",
+  "body": "web_ui__Text__body",
+  "user-input": "web_ui__Text__user-input",
+  "subtitle": "web_ui__Text__subtitle",
+  "caption": "web_ui__Text__caption",
+  "primary": "web_ui__Text__primary",
+  "amplified": "web_ui__Text__amplified",
+  "muted": "web_ui__Text__muted",
+  "success": "web_ui__Text__success",
+  "warning": "web_ui__Text__warning",
+  "expose": "web_ui__Text__expose",
+  "left": "web_ui__Text__left",
+  "left@phones": "web_ui__Text__left--phones",
+  "right": "web_ui__Text__right",
+  "right@phones": "web_ui__Text__right--phones",
+  "center": "web_ui__Text__center",
+  "center@phones": "web_ui__Text__center--phones",
+  "parent": "web_ui__Text__parent",
+  "highlight": "web_ui__Text__highlight",
+  "highlight-primary": "web_ui__Text__highlight-primary",
+  "highlight-amplified": "web_ui__Text__highlight-amplified",
+  "highlight-muted": "web_ui__Text__highlight-muted",
+  "highlight-success": "web_ui__Text__highlight-success",
+  "highlight-warning": "web_ui__Text__highlight-warning",
+  "highlight-expose": "web_ui__Text__highlight-expose",
+  "highlight-inverse": "web_ui__Text__highlight-inverse",
+  "bold": "web_ui__Text__bold",
+  "truncated": "web_ui__Text__truncated",
+  "max-lines": "web_ui__Text__max-lines",
+  "clickable": "web_ui__Text__clickable",
+  "underline": "web_ui__Text__underline",
+  "underline-none": "web_ui__Text__underline-none",
+  "strikethrough": "web_ui__Text__strikethrough",
+  "emphasis": "web_ui__Text__emphasis",
+  "inherit": "web_ui__Text__inherit",
+  "format": "web_ui__Text__format",
+  "inline": "web_ui__Text__inline"
+};
+
+var _excluded = ["type", "id", "as", "highlightTheme", "alignment", "text", "highlight", "html", "theme", "width", "children", "truncate", "clickable", "aria", "title", "testId", "underline", "role", "tabIndex", "maxLines", "emphasis"];
+
+/* ---------- String-union sources of truth ---------- */
+var TEXT_TYPE_VALUES = ['heading-xxl', 'heading-xl', 'heading', 'section-heading', 'title', 'body', 'user-input', 'subtitle', 'caption'];
+var TEXT_ALIGNMENT_VALUES = ['left', 'center', 'right'];
+var TEXT_WIDTH_VALUES = ['parent'];
+var TEXT_THEME_VALUES = ['primary', 'amplified', 'muted', 'success', 'warning', 'expose', 'inverse', 'inherit'];
+var TEXT_HIGHLIGHT_THEME_VALUES = ['primary', 'amplified', 'muted', 'success', 'warning'];
+
+/* ---------- Back-compat shim (deprecated) ---------- */
+var TEXT_TYPE = {
+  HeadingXXL: 'heading-xxl',
+  HeadingXL: 'heading-xl',
+  Heading: 'heading',
+  SectionHeading: 'section-heading',
+  Title: 'title',
+  Body: 'body',
+  UserInput: 'user-input',
+  Subtitle: 'subtitle',
+  Caption: 'caption'
+};
+var TEXT_ALIGNMENT = {
+  Left: 'left',
+  Center: 'center',
+  Right: 'right'
+};
+var TEXT_WIDTH = {
+  Parent: 'parent'
+};
+
+/* ---------- Type definitions ---------- */
+
+var cssClasses = classNames.bind(styles);
+var TextBase = function TextBase(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'body' : _ref$type,
+    id = _ref.id,
+    as = _ref.as,
+    _ref$highlightTheme = _ref.highlightTheme,
+    highlightTheme = _ref$highlightTheme === void 0 ? 'amplified' : _ref$highlightTheme,
+    _ref$alignment = _ref.alignment,
+    alignment = _ref$alignment === void 0 ? 'left' : _ref$alignment,
+    _ref$text = _ref.text,
+    text = _ref$text === void 0 ? '' : _ref$text,
+    highlight = _ref.highlight,
+    html = _ref.html,
+    theme = _ref.theme,
+    width = _ref.width,
+    children = _ref.children,
+    truncate = _ref.truncate,
+    clickable = _ref.clickable,
+    aria = _ref.aria,
+    title = _ref.title,
+    testId = _ref.testId,
+    underline = _ref.underline,
+    role = _ref.role,
+    tabIndex = _ref.tabIndex,
+    maxLines = _ref.maxLines,
+    emphasis = _ref.emphasis,
+    booleanClasses = _objectWithoutProperties(_ref, _excluded);
+  var textProp = typeof text === 'number' ? text.toString() : text;
+  var content = textProp || children;
+  var textClass = cssClasses(styles.text, type, alignment, theme, width, booleanClasses, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    clickable: clickable,
+    truncated: truncate
+  }, "highlight-".concat(highlightTheme), highlight), "highlight", highlight), "underline", underline), 'underline-none', underline === false), 'max-lines', typeof maxLines === 'number'), 'html-content', html), "emphasis", emphasis));
+  var elementAttributes = _objectSpread(_objectSpread({}, aria), {}, {
+    title: title,
+    id: id,
+    className: textClass,
+    role: role,
+    tabIndex: tabIndex,
+    'data-testid': testId
+  }, typeof maxLines === 'number' && {
+    style: {
+      '--max-lines': maxLines
+    }
+  });
+  var element = /*#__PURE__*/createElement(as, elementAttributes, content);
+  if (html) return interpolateWithHtml(element);
+  return element;
+};
+
+/** The public component type: a React component value that also has deprecated statics */
+
+/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */
+var Text = _Object$assign(TextBase, {
+  /** @deprecated Use string unions, e.g. type="body" */
+  Type: TEXT_TYPE,
+  /** @deprecated Use string unions, e.g. alignment="center" */
+  Alignment: TEXT_ALIGNMENT,
+  /** @deprecated Use string unions, e.g. width="parent" */
+  Width: TEXT_WIDTH
+});
+
+export { TEXT_ALIGNMENT, TEXT_ALIGNMENT_VALUES, TEXT_HIGHLIGHT_THEME_VALUES, TEXT_THEME_VALUES, TEXT_TYPE, TEXT_TYPE_VALUES, TEXT_WIDTH, TEXT_WIDTH_VALUES, Text, Text as default };
+//# sourceMappingURL=Text.js.map

package/dist/esm/lib/Text/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sources":["../../../../src/lib/Text/Text.tsx"],"sourcesContent":["import { createElement, ReactNode, AriaAttributes, AriaRole, FC } from 'react'\nimport classNames from 'classnames/bind'\n\nimport { Theme, VintedTheme } from '../types'\nimport { interpolateWithHtml } from '../../utils/interpolateWithHtml'\nimport styles from './Text.scss'\n\n/* ---------- String-union sources of truth ---------- */\nexport const TEXT_TYPE_VALUES = [\n  'heading-xxl',\n  'heading-xl',\n  'heading',\n  'section-heading',\n  'title',\n  'body',\n  'user-input',\n  'subtitle',\n  'caption',\n] as const\nexport type TextType = (typeof TEXT_TYPE_VALUES)[number]\n\nexport const TEXT_ALIGNMENT_VALUES = ['left', 'center', 'right'] as const\nexport type TextAlignment = (typeof TEXT_ALIGNMENT_VALUES)[number]\n\nexport const TEXT_WIDTH_VALUES = ['parent'] as const\nexport type TextWidth = (typeof TEXT_WIDTH_VALUES)[number]\n\nexport const TEXT_THEME_VALUES = [\n  'primary',\n  'amplified',\n  'muted',\n  'success',\n  'warning',\n  'expose',\n  'inverse',\n  'inherit',\n] as const satisfies ReadonlyArray<VintedTheme>\n\nexport const TEXT_HIGHLIGHT_THEME_VALUES = [\n  'primary',\n  'amplified',\n  'muted',\n  'success',\n  'warning',\n] as const satisfies ReadonlyArray<VintedTheme>\n\n/* ---------- Back-compat shim (deprecated) ---------- */\nexport const TEXT_TYPE = {\n  HeadingXXL: 'heading-xxl',\n  HeadingXL: 'heading-xl',\n  Heading: 'heading',\n  SectionHeading: 'section-heading',\n  Title: 'title',\n  Body: 'body',\n  UserInput: 'user-input',\n  Subtitle: 'subtitle',\n  Caption: 'caption',\n} as const satisfies Record<string, TextType>\n\nexport const TEXT_ALIGNMENT = {\n  Left: 'left',\n  Center: 'center',\n  Right: 'right',\n} as const satisfies Record<string, TextAlignment>\n\nexport const TEXT_WIDTH = {\n  Parent: 'parent',\n} as const satisfies Record<string, TextWidth>\n\n/* ---------- Type definitions ---------- */\nexport type TextTheme = Theme<(typeof TEXT_THEME_VALUES)[number]>\n\ntype HighlightTheme = Theme<(typeof TEXT_HIGHLIGHT_THEME_VALUES)[number]>\n\nexport type TextProps = {\n  type?: TextType\n  /**\n   * Overrides default HTML element for a specified type.\n   * Accepts valid HTML elements as a string.\n   */\n  id?: string\n  title?: string\n  as: keyof JSX.IntrinsicElements\n  alignment?: TextAlignment\n  text?: ReactNode\n  theme?: TextTheme\n  width?: TextWidth\n  children?: ReactNode\n  bold?: boolean\n  /**\n   * Adds underline to text.\n   * If `clickable: true`, the text will be\n   * underlined on hover even with `underline: false`.\n   */\n  underline?: boolean\n  strikethrough?: boolean\n  /**\n   * Marks text with expose-default background highlight for emphasis.\n   */\n  emphasis?: boolean\n  /**\n   * Indicates that a part of the string is\n   * wrapped with <b> tag and can be styled\n   * using highlightTheme\n   */\n  highlight?: boolean\n  highlightTheme?: HighlightTheme\n  /**\n   * Limits the number of lines of text.\n   * If the text is longer, it will be truncated.\n   */\n  maxLines?: number\n  truncate?: boolean\n  clickable?: boolean\n  html?: boolean\n  format?: boolean\n  inline?: boolean\n  role?: AriaRole\n  tabIndex?: number\n  aria?: AriaAttributes\n  testId?: string\n}\n\nconst cssClasses = classNames.bind(styles)\n\nconst TextBase = ({\n  type = 'body',\n  id,\n  as,\n  highlightTheme = 'amplified',\n  alignment = 'left',\n  text = '',\n  highlight,\n  html,\n  theme,\n  width,\n  children,\n  truncate,\n  clickable,\n  aria,\n  title,\n  testId,\n  underline,\n  role,\n  tabIndex,\n  maxLines,\n  emphasis,\n  ...booleanClasses\n}: TextProps) => {\n  const textProp = typeof text === 'number' ? text.toString() : text\n  const content = textProp || children\n\n  const textClass = cssClasses(styles.text, type, alignment, theme, width, booleanClasses, {\n    clickable,\n    truncated: truncate,\n    [`highlight-${highlightTheme}`]: highlight,\n    highlight,\n    underline,\n    'underline-none': underline === false,\n    'max-lines': typeof maxLines === 'number',\n    'html-content': html,\n    emphasis,\n  })\n\n  const elementAttributes = {\n    ...aria,\n    title,\n    id,\n    className: textClass,\n    role,\n    tabIndex,\n    'data-testid': testId,\n    ...(typeof maxLines === 'number' && { style: { '--max-lines': maxLines } }),\n  }\n\n  const element = createElement(as, elementAttributes, content)\n\n  if (html) return interpolateWithHtml(element)\n\n  return element\n}\n\n/** The public component type: a React component value that also has deprecated statics */\nexport type TextComponent = FC<TextProps> & {\n  /** @deprecated Use string unions, e.g. type=\"body\" */\n  Type: typeof TEXT_TYPE\n  /** @deprecated Use string unions, e.g. alignment=\"center\" */\n  Alignment: typeof TEXT_ALIGNMENT\n  /** @deprecated Use string unions, e.g. width=\"parent\" */\n  Width: typeof TEXT_WIDTH\n}\n\n/** Exported component: arrow fn + statics, deprecations intact, docgen-friendly */\nexport const Text: TextComponent = Object.assign(TextBase, {\n  /** @deprecated Use string unions, e.g. type=\"body\" */\n  Type: TEXT_TYPE,\n  /** @deprecated Use string unions, e.g. alignment=\"center\" */\n  Alignment: TEXT_ALIGNMENT,\n  /** @deprecated Use string unions, e.g. width=\"parent\" */\n  Width: TEXT_WIDTH,\n})\n\nexport default Text\n"],"names":["TEXT_TYPE_VALUES","TEXT_ALIGNMENT_VALUES","TEXT_WIDTH_VALUES","TEXT_THEME_VALUES","TEXT_HIGHLIGHT_THEME_VALUES","TEXT_TYPE","HeadingXXL","HeadingXL","Heading","SectionHeading","Title","Body","UserInput","Subtitle","Caption","TEXT_ALIGNMENT","Left","Center","Right","TEXT_WIDTH","Parent","cssClasses","classNames","bind","styles","TextBase","_ref","_ref$type","type","id","as","_ref$highlightTheme","highlightTheme","_ref$alignment","alignment","_ref$text","text","highlight","html","theme","width","children","truncate","clickable","aria","title","testId","underline","role","tabIndex","maxLines","emphasis","booleanClasses","_objectWithoutProperties","_excluded","textProp","toString","content","textClass","_defineProperty","truncated","concat","elementAttributes","_objectSpread","className","style","element","createElement","interpolateWithHtml","Text","_Object$assign","Type","Alignment","Width"],"mappings":"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"}

package/dist/esm/lib/Text/index.js

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

package/dist/esm/lib/Text/index.js.map

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

package/dist/esm/lib/ThemeProvider/ThemeContext.js

@@ -0,0 +1,26 @@
+import { createContext, useContext } from 'react';
+import { noop } from '../../utils/noop.js';
+
+/* ---------- String-union source of truth ---------- */
+var COLOR_MODE_VALUES = ['light', 'dark'];
+/* ---------- Back-compat exports (deprecated) ---------- */
+/** @deprecated Use string literals: 'light' | 'dark' */
+// @ts-ignore – allow const + type name reuse for backward compatibility
+var ColorMode = {
+  Light: 'light',
+  Dark: 'dark'
+};
+
+/* ---------- Context ---------- */
+
+var ThemeContext = /*#__PURE__*/createContext({
+  // use literals internally; shim is only for public API
+  mode: 'light',
+  updateMode: noop
+});
+var useTheme = function useTheme() {
+  return useContext(ThemeContext);
+};
+
+export { COLOR_MODE_VALUES, ColorMode, ThemeContext as default, useTheme };
+//# sourceMappingURL=ThemeContext.js.map

package/dist/esm/lib/ThemeProvider/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sources":["../../../../src/lib/ThemeProvider/ThemeContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\n\nimport { noop } from '../../utils/noop'\n\n/* ---------- String-union source of truth ---------- */\nexport const COLOR_MODE_VALUES = ['light', 'dark'] as const\nexport type ColorModeType = (typeof COLOR_MODE_VALUES)[number]\n\n/* ---------- Back-compat exports (deprecated) ---------- */\n/** @deprecated Use string literals: 'light' | 'dark' */\n// @ts-ignore – allow const + type name reuse for backward compatibility\nexport const ColorMode = {\n  Light: 'light' as const,\n  Dark: 'dark' as const,\n} as const\n\n/* ---------- Context ---------- */\ntype ThemeContextType = {\n  mode: ColorModeType\n  updateMode: (mode: ColorModeType) => void\n}\n\nconst ThemeContext = createContext<ThemeContextType>({\n  // use literals internally; shim is only for public API\n  mode: 'light',\n  updateMode: noop,\n})\n\nexport const useTheme = () => useContext(ThemeContext)\n\nexport default ThemeContext\n"],"names":["COLOR_MODE_VALUES","ColorMode","Light","Dark","ThemeContext","createContext","mode","updateMode","noop","useTheme","useContext"],"mappings":";;;AAIA;IACaA,iBAAiB,GAAG,CAAC,OAAO,EAAE,MAAM,EAAU;AAG3D;AACA;AACA;AACO,IAAMC,SAAS,GAAG;AACvBC,EAAAA,KAAK,EAAE,OAAgB;AACvBC,EAAAA,IAAI,EAAE,MAAA;AACR,EAAU;;AAEV;;AAMMC,IAAAA,YAAY,gBAAGC,aAAa,CAAmB;AACnD;AACAC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,UAAU,EAAEC,IAAAA;AACd,CAAC,EAAC;AAEWC,IAAAA,QAAQ,GAAG,SAAXA,QAAQA,GAAA;EAAA,OAASC,UAAU,CAACN,YAAY,CAAC,CAAA;AAAA;;;;"}

package/dist/esm/lib/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,30 @@
+'use client';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import { useState, useEffect, useMemo } from 'react';
+import ThemeContext from './ThemeContext.js';
+import { jsx } from 'react/jsx-runtime';
+
+var ThemeProvider = function ThemeProvider(_ref) {
+  var defaultMode = _ref.mode,
+    children = _ref.children;
+  var _useState = useState(defaultMode),
+    _useState2 = _slicedToArray(_useState, 2),
+    mode = _useState2[0],
+    setMode = _useState2[1];
+  useEffect(function () {
+    setMode(defaultMode);
+  }, [defaultMode]);
+  var value = useMemo(function () {
+    return {
+      mode: mode,
+      updateMode: setMode
+    };
+  }, [mode]);
+  return /*#__PURE__*/jsx(ThemeContext.Provider, {
+    value: value,
+    children: children
+  });
+};
+
+export { ThemeProvider as default };
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/esm/lib/ThemeProvider/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sources":["../../../../src/lib/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useEffect, useState, useMemo } from 'react'\n\nimport ThemeContext from './ThemeContext'\nimport type { ColorModeType } from './ThemeContext'\n\nexport type ThemeProviderProps = {\n  children: ReactNode\n  mode: ColorModeType\n}\n\nconst ThemeProvider = ({ mode: defaultMode, children }: ThemeProviderProps) => {\n  const [mode, setMode] = useState<ColorModeType>(defaultMode)\n\n  useEffect(() => {\n    setMode(defaultMode)\n  }, [defaultMode])\n\n  const value = useMemo(() => ({ mode, updateMode: setMode }), [mode])\n\n  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n}\n\nexport default ThemeProvider\n"],"names":["ThemeProvider","_ref","defaultMode","mode","children","_useState","useState","_useState2","_slicedToArray","setMode","useEffect","value","useMemo","updateMode","_jsx","ThemeContext","Provider"],"mappings":"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"}

package/dist/esm/lib/ThemeProvider/index.js

@@ -0,0 +1,3 @@
+export { default as ThemeProvider } from './ThemeProvider.js';
+export { ColorMode, default as ThemeContext, useTheme } from './ThemeContext.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/lib/ThemeProvider/index.js.map

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

package/dist/esm/lib/Toggle/Toggle.js

@@ -0,0 +1,72 @@
+import _objectSpread from '@babel/runtime-corejs3/helpers/esm/objectSpread2';
+import { c as classNames } from '../../shared/bind-1a05f4e7.js';
+import { getTestId } from '../../utils/testId.js';
+import { idFromName, computeId } from '../../utils/html.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var styles = {
+  "unit-base": "4",
+  "toggle": "web_ui__Toggle__toggle",
+  "align-center": "web_ui__Toggle__align-center",
+  "text-left": "web_ui__Toggle__text-left",
+  "label": "web_ui__Toggle__label",
+  "button": "web_ui__Toggle__button",
+  "inverse": "web_ui__Toggle__inverse"
+};
+
+var cssClasses = classNames.bind(styles);
+var Toggle = function Toggle(props) {
+  var name = props.name,
+    idProp = props.id,
+    text = props.text,
+    checked = props.checked,
+    _props$defaultChecked = props.defaultChecked,
+    internalDefaultChecked = _props$defaultChecked === void 0 ? false : _props$defaultChecked,
+    disabled = props.disabled,
+    inverse = props.inverse,
+    onClick = props.onClick,
+    onChange = props.onChange,
+    aria = props.aria,
+    testId = props.testId,
+    forwardedRef = props.forwardedRef,
+    _props$labelPosition = props.labelPosition,
+    labelPosition = _props$labelPosition === void 0 ? 'right' : _props$labelPosition,
+    _props$labelAlignment = props.labelAlignment,
+    labelAlignment = _props$labelAlignment === void 0 ? 'top' : _props$labelAlignment;
+  var baseId = idFromName(name);
+  var computedId = computeId(idProp, baseId);
+  var labelStyles = cssClasses(styles.toggle, {
+    inverse: inverse,
+    'text-left': labelPosition === 'left',
+    'align-center': labelAlignment === 'center'
+  });
+  return /*#__PURE__*/jsxs("label", {
+    htmlFor: computedId,
+    className: labelStyles,
+    "data-testid": testId,
+    children: [/*#__PURE__*/jsx("input", _objectSpread(_objectSpread({
+      type: "checkbox",
+      role: "switch",
+      id: computedId,
+      name: name,
+      checked: checked
+    }, checked === undefined && internalDefaultChecked && {
+      defaultChecked: true
+    }), {}, {
+      disabled: disabled,
+      onClick: onClick,
+      onChange: onChange,
+      "data-testid": getTestId(testId, 'input'),
+      ref: forwardedRef
+    }, aria)), /*#__PURE__*/jsx("span", {
+      className: styles.button
+    }), text ? /*#__PURE__*/jsx("span", {
+      className: styles.label,
+      "data-testid": getTestId(testId, 'text'),
+      children: text
+    }) : null]
+  });
+};
+
+export { Toggle as default };
+//# sourceMappingURL=Toggle.js.map

package/dist/esm/lib/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sources":["../../../../src/lib/Toggle/Toggle.tsx"],"sourcesContent":["import { MouseEvent, ChangeEvent, AriaAttributes, Ref, ReactNode } from 'react'\nimport classNames from 'classnames/bind'\n\nimport styles from './Toggle.scss'\nimport { getTestId } from '../../utils/testId'\nimport { idFromName, computeId } from '../../utils/html'\n\ntype BaseProps = {\n  name: string\n  /** Optionally override the generated id (must be unique in the DOM). */\n  id?: string\n  defaultChecked?: boolean\n  inverse?: boolean\n  disabled?: boolean\n  onClick?: (event: MouseEvent<HTMLInputElement>) => void\n  /**\n   * Adds data-testid attribute to parent and children components.\n   * When used, --text and --input suffixes applied accordingly.\n   */\n  testId?: string\n  forwardedRef?: Ref<HTMLInputElement>\n  /** Controls which side the text label is rendered visually */\n  labelPosition?: 'left' | 'right'\n  /** Controls vertical alignment of the text relative to the toggle */\n  labelAlignment?: 'top' | 'center'\n}\n\ntype AccessibleProps =\n  | { text: ReactNode; aria?: AriaAttributes }\n  | { text?: undefined; aria: AriaAttributes }\n\ntype CheckedProps =\n  | { checked?: undefined; onChange?: (event: ChangeEvent<HTMLInputElement>) => void }\n  | { checked: boolean; onChange: (event: ChangeEvent<HTMLInputElement>) => void }\n\nexport type ToggleProps = BaseProps & CheckedProps & AccessibleProps\n\nconst cssClasses = classNames.bind(styles)\n\nconst Toggle = (props: ToggleProps) => {\n  const {\n    name,\n    id: idProp,\n    text,\n    checked,\n    defaultChecked: internalDefaultChecked = false,\n    disabled,\n    inverse,\n    onClick,\n    onChange,\n    aria,\n    testId,\n    forwardedRef,\n    labelPosition = 'right',\n    labelAlignment = 'top',\n  } = props\n\n  const baseId = idFromName(name)\n\n  const computedId = computeId(idProp, baseId)\n\n  const labelStyles = cssClasses(styles.toggle, {\n    inverse,\n    'text-left': labelPosition === 'left',\n    'align-center': labelAlignment === 'center',\n  })\n\n  return (\n    <label htmlFor={computedId} className={labelStyles} data-testid={testId}>\n      <input\n        type=\"checkbox\"\n        role=\"switch\"\n        id={computedId}\n        name={name}\n        checked={checked}\n        {...(checked === undefined && internalDefaultChecked && { defaultChecked: true })}\n        disabled={disabled}\n        onClick={onClick}\n        onChange={onChange}\n        data-testid={getTestId(testId, 'input')}\n        ref={forwardedRef}\n        {...aria}\n      />\n      <span className={styles.button} />\n      {text ? (\n        <span className={styles.label} data-testid={getTestId(testId, 'text')}>\n          {text}\n        </span>\n      ) : null}\n    </label>\n  )\n}\n\nexport default Toggle\n"],"names":["cssClasses","classNames","bind","styles","Toggle","props","name","idProp","id","text","checked","_props$defaultChecked","defaultChecked","internalDefaultChecked","disabled","inverse","onClick","onChange","aria","testId","forwardedRef","_props$labelPosition","labelPosition","_props$labelAlignment","labelAlignment","baseId","idFromName","computedId","computeId","labelStyles","toggle","_jsxs","htmlFor","className","children","_jsx","_objectSpread","type","role","undefined","getTestId","ref","button","label"],"mappings":"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"}

package/dist/esm/lib/Toggle/index.js

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

package/dist/esm/lib/Toggle/index.js.map

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