se-design 1.0.3 → 1.0.8-5.dev.1

package/dist/index6.js

@@ -1,56 +1,334 @@
-import t, { useState as u } from "react";
-import { MenuList as d } from "./index16.js";
-function l() {
-  return l = Object.assign ? Object.assign.bind() : function(o) {
-    for (var e = 1; e < arguments.length; e++) {
-      var n = arguments[e];
-      for (var a in n) ({}).hasOwnProperty.call(n, a) && (o[a] = n[a]);
+import j from "./index83.js";
+import L from "./index84.js";
+import R from "./index85.js";
+import F from "./index86.js";
+import B from "./index87.js";
+import D from "./index88.js";
+import M from "./index89.js";
+import T from "./index90.js";
+import q from "./index91.js";
+import G from "./index92.js";
+import V from "./index93.js";
+import H from "./index94.js";
+import J from "./index95.js";
+import K from "./index96.js";
+import Q from "./index97.js";
+import U from "./index98.js";
+import W from "./index99.js";
+import X from "./index100.js";
+import Y from "./index101.js";
+import Z from "./index102.js";
+import z from "./index103.js";
+import ss from "./index104.js";
+import os from "./index105.js";
+import _s from "./index106.js";
+import ts from "./index107.js";
+import is from "./index108.js";
+import rs from "./index109.js";
+import es from "./index110.js";
+import cs from "./index111.js";
+import as from "./index112.js";
+import ms from "./index113.js";
+import gs from "./index114.js";
+import vs from "./index115.js";
+import ls from "./index116.js";
+import ns from "./index117.js";
+import fs from "./index118.js";
+import bs from "./index119.js";
+import ps from "./index120.js";
+import ds from "./index121.js";
+import us from "./index122.js";
+import hs from "./index123.js";
+import ks from "./index124.js";
+import xs from "./index125.js";
+import As from "./index126.js";
+import ws from "./index127.js";
+import ys from "./index128.js";
+import Ps from "./index129.js";
+import Is from "./index130.js";
+import Ns from "./index131.js";
+import Cs from "./index132.js";
+import Os from "./index133.js";
+import $s from "./index134.js";
+import Es from "./index135.js";
+import Ss from "./index136.js";
+import js from "./index137.js";
+import Ls from "./index138.js";
+import Rs from "./index139.js";
+import Fs from "./index140.js";
+import Bs from "./index141.js";
+import Ds from "./index142.js";
+import Ms from "./index143.js";
+import Ts from "./index144.js";
+import qs from "./index145.js";
+import Gs from "./index146.js";
+import Vs from "./index147.js";
+import Hs from "./index148.js";
+import Js from "./index149.js";
+import Ks from "./index150.js";
+import Qs from "./index151.js";
+import Us from "./index152.js";
+import Ws from "./index153.js";
+import Xs from "./index154.js";
+import Ys from "./index155.js";
+import Zs from "./index156.js";
+import zs from "./index157.js";
+import so from "./index158.js";
+import oo from "./index159.js";
+import _o from "./index160.js";
+import to from "./index161.js";
+import io from "./index162.js";
+import ro from "./index163.js";
+import eo from "./index164.js";
+import co from "./index165.js";
+import ao from "./index166.js";
+import mo from "./index167.js";
+import go from "./index168.js";
+import vo from "./index169.js";
+import lo from "./index170.js";
+import no from "./index171.js";
+import fo from "./index172.js";
+import bo from "./index173.js";
+import po from "./index174.js";
+import uo from "./index175.js";
+import ho from "./index176.js";
+import ko from "./index177.js";
+import xo from "./index178.js";
+import Ao from "./index179.js";
+import wo from "./index180.js";
+import yo from "./index181.js";
+import Po from "./index182.js";
+import Io from "./index183.js";
+import No from "./index184.js";
+import Co from "./index185.js";
+import Oo from "./index186.js";
+import $o from "./index187.js";
+import Eo from "./index188.js";
+import So from "./index189.js";
+import jo from "./index190.js";
+import Lo from "./index191.js";
+import Ro from "./index192.js";
+import Fo from "./index193.js";
+import Bo from "./index194.js";
+import Do from "./index195.js";
+import Mo from "./index196.js";
+import To from "./index197.js";
+import qo from "./index198.js";
+import Go from "./index199.js";
+import Vo from "./index200.js";
+import Ho from "./index201.js";
+import Jo from "./index202.js";
+import c from "react";
+import { ReactSVG as Ko } from "./index203.js";
+import { getA11yNameAttributes as Qo } from "./index81.js";
+import { useAccessiblePress as Uo } from "./index67.js";
+import "./index72.js";
+function a() {
+  return a = Object.assign ? Object.assign.bind() : function(s) {
+    for (var t = 1; t < arguments.length; t++) {
+      var o = arguments[t];
+      for (var _ in o) ({}).hasOwnProperty.call(o, _) && (s[_] = o[_]);
     }
-    return o;
-  }, l.apply(null, arguments);
+    return s;
+  }, a.apply(null, arguments);
 }
-const g = (o) => {
+const Wo = /* @__PURE__ */ Object.assign({
+  "/src/assets/icons/ai-off.svg": j,
+  "/src/assets/icons/ai-re-run.svg": L,
+  "/src/assets/icons/ai-search.svg": R,
+  "/src/assets/icons/ai-stars.svg": F,
+  "/src/assets/icons/ai.svg": B,
+  "/src/assets/icons/all-space.svg": D,
+  "/src/assets/icons/arrow-head.svg": M,
+  "/src/assets/icons/attachment.svg": T,
+  "/src/assets/icons/back.svg": q,
+  "/src/assets/icons/banner-demo-img.svg": G,
+  "/src/assets/icons/bell-notification.svg": V,
+  "/src/assets/icons/card.svg": H,
+  "/src/assets/icons/center-align.svg": J,
+  "/src/assets/icons/chat.svg": K,
+  "/src/assets/icons/checkbox-disabled-minus.svg": Q,
+  "/src/assets/icons/checkbox-disabled-tick.svg": U,
+  "/src/assets/icons/checkbox-disabled.svg": W,
+  "/src/assets/icons/checkbox-field.svg": X,
+  "/src/assets/icons/checkbox-fill.svg": Y,
+  "/src/assets/icons/checkbox-hover-fill.svg": Z,
+  "/src/assets/icons/checkbox-hover-minus.svg": z,
+  "/src/assets/icons/checkbox-hover-tick.svg": ss,
+  "/src/assets/icons/checkbox-minus.svg": os,
+  "/src/assets/icons/checkbox-tick.svg": _s,
+  "/src/assets/icons/checked-circle.svg": ts,
+  "/src/assets/icons/checkmark.svg": is,
+  "/src/assets/icons/chevron.svg": rs,
+  "/src/assets/icons/clock.svg": es,
+  "/src/assets/icons/close.svg": cs,
+  "/src/assets/icons/combobox-field.svg": as,
+  "/src/assets/icons/command.svg": ms,
+  "/src/assets/icons/csv-file.svg": gs,
+  "/src/assets/icons/csv.svg": vs,
+  "/src/assets/icons/date-field.svg": ls,
+  "/src/assets/icons/delete.svg": ns,
+  "/src/assets/icons/doc-file.svg": fs,
+  "/src/assets/icons/docFile.svg": bs,
+  "/src/assets/icons/download.svg": ps,
+  "/src/assets/icons/edit-text.svg": ds,
+  "/src/assets/icons/email-field.svg": us,
+  "/src/assets/icons/email.svg": hs,
+  "/src/assets/icons/envelope.svg": ks,
+  "/src/assets/icons/fields-create.svg": xs,
+  "/src/assets/icons/fields-panel.svg": As,
+  "/src/assets/icons/file-empty.svg": ws,
+  "/src/assets/icons/file-filled-checked.svg": ys,
+  "/src/assets/icons/file-red.svg": Ps,
+  "/src/assets/icons/file.svg": Is,
+  "/src/assets/icons/fill-and-sign.svg": Ns,
+  "/src/assets/icons/filter.svg": Cs,
+  "/src/assets/icons/folder-empty.svg": Os,
+  "/src/assets/icons/folder.svg": $s,
+  "/src/assets/icons/gmail.svg": Es,
+  "/src/assets/icons/google-drive.svg": Ss,
+  "/src/assets/icons/hamburger.svg": js,
+  "/src/assets/icons/hashtag.svg": Ls,
+  "/src/assets/icons/help-question.svg": Rs,
+  "/src/assets/icons/history.svg": Fs,
+  "/src/assets/icons/home.svg": Bs,
+  "/src/assets/icons/hourglass.svg": Ds,
+  "/src/assets/icons/image-field.svg": Ms,
+  "/src/assets/icons/info.svg": Ts,
+  "/src/assets/icons/initials-field.svg": qs,
+  "/src/assets/icons/kebab-menu.svg": Gs,
+  "/src/assets/icons/left-align.svg": Vs,
+  "/src/assets/icons/library.svg": Hs,
+  "/src/assets/icons/minus.svg": Js,
+  "/src/assets/icons/move-folder.svg": Ks,
+  "/src/assets/icons/name-field.svg": Qs,
+  "/src/assets/icons/next.svg": Us,
+  "/src/assets/icons/observer.svg": Ws,
+  "/src/assets/icons/office-building.svg": Xs,
+  "/src/assets/icons/onedrive.svg": Ys,
+  "/src/assets/icons/outlook.svg": Zs,
+  "/src/assets/icons/padlock.svg": zs,
+  "/src/assets/icons/pages.svg": so,
+  "/src/assets/icons/pdf-file.svg": oo,
+  "/src/assets/icons/people.svg": _o,
+  "/src/assets/icons/photo.svg": to,
+  "/src/assets/icons/plus.svg": io,
+  "/src/assets/icons/radio-field.svg": ro,
+  "/src/assets/icons/radio-filled.svg": eo,
+  "/src/assets/icons/radio.svg": co,
+  "/src/assets/icons/reports.svg": ao,
+  "/src/assets/icons/repository.svg": mo,
+  "/src/assets/icons/reset.svg": go,
+  "/src/assets/icons/return.svg": vo,
+  "/src/assets/icons/right-align.svg": lo,
+  "/src/assets/icons/rightSide.svg": no,
+  "/src/assets/icons/rotate-left.svg": fo,
+  "/src/assets/icons/rotate-right.svg": bo,
+  "/src/assets/icons/rounded-plus.svg": po,
+  "/src/assets/icons/search.svg": uo,
+  "/src/assets/icons/select-files.svg": ho,
+  "/src/assets/icons/shield-with-tick.svg": ko,
+  "/src/assets/icons/shield.svg": xo,
+  "/src/assets/icons/shipment-private.svg": Ao,
+  "/src/assets/icons/shipment.svg": wo,
+  "/src/assets/icons/sidebar.svg": yo,
+  "/src/assets/icons/signature-field.svg": Po,
+  "/src/assets/icons/signer.svg": Io,
+  "/src/assets/icons/slideout.svg": No,
+  "/src/assets/icons/sms.svg": Co,
+  "/src/assets/icons/sort-asc.svg": Oo,
+  "/src/assets/icons/sort-desc.svg": $o,
+  "/src/assets/icons/sort.svg": Eo,
+  "/src/assets/icons/space.svg": So,
+  "/src/assets/icons/stamp-field.svg": jo,
+  "/src/assets/icons/stop.svg": Lo,
+  "/src/assets/icons/success-check.svg": Ro,
+  "/src/assets/icons/tag.svg": Fo,
+  "/src/assets/icons/text-field.svg": Bo,
+  "/src/assets/icons/tick.svg": Do,
+  "/src/assets/icons/title-field.svg": Mo,
+  "/src/assets/icons/upload-csv.svg": To,
+  "/src/assets/icons/views.svg": qo,
+  "/src/assets/icons/warning.svg": Go,
+  "/src/assets/icons/webinar-widget.svg": Vo,
+  "/src/assets/icons/white-close.svg": Ho,
+  "/src/assets/icons/widget-demo-image.svg": Jo
+}), v = (s, t, o, _) => {
+  t && s.hasAttribute("fill") && s.getAttribute("fill") !== "none" && s.setAttribute("fill", t), o && s.hasAttribute("stroke") && s.setAttribute("stroke", o), _ && s.hasAttribute("width") && s.setAttribute("width", _.toString()), _ && s.hasAttribute("height") && s.setAttribute("height", _.toString()), Array.from(s.children).forEach((e) => {
+    v(e, t, o);
+  });
+}, Xo = /* @__PURE__ */ c.forwardRef((s, t) => {
   const {
-    label: e,
-    onDropdownClick: n = () => {
-    },
-    menuItems: a = [],
-    automationId: s = "",
-    ...i
-  } = o, [r, m] = u(!1), c = () => {
-    m(!r), n();
-  };
-  return /* @__PURE__ */ t.createElement("div", {
-    className: "se-design-split-button flex items-center relative",
-    "data-automation-id": s
-  }, /* @__PURE__ */ t.createElement("button", l({
-    type: "button",
-    className: "px-8 py-2.5 rounded-l text-sm bg-[var(--color-blue-500)] text-[var(--color-white)] border-r border-[var(--color-white)]"
-  }, i), e), /* @__PURE__ */ t.createElement("button", {
-    type: "button",
-    className: "bg-[var(--color-blue-500)] rounded-r",
-    onClick: c,
-    "data-automation-id": "split-button-dropdown-button"
-  }, /* @__PURE__ */ t.createElement("svg", {
-    className: `${r ? "rotate-180" : ""} transition-all`,
-    width: "35",
-    height: "40",
-    viewBox: "0 0 35 40",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ t.createElement("path", {
-    d: "M0 0H32C33.6569 0 35 1.34315 35 3V37C35 38.6569 33.6569 40 32 40H0V0Z",
-    fill: "transparent"
-  }), /* @__PURE__ */ t.createElement("path", {
-    d: "M18 23.5L14 19.5L22 19.5L18 23.5Z",
-    fill: "white"
-  }))), r && /* @__PURE__ */ t.createElement("div", {
-    className: "absolute top-full mt-1 w-max"
-  }, /* @__PURE__ */ t.createElement(d, {
-    items: a
-  })));
-};
+    name: o = "",
+    id: _,
+    className: e = "",
+    onClick: m,
+    ariaLabel: l,
+    ariaLabelledBy: n,
+    ariaDescribedBy: f,
+    ariaPressed: b,
+    ariaExpanded: p,
+    ariaControls: d,
+    fill: u,
+    stroke: h,
+    rotation: k = "0",
+    size: x,
+    shouldStopPropagation: A = !1,
+    disabled: w = !1,
+    htmlTitle: y
+  } = s, P = {
+    0: "rotate-0",
+    45: "rotate-45",
+    90: "rotate-90",
+    135: "rotate-[135deg]",
+    180: "rotate-180",
+    225: "rotate-[225deg]",
+    270: "-rotate-90",
+    315: "-rotate-45"
+  }, g = Wo[`/src/assets/icons/${o}.svg`];
+  if (!g)
+    return console.error(`Icon "${o}" not found in ICON_MAP.`), null;
+  const i = typeof m == "function", I = l || o, {
+    pressProps: N,
+    role: C,
+    tabIndex: O,
+    isDisabled: $
+  } = Uo({
+    isNative: !1,
+    onClick: i ? (r) => m?.(r) : void 0,
+    disabled: i ? w : !1,
+    stopPropagation: A
+  }), E = Qo({
+    ariaLabel: I,
+    ariaLabelledBy: n,
+    ariaDescribedBy: f
+  }), S = i ? {
+    ...N,
+    role: C,
+    tabIndex: O,
+    ...E,
+    "aria-pressed": b,
+    "aria-expanded": p,
+    "aria-controls": d || void 0
+  } : void 0;
+  return /* @__PURE__ */ c.createElement("div", a({
+    ref: t,
+    id: _,
+    className: `se-design-svg-wrapper transition-transform duration-250 ease-linear rounded-[3px] ${i ? `${$ ? "opacity-50 cursor-default" : "cursor-pointer focus-outline"}` : ""} ${e} ${P[k]}`,
+    "aria-hidden": i ? void 0 : "true",
+    title: y
+  }, S, {
+    "data-automation-id": s?.automationId
+  }), /* @__PURE__ */ c.createElement(Ko, {
+    src: g,
+    wrapper: "span",
+    beforeInjection: (r) => {
+      r.setAttribute("aria-hidden", "true"), r.setAttribute("role", "none"), v(r, u, h, x);
+    }
+  }));
+});
+Xo.displayName = "Icon";
 export {
-  g as SplitButton
+  Xo as Icon
 };
 //# sourceMappingURL=index6.js.map

package/dist/index6.js.map

@@ -1 +1 @@
-{"version":3,"file":"index6.js","sources":["../src/components/SplitButton/index.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\nimport { MenuItemProps } from 'src/components/MenuItem';\nimport { MenuList } from 'src/components/MenuList';\n\nexport interface SplitButtonProps {\n  /**\n   * Button contents\n   */\n  label: string;\n  /**\n   * Optional click handler\n   */\n  onClick?: () => void;\n  /**\n   * Optional click handler for dropdown\n   */\n  onDropdownClick?: () => void;\n  menuItems?: MenuItemProps[];\n  /**\n   * Automation ID for testing\n   */\n  automationId?: string;\n}\n\nexport const SplitButton: FC<SplitButtonProps> = (props) => {\n  const { label, onDropdownClick = () => {}, menuItems = [], automationId = '', ...remainingProps } = props;\n  const [isOpen, setIsOpen] = useState(false);\n\n  const handleDropdownClick = () => {\n    setIsOpen(!isOpen);\n    onDropdownClick();\n  };\n\n  return (\n    <div className={'se-design-split-button flex items-center relative'} data-automation-id={automationId}>\n      <button\n        type=\"button\"\n        className=\"px-8 py-2.5 rounded-l text-sm bg-[var(--color-blue-500)] text-[var(--color-white)] border-r border-[var(--color-white)]\"\n        {...remainingProps}\n      >\n        {label}\n      </button>\n      <button type=\"button\" className=\"bg-[var(--color-blue-500)] rounded-r\" onClick={handleDropdownClick} data-automation-id=\"split-button-dropdown-button\">\n        <svg\n          className={`${isOpen ? 'rotate-180' : ''} transition-all`}\n          width=\"35\"\n          height=\"40\"\n          viewBox=\"0 0 35 40\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <path d=\"M0 0H32C33.6569 0 35 1.34315 35 3V37C35 38.6569 33.6569 40 32 40H0V0Z\" fill=\"transparent\" />\n          <path d=\"M18 23.5L14 19.5L22 19.5L18 23.5Z\" fill=\"white\" />\n        </svg>\n      </button>\n      {isOpen && (\n        <div className=\"absolute top-full mt-1 w-max\">\n          <MenuList items={menuItems} />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["SplitButton","props","label","onDropdownClick","menuItems","automationId","remainingProps","isOpen","setIsOpen","useState","handleDropdownClick","React","createElement","className","_extends","type","onClick","width","height","viewBox","fill","xmlns","d","MenuList","items"],"mappings":";;;;;;;;;;;AAwBO,MAAMA,IAAqCC,CAAUA,MAAA;AACpD,QAAA;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,iBAAAA,IAAkBA,MAAM;AAAA,IAAC;AAAA,IAAGC,WAAAA,IAAY,CAAE;AAAA,IAAEC,cAAAA,IAAe;AAAA,IAAI,GAAGC;AAAAA,EAAmBL,IAAAA,GAC9F,CAACM,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAsBA,MAAM;AAChCF,IAAAA,EAAU,CAACD,CAAM,GACDJ;EAAA;AAIhBQ,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAW;AAAA,IAAqD,sBAAoBR;AAAAA,EACvFM,GAAAA,gBAAAA,EAAAC,cAAA,UAAAE,EAAA;AAAA,IACEC,MAAK;AAAA,IACLF,WAAU;AAAA,EAAA,GACNP,CAAc,GAEjBJ,CACK,GACRS,gBAAAA,EAAAC,cAAA,UAAA;AAAA,IAAQG,MAAK;AAAA,IAASF,WAAU;AAAA,IAAuCG,SAASN;AAAAA,IAAqB,sBAAmB;AAAA,EAAA,GACtHE,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IACEC,WAAW,GAAGN,IAAS,eAAe,EAAE;AAAA,IACxCU,OAAM;AAAA,IACNC,QAAO;AAAA,IACPC,SAAQ;AAAA,IACRC,MAAK;AAAA,IACLC,OAAM;AAAA,EAAA,GAENT,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMU,GAAE;AAAA,IAAwEF,MAAK;AAAA,EAAA,CAAe,GACpGR,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMU,GAAE;AAAA,IAAoCF,MAAK;AAAA,EAAS,CAAA,CACvD,CACC,GACPb,KACCI,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GACbD,gBAAAA,EAAAA,cAACW,GAAQ;AAAA,IAACC,OAAOpB;AAAAA,EAAY,CAAA,CAC1B,CAEJ;AAET;"}
+{"version":3,"file":"index6.js","sources":["../src/components/Icon/index.tsx"],"sourcesContent":["// TODO: `applyAttributesToElement` recursion drops `size` for nested elements (pre-existing).\nimport React from 'react';\nimport { ReactSVG } from 'react-svg';\nimport { getA11yNameAttributes, useAccessiblePress } from '../../utils/a11y';\n\n// Dynamically import icons using Vite's asset handling\nconst ICON_MAP: Record<string, string> = (import.meta as any).glob('/src/assets/icons/*.svg', {\n  eager: true,\n  query: '?url',\n  import: 'default'\n});\n\nexport type RotationTypes = '0' | '45' | '90' | '135' | '180' | '225' | '270' | '315';\n\nexport type IconProps = {\n  name: string;\n  id?: string;\n  className?: string;\n  onClick?: (e?: React.MouseEvent<HTMLElement>) => void;\n  /**\n   * Accessible name when Icon is interactive (onClick is provided).\n   * If omitted, we fall back to `name` and warn in development.\n   */\n  ariaLabel?: string;\n  /**\n   * ID(s) of visible element(s) that label this Icon when interactive.\n   * Preferred over ariaLabel when a visible label exists (keeps SR and visual text in sync).\n   */\n  ariaLabelledBy?: string;\n  /**\n   * ID(s) of element(s) that describe this Icon when interactive (additional context).\n   */\n  ariaDescribedBy?: string;\n  /**\n   * Toggle state when Icon is used as a button (e.g., show/hide sidebar).\n   * Only applies when `onClick` is provided (interactive icon).\n   */\n  ariaPressed?: boolean;\n  /**\n   * Expansion state when Icon controls a collapsible region/panel.\n   * Only applies when `onClick` is provided (interactive icon).\n   */\n  ariaExpanded?: boolean;\n  /**\n   * ID of the element controlled by this Icon (for aria-controls).\n   * Only applies when `onClick` is provided (interactive icon).\n   */\n  ariaControls?: string;\n  fill?: string;\n  stroke?: string;\n  rotation?: RotationTypes;\n  size?: number;\n  shouldStopPropagation?: boolean;\n  automationId?: string;\n  /**\n   * Disables the icon interaction while keeping it visible to AT with aria-disabled=\"true\".\n   * Only applies when `onClick` is provided (interactive icon).\n   */\n  disabled?: boolean;\n  /**\n   * Native HTML title attribute — renders as a browser tooltip on hover.\n   * For mouse users only; does not replace ariaLabel for screen readers.\n   */\n  htmlTitle?: string;\n};\n\nconst applyAttributesToElement = (element: Element, fill?: string, stroke?: string, size?: number) => {\n  // Only modify existing attributes\n  if (fill && element.hasAttribute('fill')) {\n    const currentFill = element.getAttribute('fill');\n    // Only update if the current fill is not \"none\"\n    if (currentFill !== 'none') {\n      element.setAttribute('fill', fill);\n    }\n  }\n\n  if (stroke && element.hasAttribute('stroke')) {\n    element.setAttribute('stroke', stroke);\n  }\n\n  if (size && element.hasAttribute('width')) {\n    element.setAttribute('width', size.toString());\n  }\n\n  if (size && element.hasAttribute('height')) {\n    element.setAttribute('height', size.toString());\n  }\n\n  // Recursively apply to all child elements\n  Array.from(element.children).forEach((child) => {\n    applyAttributesToElement(child, fill, stroke);\n  });\n};\n\nexport const Icon = React.forwardRef<HTMLDivElement, IconProps>((props, ref) => {\n  const {\n    name = '',\n    id,\n    className = '',\n    onClick,\n    ariaLabel,\n    ariaLabelledBy,\n    ariaDescribedBy,\n    ariaPressed,\n    ariaExpanded,\n    ariaControls,\n    fill,\n    stroke,\n    rotation = '0',\n    size,\n    shouldStopPropagation = false,\n    disabled = false,\n    htmlTitle\n  } = props;\n  const iconRotationClasses = {\n    '0': 'rotate-0',\n    '45': 'rotate-45',\n    '90': 'rotate-90',\n    '135': 'rotate-[135deg]',\n    '180': 'rotate-180',\n    '225': 'rotate-[225deg]',\n    '270': '-rotate-90',\n    '315': '-rotate-45'\n  };\n  const src = ICON_MAP[`/src/assets/icons/${name}.svg`];\n\n  if (!src) {\n    console.error(`Icon \"${name}\" not found in ICON_MAP.`);\n    return null;\n  }\n\n  const isInteractive = typeof onClick === 'function';\n  const computedAriaLabel = ariaLabel || name;\n\n  if (isInteractive && !ariaLabel && (import.meta as { env?: { DEV?: boolean } }).env?.DEV) {\n    // eslint-disable-next-line no-console\n    console.warn(\n      `[se-design/Icon] Missing ariaLabel for clickable icon \"${name}\". ` +\n        `Falling back to aria-label=\"${computedAriaLabel}\".`\n    );\n  }\n\n  const { pressProps, role, tabIndex, isDisabled } = useAccessiblePress({\n    isNative: false,\n    onClick: isInteractive ? (e: React.MouseEvent<HTMLElement>) => onClick?.(e) : undefined,\n    disabled: isInteractive ? disabled : false,\n    stopPropagation: shouldStopPropagation\n  });\n\n  // Compute accessible name/description props with correct precedence (aligns with Button/Link).\n  const accessibleNameProps = getA11yNameAttributes({\n    ariaLabel: computedAriaLabel,\n    ariaLabelledBy,\n    ariaDescribedBy\n  });\n\n  const interactiveProps = isInteractive\n    ? {\n        ...pressProps,\n        role,\n        tabIndex,\n        ...accessibleNameProps,\n        'aria-pressed': ariaPressed,\n        'aria-expanded': ariaExpanded,\n        'aria-controls': ariaControls || undefined\n      }\n    : undefined;\n\n  return (\n    <div\n      ref={ref}\n      id={id}\n      className={`se-design-svg-wrapper transition-transform duration-250 ease-linear rounded-[3px] ${\n        isInteractive ? `${isDisabled ? 'opacity-50 cursor-default' : 'cursor-pointer focus-outline'}` : ''\n      } ${className} ${iconRotationClasses[rotation]}`}\n      aria-hidden={!isInteractive ? 'true' : undefined}\n      title={htmlTitle}\n      {...interactiveProps}\n      data-automation-id={props?.automationId}\n    >\n      <ReactSVG\n        src={src}\n        wrapper=\"span\"\n        beforeInjection={(svg) => {\n          svg.setAttribute('aria-hidden', 'true');\n          svg.setAttribute('role', 'none');\n          applyAttributesToElement(svg, fill, stroke, size);\n        }}\n      />\n    </div>\n  );\n});\n\nIcon.displayName = 'Icon';\n"],"names":["ICON_MAP","import","applyAttributesToElement","element","fill","stroke","size","hasAttribute","getAttribute","setAttribute","toString","Array","from","children","forEach","child","Icon","React","forwardRef","props","ref","name","id","className","onClick","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaPressed","ariaExpanded","ariaControls","rotation","shouldStopPropagation","disabled","htmlTitle","iconRotationClasses","src","console","error","isInteractive","computedAriaLabel","pressProps","role","tabIndex","isDisabled","useAccessiblePress","isNative","e","undefined","stopPropagation","accessibleNameProps","getA11yNameAttributes","interactiveProps","createElement","_extends","title","automationId","ReactSVG","wrapper","beforeInjection","svg","displayName"],"mappings":"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"}

package/dist/index60.js

@@ -1,5 +1,122 @@
-const L = "data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.4958%207.65801L9.58298%205.83203L8.67016%207.65801C8.37987%208.23869%207.90907%208.70953%207.32841%208.99985L5.50189%209.91312L7.32841%2010.8264C7.90907%2011.1167%208.37987%2011.5876%208.67016%2012.1682L9.58298%2013.9942L10.4958%2012.1682C10.7861%2011.5876%2011.2569%2011.1167%2011.8375%2010.8264L13.6641%209.91312L11.8375%208.99986C11.2569%208.70953%2010.7861%208.23869%2010.4958%207.65801Z'%20fill='%23415575'%20stroke='%23415575'/%3e%3cpath%20d='M4.66587%203.16003L4.33592%202.5L4.00597%203.16003C3.71568%203.7407%203.24488%204.21155%202.66423%204.50187L2.00387%204.83205L2.66422%205.16223C3.24487%205.45255%203.71568%205.9234%204.00597%206.50407L4.33592%207.1641L4.66587%206.50407C4.95615%205.9234%205.42696%205.45255%206.00761%205.16223L6.66797%204.83205L6.00761%204.50187C5.42696%204.21155%204.95615%203.7407%204.66587%203.16003Z'%20fill='%23415575'%20stroke='%23415575'/%3e%3c/svg%3e";
+import e, { useState as p, useRef as g, useEffect as I } from "react";
+import { Button as x } from "./index4.js";
+const n = 40, f = 7, y = 3, T = Array.from({
+  length: 12
+}, (r, o) => String(o + 1).padStart(2, "0")), w = Array.from({
+  length: 60
+}, (r, o) => String(o).padStart(2, "0")), M = ["AM", "PM"], h = ({
+  items: r,
+  selectedIndex: o,
+  onSelect: d,
+  automationId: u = ""
+}) => {
+  const l = g(null), s = g(null);
+  I(() => {
+    l.current && l.current.scrollTo({
+      top: o * n,
+      behavior: "smooth"
+    });
+  }, [o]);
+  const a = () => {
+    l.current && (s.current && clearTimeout(s.current), s.current = setTimeout(() => {
+      const t = l.current;
+      if (!t) return;
+      const c = Math.round(t.scrollTop / n), m = Math.max(0, Math.min(r.length - 1, c));
+      t.scrollTo({
+        top: m * n,
+        behavior: "smooth"
+      }), m !== o && d(m);
+    }, 100));
+  }, i = (t) => {
+    d(t), l.current?.scrollTo({
+      top: t * n,
+      behavior: "smooth"
+    });
+  };
+  return /* @__PURE__ */ e.createElement("div", {
+    className: "w-14"
+  }, /* @__PURE__ */ e.createElement("div", {
+    ref: l,
+    className: "overflow-y-auto [&::-webkit-scrollbar]:hidden",
+    onScroll: a,
+    style: {
+      height: f * n,
+      paddingTop: y * n,
+      paddingBottom: y * n,
+      scrollSnapType: "y mandatory",
+      scrollbarWidth: "none"
+    }
+  }, r.map((t, c) => /* @__PURE__ */ e.createElement("div", {
+    key: t,
+    className: `flex items-center justify-center cursor-pointer select-none transition-colors h-10 ${c === o ? "text-[var(--color-blue-500)] font-semibold" : "text-[var(--color-gray-700)] hover:text-[var(--color-blue-500)]"}`,
+    onClick: () => i(c),
+    style: {
+      scrollSnapAlign: "center"
+    },
+    "data-automation-id": `${u}-item-${c}`
+  }, t))));
+}, $ = ({
+  initialHour: r = 12,
+  initialMinute: o = 0,
+  onApply: d,
+  ctaLabel: u = "Apply",
+  onClose: l,
+  className: s = "",
+  automationId: a = "timepicker"
+}) => {
+  const [i, t] = p(() => r === 0 ? 11 : r > 12 ? r - 12 - 1 : r - 1), [c, m] = p(Math.max(0, Math.min(59, o ?? 0))), [v, E] = p(
+    () => r >= 12 ? 1 : 0
+    // 0-11 = AM, 12-23 = PM
+  ), b = () => {
+    const S = v === 1 ? i + 12 : i;
+    d?.({
+      hour: S + 1,
+      minute: c
+    }), l?.();
+  };
+  return /* @__PURE__ */ e.createElement("div", {
+    className: `se-design-timepicker-container w-full min-w-[216px] bg-[var(--color-white)] rounded-xl shadow-md border border-[var(--color-gray-400)] overflow-hidden ${s}`
+  }, /* @__PURE__ */ e.createElement("div", {
+    className: "se-design-timepicker-content w-full relative p-4"
+  }, /* @__PURE__ */ e.createElement("div", {
+    className: "absolute left-4 right-4 top-1/2 -translate-y-1/2 h-10 bg-[var(--color-blue-50)] rounded-lg pointer-events-none z-0"
+  }), /* @__PURE__ */ e.createElement("div", {
+    className: "flex justify-between gap-2 relative z-10"
+  }, /* @__PURE__ */ e.createElement(h, {
+    items: T,
+    selectedIndex: i,
+    onSelect: t,
+    automationId: `${a}-hours`
+  }), /* @__PURE__ */ e.createElement("div", {
+    className: "w-px bg-[var(--color-gray-200)]",
+    style: {
+      height: f * n
+    }
+  }), /* @__PURE__ */ e.createElement(h, {
+    items: w,
+    selectedIndex: c,
+    onSelect: m,
+    automationId: `${a}-minutes`
+  }), /* @__PURE__ */ e.createElement("div", {
+    className: "w-px bg-[var(--color-gray-200)]",
+    style: {
+      height: f * n
+    }
+  }), /* @__PURE__ */ e.createElement(h, {
+    items: M,
+    selectedIndex: v,
+    onSelect: E,
+    automationId: `${a}-periods`
+  }))), /* @__PURE__ */ e.createElement("div", {
+    className: "se-design-timepicker-footer flex justify-end p-3 border-t border-[var(--color-gray-200)]"
+  }, /* @__PURE__ */ e.createElement(x, {
+    label: u,
+    type: "primary",
+    onClick: b,
+    automationId: `${a}-apply-button`
+  })));
+};
 export {
-  L as default
+  $ as TimePicker
 };
 //# sourceMappingURL=index60.js.map

package/dist/index60.js.map

@@ -1 +1 @@
-{"version":3,"file":"index60.js","sources":["../src/assets/icons/ai-stars.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='16'%20height='17'%20viewBox='0%200%2016%2017'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.4958%207.65801L9.58298%205.83203L8.67016%207.65801C8.37987%208.23869%207.90907%208.70953%207.32841%208.99985L5.50189%209.91312L7.32841%2010.8264C7.90907%2011.1167%208.37987%2011.5876%208.67016%2012.1682L9.58298%2013.9942L10.4958%2012.1682C10.7861%2011.5876%2011.2569%2011.1167%2011.8375%2010.8264L13.6641%209.91312L11.8375%208.99986C11.2569%208.70953%2010.7861%208.23869%2010.4958%207.65801Z'%20fill='%23415575'%20stroke='%23415575'/%3e%3cpath%20d='M4.66587%203.16003L4.33592%202.5L4.00597%203.16003C3.71568%203.7407%203.24488%204.21155%202.66423%204.50187L2.00387%204.83205L2.66422%205.16223C3.24487%205.45255%203.71568%205.9234%204.00597%206.50407L4.33592%207.1641L4.66587%206.50407C4.95615%205.9234%205.42696%205.45255%206.00761%205.16223L6.66797%204.83205L6.00761%204.50187C5.42696%204.21155%204.95615%203.7407%204.66587%203.16003Z'%20fill='%23415575'%20stroke='%23415575'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_1"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index60.js","sources":["../src/components/TimePicker/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react';\nimport { Button } from '../Button';\n\nexport interface TimePickerProps {\n  initialHour?: number;\n  initialMinute?: number;\n  onApply?: (time: { hour: number; minute: number }) => void;\n  ctaLabel?: string;\n  onClose?: () => void;\n  className?: string;\n  automationId?: string;\n}\n\nconst ITEM_HEIGHT = 40;\nconst VISIBLE_ITEMS = 7;\nconst BUFFER_ITEMS = 3;\n\nconst HOURS = Array.from({ length: 12 }, (_, i) => String(i + 1).padStart(2, '0'));\nconst MINUTES = Array.from({ length: 60 }, (_, i) => String(i).padStart(2, '0'));\nconst PERIODS: ('AM' | 'PM')[] = ['AM', 'PM'];\n\ninterface ScrollColumnProps {\n  items: readonly string[];\n  selectedIndex: number;\n  onSelect: (index: number) => void;\n  automationId?: string;\n}\n\nconst ScrollColumn: React.FC<ScrollColumnProps> = ({ items, selectedIndex, onSelect, automationId = '' }) => {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const scrollTimeout = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.scrollTo({ top: selectedIndex * ITEM_HEIGHT, behavior: 'smooth' });\n    }\n  }, [selectedIndex]);\n\n  const handleScroll = () => {\n    if (!containerRef.current) return;\n\n    if (scrollTimeout.current) clearTimeout(scrollTimeout.current);\n\n    scrollTimeout.current = setTimeout(() => {\n      const container = containerRef.current;\n      if (!container) return;\n\n      const newIndex = Math.round(container.scrollTop / ITEM_HEIGHT);\n      const clampedIndex = Math.max(0, Math.min(items.length - 1, newIndex));\n\n      container.scrollTo({ top: clampedIndex * ITEM_HEIGHT, behavior: 'smooth' });\n\n      if (clampedIndex !== selectedIndex) onSelect(clampedIndex);\n    }, 100);\n  };\n\n  const handleItemClick = (index: number) => {\n    onSelect(index);\n    containerRef.current?.scrollTo({ top: index * ITEM_HEIGHT, behavior: 'smooth' });\n  };\n\n  return (\n    <div className=\"w-14\">\n      <div\n        ref={containerRef}\n        className=\"overflow-y-auto [&::-webkit-scrollbar]:hidden\"\n        onScroll={handleScroll}\n        style={{\n          height: VISIBLE_ITEMS * ITEM_HEIGHT,\n          paddingTop: BUFFER_ITEMS * ITEM_HEIGHT,\n          paddingBottom: BUFFER_ITEMS * ITEM_HEIGHT,\n          scrollSnapType: 'y mandatory',\n          scrollbarWidth: 'none'\n        }}\n      >\n        {items.map((item, index) => (\n          <div\n            key={item}\n            className={`flex items-center justify-center cursor-pointer select-none transition-colors h-10 ${\n              index === selectedIndex\n                ? 'text-[var(--color-blue-500)] font-semibold'\n                : 'text-[var(--color-gray-700)] hover:text-[var(--color-blue-500)]'\n            }`}\n            onClick={() => handleItemClick(index)}\n            style={{ scrollSnapAlign: 'center' }}\n            data-automation-id={`${automationId}-item-${index}`}\n          >\n            {item}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n\nexport const TimePicker: React.FC<TimePickerProps> = ({\n  initialHour = 12,\n  initialMinute = 0,\n  onApply,\n  ctaLabel = 'Apply',\n  onClose,\n  className = '',\n  automationId = 'timepicker'\n}) => {\n  const [selectedHourIndex, setSelectedHourIndex] = useState(() => {\n    if (initialHour === 0) return 11; // 0 = 12 AM\n    if (initialHour > 12) return initialHour - 12 - 1; // 13-23 → 1-11 (PM hours)\n    return initialHour - 1; // 1-12 → 0-11\n  });\n  const [selectedMinuteIndex, setSelectedMinuteIndex] = useState(Math.max(0, Math.min(59, initialMinute ?? 0)));\n  const [selectedPeriodIndex, setSelectedPeriodIndex] = useState(\n    () => (initialHour >= 12 ? 1 : 0) // 0-11 = AM, 12-23 = PM\n  );\n\n  const handleApply = () => {\n    const hourIn24Format = selectedPeriodIndex === 1 ? selectedHourIndex + 12 : selectedHourIndex;\n    onApply?.({\n      hour: hourIn24Format + 1,\n      minute: selectedMinuteIndex\n    });\n    onClose?.();\n  };\n\n  return (\n    <div\n      className={`se-design-timepicker-container w-full min-w-[216px] bg-[var(--color-white)] rounded-xl shadow-md border border-[var(--color-gray-400)] overflow-hidden ${className}`}\n    >\n      <div className=\"se-design-timepicker-content w-full relative p-4\">\n        <div className=\"absolute left-4 right-4 top-1/2 -translate-y-1/2 h-10 bg-[var(--color-blue-50)] rounded-lg pointer-events-none z-0\" />\n        <div className=\"flex justify-between gap-2 relative z-10\">\n          <ScrollColumn\n            items={HOURS}\n            selectedIndex={selectedHourIndex}\n            onSelect={setSelectedHourIndex}\n            automationId={`${automationId}-hours`}\n          />\n          <div className=\"w-px bg-[var(--color-gray-200)]\" style={{ height: VISIBLE_ITEMS * ITEM_HEIGHT }} />\n          <ScrollColumn\n            items={MINUTES}\n            selectedIndex={selectedMinuteIndex}\n            onSelect={setSelectedMinuteIndex}\n            automationId={`${automationId}-minutes`}\n          />\n          <div className=\"w-px bg-[var(--color-gray-200)]\" style={{ height: VISIBLE_ITEMS * ITEM_HEIGHT }} />\n          <ScrollColumn\n            items={PERIODS}\n            selectedIndex={selectedPeriodIndex}\n            onSelect={setSelectedPeriodIndex}\n            automationId={`${automationId}-periods`}\n          />\n        </div>\n      </div>\n      <div className=\"se-design-timepicker-footer flex justify-end p-3 border-t border-[var(--color-gray-200)]\">\n        <Button label={ctaLabel} type=\"primary\" onClick={handleApply} automationId={`${automationId}-apply-button`} />\n      </div>\n    </div>\n  );\n};\n"],"names":["ITEM_HEIGHT","VISIBLE_ITEMS","BUFFER_ITEMS","HOURS","Array","from","length","_","i","String","padStart","MINUTES","PERIODS","ScrollColumn","items","selectedIndex","onSelect","automationId","containerRef","useRef","scrollTimeout","useEffect","current","scrollTo","top","behavior","handleScroll","clearTimeout","setTimeout","container","newIndex","Math","round","scrollTop","clampedIndex","max","min","handleItemClick","index","React","createElement","className","ref","onScroll","style","height","paddingTop","paddingBottom","scrollSnapType","scrollbarWidth","map","item","key","onClick","scrollSnapAlign","TimePicker","initialHour","initialMinute","onApply","ctaLabel","onClose","selectedHourIndex","setSelectedHourIndex","useState","selectedMinuteIndex","setSelectedMinuteIndex","selectedPeriodIndex","setSelectedPeriodIndex","handleApply","hourIn24Format","hour","minute","Button","label","type"],"mappings":"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"}