impact-ui 3.7.34-alpha.2 → 3.7.34-alpha.3

package/dist/components/Tabs/index.js

@@ -0,0 +1,84 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var a=document.createElement("style");a.appendChild(document.createTextNode('.ia-styles.ia-tabContainer{font-family:Manrope,sans-serif}.ia-styles.ia-tabContainer .ia-styles.ia-tabList{background-color:#fff;border:1px solid #d9dde7;border-radius:8px}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .MuiTabs-indicator{background-color:#4259ee;border-radius:4px;display:none}.ia-styles.ia-tabContainer .ia-styles.ia-tabList.MuiTabs-root{min-height:27px}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab{flex-direction:row;font-weight:500;min-height:23px;padding:7px 24px!important}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root{color:#60697d;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;position:relative;text-transform:capitalize}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root svg{height:16px;margin:auto 8px auto auto;width:16px}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root.Mui-selected{color:#4259ee;font-weight:600}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.MuiButtonBase-root.Mui-selected:after{background-color:#4259ee;border-radius:4px;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab:hover{color:#3649c6}.ia-styles.ia-tabContainer .ia-styles.ia-tabList .ia-tab.Mui-disabled{color:#b4bac7!important}.ia-styles.ia-tabContainer .ia-tabPanel{font-family:Manrope,sans-serif;padding:8px 0!important;transition:opacity .2s ease-in-out}.ia-styles.ia-tabContainer .ia-tabPanel.ia-tabPanel-hidden{display:none}.ia-styles.ia-tabContainer .ia-tabPanel .MuiBox-root{padding:0!important}.ia-styles.ia-tabContainer.ia-tabs-horizontal .ia-styles.ia-tabList{height:40px}.ia-styles.ia-tabContainer.ia-tabs-horizontal .MuiTabs-flexContainer{height:38px;overflow:auto;scrollbar-width:none}.ia-styles.ia-tabs-vertical{display:flex}.ia-styles.ia-tabs-vertical .ia-tab.MuiButtonBase-root{color:#60697d;font-size:14px;font-weight:500;height:64px;justify-content:flex-end;position:relative;text-transform:capitalize}.ia-styles.ia-tabs-vertical .ia-tab.MuiButtonBase-root:after{display:none}.ia-styles.ia-tabs-vertical .MuiBox-root{border-bottom:none}.ia-styles.ia-tabs-vertical .ia-tabPanel{padding:0 8px!important}.ia-styles.ia-tabs-vertical .ia-tab:hover{color:#3649c6}.ia-tabList-blueBg,.ia-tabList-blueBg:focus-within,.ia-tabList-blueBg:hover{border:none!important;box-shadow:none!important}')),document.head.appendChild(a)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useMemo, createElement } from "react";
+import { CustomTabPanel } from "./TabPanel.js";
+
+import Box from "../../node_modules/@mui/material/Box/Box.js";
+import Tabs$1 from "../../node_modules/@mui/material/Tabs/Tabs.js";
+import Tab from "../../node_modules/@mui/material/Tab/Tab.js";
+function Tabs({
+  tabPanels,
+  tabNames,
+  value,
+  onChange,
+  orientation = "horizontal",
+  isDisabled,
+  tabPanelStyle,
+  remountOnTabChange = true,
+  isBlueBg = false,
+  className,
+  style,
+  "data-testid": dataTestId,
+  ...args
+}) {
+  var _a;
+  const tabClassName = useMemo(() => "ia-styles ia-tab", []);
+  const containerClassName = useMemo(() => {
+    let retVal = "ia-styles ia-tabContainer";
+    if (orientation === "vertical") retVal += " ia-tabs-vertical";
+    else retVal += " ia-tabs-horizontal";
+    return retVal;
+  }, [orientation]);
+  const selectedValue = typeof value === "number" ? ((_a = tabNames[value]) == null ? void 0 : _a.value) ?? String(value) : String(value);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: className ? `${containerClassName} ${className}`.trim() : containerClassName,
+      "data-testid": dataTestId,
+      style,
+      children: [
+        /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+          Tabs$1,
+          {
+            className: `ia-styles ia-tabList ${isBlueBg ? "ia-tabList-blueBg" : ""}`.trim(),
+            orientation,
+            value: selectedValue,
+            onChange,
+            ...args,
+            children: tabNames.map((tab) => /* @__PURE__ */ createElement(
+              Tab,
+              {
+                disableRipple: true,
+                ...tab,
+                key: tab.value,
+                className: tab.value === selectedValue ? `${tabClassName} ia-activeTabHeader` : tabClassName,
+                disabled: tab.disabled ?? isDisabled
+              }
+            ))
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "impact-tab-panel", style: tabPanelStyle, children: tabPanels.map(
+          (tab, idx) => {
+            var _a2, _b;
+            return tab != null ? /* @__PURE__ */ jsx(
+              CustomTabPanel,
+              {
+                index: idx,
+                remountOnTabChange,
+                selectedValue,
+                value: ((_a2 = tabNames[idx]) == null ? void 0 : _a2.value) ?? "",
+                children: tab
+              },
+              ((_b = tabNames[idx]) == null ? void 0 : _b.value) ?? idx
+            ) : null;
+          }
+        ) })
+      ]
+    }
+  );
+}
+Tabs.displayName = "Tabs";
+export {
+  CustomTabPanel,
+  Tabs
+};

package/dist/components/Tag/Tag.types.d.ts

@@ -0,0 +1,114 @@
+import { JSXElementConstructor, ReactElement, ReactNode } from 'react';
+import { ChipProps as MUIChipProps } from '@mui/material/Chip';
+import { BaseComponentProps } from '../../types';
+
+/**
+ * Tag size variants
+ */
+export type TagSize = 'small' | 'medium' | 'large';
+/**
+ * Tag visual variants that determine the styling
+ */
+export type TagVariant = 'filled' | 'stroke' | 'solid';
+export interface TagProps extends Omit<BaseComponentProps, 'children'>, Omit<MUIChipProps, 'size' | 'variant' | 'label' | 'onDelete' | 'deleteIcon'> {
+    /**
+     * The text content displayed inside the tag.
+     * @example
+     * <Tag label="New" />
+     * <Tag label="JavaScript" />
+     */
+    label: string | ReactNode;
+    /**
+     * The size of the tag component.
+     * - 'small': Compact size (22px height, 12px font)
+     * - 'medium': Standard size (24px height, 14px font)
+     * - 'large': Larger size (32px height, 14px font with heavier weight)
+     * @default 'large'
+     * @example
+     * <Tag label="Small Tag" size="small" />
+     * <Tag label="Medium Tag" size="medium" />
+     * <Tag label="Large Tag" size="large" />
+     */
+    size?: TagSize;
+    /**
+     * The visual style variant of the tag.
+     * - 'filled': Has a light background with a visible border
+     * - 'stroke': Transparent background with a colored border (outlined style)
+     * - 'solid': Solid light blue background without border
+     * @default 'filled'
+     * @example
+     * <Tag label="Filled" variant="filled" />
+     * <Tag label="Stroke" variant="stroke" />
+     * <Tag label="Solid" variant="solid" />
+     */
+    variant?: TagVariant;
+    /**
+     * Custom icon to display as the delete/action button.
+     * Only visible when `isRemovable` is true.
+     * If not provided, a default close (X) icon is used.
+     * @example
+     * import EditIcon from '@mui/icons-material/Edit';
+     *
+     * <Tag
+     *   label="Editable"
+     *   isRemovable
+     *   icon={<EditIcon />}
+     *   onDelete={() => handleEdit()}
+     * />
+     */
+    icon?: ReactElement<unknown, string | JSXElementConstructor<unknown>>;
+    /**
+     * Callback function triggered when the tag is clicked.
+     * Use this for selection or navigation behavior.
+     * @example
+     * <Tag
+     *   label="React"
+     *   onClick={() => filterByTag('React')}
+     * />
+     */
+    onClick?: () => void;
+    /**
+     * When true, displays a delete/close icon that can be clicked.
+     * The icon appearance can be customized via the `icon` prop.
+     * @default false
+     * @example
+     * <Tag
+     *   label="Removable Tag"
+     *   isRemovable
+     *   onDelete={() => removeTag()}
+     * />
+     */
+    isRemovable?: boolean;
+    /**
+     * Callback function triggered when the delete icon is clicked.
+     * Only applicable when `isRemovable` is true.
+     * @example
+     * const [tags, setTags] = useState(['React', 'TypeScript', 'Node.js']);
+     *
+     * {tags.map(tag => (
+     *   <Tag
+     *     key={tag}
+     *     label={tag}
+     *     isRemovable
+     *     onDelete={() => setTags(tags.filter(t => t !== tag))}
+     *   />
+     * ))}
+     */
+    onDelete?: () => void;
+}
+/**
+ * Internal props for Tag variant components (Filled, Stroke, Solid)
+ */
+export interface TagVariantProps {
+    label: string | ReactNode;
+    size: TagSize;
+    icon?: ReactNode;
+    onClick?: () => void;
+    isRemovable: boolean;
+    onDelete?: () => void;
+    id?: string;
+    'data-testid'?: string;
+    ref?: React.Ref<HTMLDivElement>;
+    [key: string]: unknown;
+}
+//# sourceMappingURL=Tag.types.d.ts.map

package/dist/components/Tag/Tag.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5E,OAAO,EAAE,KAAK,SAAS,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD;;GAEG;AACH,MAAM,MAAM,UAAU,GAClB,QAAQ,GACR,QAAQ,GACR,OAAO,CAAC;AAEZ,MAAM,WAAW,QACf,SACE,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,EACpC,IAAI,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CAAC;IAC9E;;;;;OAKG;IACH,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAE1B;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IAErB;;;;;;;;;;;;;OAaG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC;IAEtE;;;;;;;;OAQG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;;;;;;;OAUG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;;;;;;;;;;OAcG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB"}

package/dist/components/Tag/filled.d.ts

@@ -0,0 +1,8 @@
+import { TagVariantProps } from './Tag.types';
+
+/**
+ * Filled variant of the Tag component.
+ * Has a light background with a visible border.
+ */
+export default function FilledTags({ label, size, icon, onClick, isRemovable, onDelete, ref, ...chipProps }: TagVariantProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=filled.d.ts.map

package/dist/components/Tag/filled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filled.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/filled.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,SAAS,EACb,EAAE,eAAe,2CA2CjB"}

package/dist/components/Tag/filled.js

@@ -0,0 +1,60 @@
+import { jsx } from "react/jsx-runtime";
+import default_1 from "../../node_modules/@mui/icons-material/Close.js";
+import { getSize } from "./utils.js";
+import Chip from "../../node_modules/@mui/material/Chip/Chip.js";
+function FilledTags({
+  label,
+  size,
+  icon,
+  onClick,
+  isRemovable,
+  onDelete,
+  ref,
+  ...chipProps
+}) {
+  const sizeClass = getSize(size);
+  if (icon && isRemovable) {
+    return /* @__PURE__ */ jsx(
+      Chip,
+      {
+        ...chipProps,
+        ref,
+        className: `impact-tag ${sizeClass}`,
+        deleteIcon: icon,
+        label,
+        variant: "filled",
+        onClick,
+        onDelete
+      }
+    );
+  }
+  if (!icon && isRemovable) {
+    return /* @__PURE__ */ jsx(
+      Chip,
+      {
+        ...chipProps,
+        ref,
+        className: `impact-tag ${sizeClass}`,
+        deleteIcon: /* @__PURE__ */ jsx(default_1, {}),
+        label,
+        variant: "filled",
+        onClick,
+        onDelete
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Chip,
+    {
+      ...chipProps,
+      ref,
+      className: `impact-tag ${sizeClass}`,
+      label,
+      variant: "filled",
+      onClick
+    }
+  );
+}
+export {
+  FilledTags as default
+};

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

@@ -0,0 +1,31 @@
+import { TagProps } from './Tag.types';
+
+/**
+ * Tag component for displaying labels, categories, or metadata.
+ * Supports three visual variants: filled, stroke (outlined), and solid.
+ * Can be made removable with an optional delete button.
+ * Meets WCAG 2.1 Level AA accessibility standards.
+ *
+ * @example
+ * // Basic tag
+ * <Tag label="JavaScript" />
+ *
+ * // Different variants
+ * <Tag label="Filled" variant="filled" />
+ * <Tag label="Stroke" variant="stroke" />
+ * <Tag label="Solid" variant="solid" />
+ *
+ * // Removable tag
+ * <Tag
+ *   label="React"
+ *   isRemovable
+ *   onDelete={() => handleRemove('React')}
+ * />
+ *
+ * // Different sizes
+ * <Tag label="Small" size="small" />
+ * <Tag label="Medium" size="medium" />
+ * <Tag label="Large" size="large" />
+ */
+export declare const Tag: import('react').ForwardRefExoticComponent<Omit<TagProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,GAAG,kHAgCd,CAAC"}

package/dist/components/Tag/index.js

@@ -0,0 +1,40 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(".MuiChip-root.impact-tag{border:1px solid #b3bdf8;color:#60697d}.MuiChip-root.impact-tag .MuiSvgIcon-root{color:#60697d;margin-left:10px;margin-right:-9px;width:16px}.MuiChip-root.impact-tag .MuiChip-deleteIcon{background-position:50%;background-size:16px;margin-left:-5px;margin-right:10px}.MuiChip-root.impact-tag-solid{background:#eceefd;border:none;border-radius:8px;color:#1f2b4d}.MuiChip-root.impact-tag-solid:hover{background:#eceefd}.MuiChip-root.impact-tag:hover{background:#fff;border:1px solid #b3bdf8;box-shadow:0 0 4px #0000001f}.MuiChip-root.impact-tag.MuiChip-outlined{background-color:#fff;border:1px solid #b3bdf8}.impact-tag-large{height:32px!important}.impact-tag-large .MuiChip-label{font-size:14px;font-weight:500;line-height:18px}.impact-tag-medium{height:24px!important}.impact-tag-medium .MuiChip-label{font-size:14px;line-height:20px}.impact-tag-small{height:22px!important}.impact-tag-small .MuiChip-label{font-size:12px;line-height:15px}.active_tags{background:#ff0}")),document.head.appendChild(i)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import FilledTags from "./filled.js";
+import SolidTags from "./solid.js";
+import StrokeTags from "./stroke.js";
+
+const Tag = forwardRef((props, ref) => {
+  const {
+    label,
+    size = "large",
+    variant = "filled",
+    icon,
+    onClick,
+    isRemovable = false,
+    onDelete,
+    ...rest
+  } = props;
+  const commonProps = {
+    label,
+    size,
+    icon,
+    onClick,
+    isRemovable,
+    onDelete,
+    ...rest,
+    ref
+  };
+  if (variant === "stroke") {
+    return /* @__PURE__ */ jsx(StrokeTags, { ...commonProps });
+  }
+  if (variant === "solid") {
+    return /* @__PURE__ */ jsx(SolidTags, { ...commonProps });
+  }
+  return /* @__PURE__ */ jsx(FilledTags, { ...commonProps });
+});
+Tag.displayName = "Tag";
+export {
+  Tag
+};

package/dist/components/Tag/solid.d.ts

@@ -0,0 +1,8 @@
+import { TagVariantProps } from './Tag.types';
+
+/**
+ * Solid variant of the Tag component.
+ * Has a solid light blue background without border.
+ */
+export default function SolidTags({ label, size, icon, onClick, isRemovable, onDelete, ref, ...chipProps }: TagVariantProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=solid.d.ts.map

package/dist/components/Tag/solid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"solid.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/solid.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,SAAS,EACb,EAAE,eAAe,2CA2CjB"}

package/dist/components/Tag/solid.js

@@ -0,0 +1,60 @@
+import { jsx } from "react/jsx-runtime";
+import default_1 from "../../node_modules/@mui/icons-material/Close.js";
+import { getSize } from "./utils.js";
+import Chip from "../../node_modules/@mui/material/Chip/Chip.js";
+function SolidTags({
+  label,
+  size,
+  icon,
+  onClick,
+  isRemovable,
+  onDelete,
+  ref,
+  ...chipProps
+}) {
+  const sizeClass = getSize(size);
+  if (icon && isRemovable) {
+    return /* @__PURE__ */ jsx(
+      Chip,
+      {
+        ...chipProps,
+        ref,
+        className: `impact-tag-solid ${sizeClass}`,
+        deleteIcon: icon,
+        label,
+        variant: "outlined",
+        onClick,
+        onDelete
+      }
+    );
+  }
+  if (!icon && isRemovable) {
+    return /* @__PURE__ */ jsx(
+      Chip,
+      {
+        ...chipProps,
+        ref,
+        className: `impact-tag-solid ${sizeClass}`,
+        deleteIcon: /* @__PURE__ */ jsx(default_1, {}),
+        label,
+        variant: "outlined",
+        onClick,
+        onDelete
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Chip,
+    {
+      ...chipProps,
+      ref,
+      className: `impact-tag-solid ${sizeClass}`,
+      label,
+      variant: "outlined",
+      onClick
+    }
+  );
+}
+export {
+  SolidTags as default
+};

package/dist/components/Tag/stroke.d.ts

@@ -0,0 +1,8 @@
+import { TagVariantProps } from './Tag.types';
+
+/**
+ * Stroke variant of the Tag component.
+ * Has a transparent background with a colored border (outlined style).
+ */
+export default function StrokeTags({ label, size, icon, onClick, isRemovable, onDelete, ref, ...chipProps }: TagVariantProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=stroke.d.ts.map

package/dist/components/Tag/stroke.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stroke.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/stroke.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,GAAG,EACH,GAAG,SAAS,EACb,EAAE,eAAe,2CA2CjB"}

package/dist/components/Tag/stroke.js

@@ -0,0 +1,60 @@
+import { jsx } from "react/jsx-runtime";
+import default_1 from "../../node_modules/@mui/icons-material/Close.js";
+import { getSize } from "./utils.js";
+import Chip from "../../node_modules/@mui/material/Chip/Chip.js";
+function StrokeTags({
+  label,
+  size,
+  icon,
+  onClick,
+  isRemovable,
+  onDelete,
+  ref,
+  ...chipProps
+}) {
+  const sizeClass = getSize(size);
+  if (icon && isRemovable) {
+    return /* @__PURE__ */ jsx(
+      Chip,
+      {
+        ...chipProps,
+        ref,
+        className: `impact-tag ${sizeClass}`,
+        deleteIcon: icon,
+        label,
+        variant: "outlined",
+        onClick,
+        onDelete
+      }
+    );
+  }
+  if (!icon && isRemovable) {
+    return /* @__PURE__ */ jsx(
+      Chip,
+      {
+        ...chipProps,
+        ref,
+        className: `impact-tag ${sizeClass}`,
+        deleteIcon: /* @__PURE__ */ jsx(default_1, {}),
+        label,
+        variant: "outlined",
+        onClick,
+        onDelete
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Chip,
+    {
+      ...chipProps,
+      ref,
+      className: `impact-tag ${sizeClass}`,
+      label,
+      variant: "outlined",
+      onClick
+    }
+  );
+}
+export {
+  StrokeTags as default
+};

package/dist/components/Tag/utils.d.ts

@@ -0,0 +1,9 @@
+import { TagSize } from './Tag.types';
+
+/**
+ * Returns the CSS class name for the given tag size
+ * @param size - The size of the tag
+ * @returns The corresponding CSS class name
+ */
+export declare const getSize: (size: TagSize) => string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/Tag/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,aAAa,CAAC;AAE3C;;;;GAIG;AACH,eAAO,MAAM,OAAO,GAAI,MAAM,OAAO,KAAG,MAWvC,CAAC"}

package/dist/components/Tag/utils.js

@@ -0,0 +1,15 @@
+const getSize = (size) => {
+  switch (size) {
+    case "large":
+      return "impact-tag-large";
+    case "medium":
+      return "impact-tag-medium";
+    case "small":
+      return "impact-tag-small";
+    default:
+      return "impact-tag-large";
+  }
+};
+export {
+  getSize
+};

package/dist/components/TagGroup/TagGroup.types.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { RootComponentProps } from '../../types';
+
+/**
+ * TagGroup wraps multiple tags/chips in a flex container with consistent spacing.
+ */
+export interface TagGroupProps extends RootComponentProps {
+    /** Tag or chip elements to display in a row */
+    children?: ReactNode;
+}
+//# sourceMappingURL=TagGroup.types.d.ts.map

package/dist/components/TagGroup/TagGroup.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,kBAAkB;IACvD,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}

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

@@ -0,0 +1,11 @@
+import { TagGroupProps } from './TagGroup.types';
+
+export type { TagGroupProps } from './TagGroup.types';
+/**
+ * TagGroup lays out tags/chips in a horizontal flex container with gap.
+ */
+export declare function TagGroup({ children, className, style, id, 'data-testid': dataTestId, role, }: TagGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TagGroup {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TagGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,wBAAwB,CAAC;AAEhC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,IAAc,GACf,EAAE,aAAa,2CAYf;yBAnBe,QAAQ"}

package/dist/components/TagGroup/index.js

@@ -0,0 +1,27 @@
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode(".tag-group-container{align-items:center;display:flex;gap:16px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
+import { jsx } from "react/jsx-runtime";
+
+function TagGroup({
+  children,
+  className,
+  style,
+  id,
+  "data-testid": dataTestId,
+  role = "group"
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `tag-group-container ${className ?? ""}`.trim(),
+      "data-testid": dataTestId,
+      id,
+      role,
+      style,
+      children
+    }
+  );
+}
+TagGroup.displayName = "TagGroup";
+export {
+  TagGroup
+};

package/dist/components/TextArea/TextArea.types.d.ts

@@ -0,0 +1,32 @@
+import { FocusEventHandler } from 'react';
+import { BaseComponentProps } from '../../types';
+import { TextareaAutosizeProps } from '@mui/base/TextareaAutosize';
+
+/** Props for TextArea; extends MUI Base TextareaAutosize with label, state variants, and layout. */
+export interface TextAreaProps extends BaseComponentProps, Omit<TextareaAutosizeProps, 'style' | 'disabled' | 'onBlur' | 'onFocus'> {
+    /** Label text above the textarea */
+    label?: string;
+    /** Blur handler (forwarded to TextareaAutosize) */
+    onBlur?: FocusEventHandler<HTMLTextAreaElement>;
+    /** Focus handler (forwarded to TextareaAutosize) */
+    onFocus?: FocusEventHandler<HTMLTextAreaElement>;
+    /** Helper or hint text below the textarea */
+    secondaryLabel?: string;
+    /** Disables the textarea (maps to native disabled) */
+    isDisabled?: boolean;
+    /** Shows required asterisk next to label */
+    isRequired?: boolean;
+    /** Max character count; when set shows "current/max" and enables counter */
+    characterLimit?: number;
+    /** Error state styling */
+    isError?: boolean;
+    /** Success state styling */
+    isSuccess?: boolean;
+    /** Warning state styling */
+    isWarning?: boolean;
+    /** Width of the textarea (e.g. "240px") */
+    width?: string;
+    /** Height of the textarea (e.g. "100px") */
+    height?: string;
+}
+//# sourceMappingURL=TextArea.types.d.ts.map

package/dist/components/TextArea/TextArea.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AAExE,oGAAoG;AACpG,MAAM,WAAW,aACf,SACE,kBAAkB,EAClB,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;IAC1E,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mDAAmD;IACnD,MAAM,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IAChD,oDAAoD;IACpD,OAAO,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAC;IACjD,6CAA6C;IAC7C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4CAA4C;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

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

@@ -0,0 +1,8 @@
+import { TextAreaProps } from './TextArea.types';
+
+export type { TextAreaProps } from './TextArea.types';
+export declare function TextArea({ label, maxRows, placeholder, defaultValue, value, onChange, secondaryLabel, isDisabled, isRequired, characterLimit, isError, isSuccess, isWarning, width, height, className, id, 'data-testid': dataTestId, onBlur, onFocus, ...restProps }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TextArea {
+    var displayName: string;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,wBAAwB,CAAC;AAGhC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,OAAW,EACX,WAAW,EACX,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,cAAc,EACd,UAAU,EACV,UAAU,EACV,cAAc,EACd,OAAe,EACf,SAAiB,EACjB,SAAiB,EACjB,KAAe,EACf,MAAgB,EAChB,SAAS,EACT,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,MAAM,EACN,OAAO,EACP,GAAG,SAAS,EACb,EAAE,aAAa,2CAkFf;yBAxGe,QAAQ"}