eidos-ui 1.0.1 → 1.1.0

package/dist/chunk-IV4LM3MB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toolbar/Toolbar.component.tsx"],"sourcesContent":["import React from 'react';\nimport type { ToolbarProps } from './Toolbar.types';\nimport './Toolbar.scss';\nimport { IconButton } from '../Button';\nimport { Breadcrumb } from '../Breadcrumb';\nimport { Avatar } from '../Avatar';\nimport { Menu } from '../Menu';\nimport { CommandPalette } from '../CommandPalette';\n\nexport const Toolbar: React.FC<ToolbarProps> = ({\n  breadcrumbs,\n  actions,\n  userMenu,\n  cmdPaletteItems,\n  className = '',\n}) => {\n  const classes = ['eidos-toolbar', className].filter(Boolean).join(' ');\n\n  return (\n    <div className={classes}>\n      {breadcrumbs && <Breadcrumb {...breadcrumbs} />}\n      <div className=\"eidos-toolbar__content\">\n        {cmdPaletteItems && cmdPaletteItems.length > 0 && (\n          <CommandPalette trigger triggerLabel=\"Search\" items={cmdPaletteItems} />\n        )}\n        {actions && actions.length > 0 && (\n          <div className=\"eidos-toolbar__actions\">\n            {actions.map((action, index) => (\n              <IconButton key={index} variant=\"text\" size=\"sm\" {...action} />\n            ))}\n          </div>\n        )}\n        <Menu\n          trigger={<Avatar name=\"John Doe\" size=\"sm\" color=\"primary\" />}\n          items={userMenu}\n          minWidth={220}\n        />\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAoBsB,cAChB,YADgB;AAXf,IAAM,UAAkC,CAAC;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,MAAM;AACJ,QAAM,UAAU,CAAC,iBAAiB,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAErE,SACE,qBAAC,SAAI,WAAW,SACb;AAAA,mBAAe,oBAAC,cAAY,GAAG,aAAa;AAAA,IAC7C,qBAAC,SAAI,WAAU,0BACZ;AAAA,yBAAmB,gBAAgB,SAAS,KAC3C,oBAAC,kBAAe,SAAO,MAAC,cAAa,UAAS,OAAO,iBAAiB;AAAA,MAEvE,WAAW,QAAQ,SAAS,KAC3B,oBAAC,SAAI,WAAU,0BACZ,kBAAQ,IAAI,CAAC,QAAQ,UACpB,oBAAC,cAAuB,SAAQ,QAAO,MAAK,MAAM,GAAG,UAApC,KAA4C,CAC9D,GACH;AAAA,MAEF;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,oBAAC,UAAO,MAAK,YAAW,MAAK,MAAK,OAAM,WAAU;AAAA,UAC3D,OAAO;AAAA,UACP,UAAU;AAAA;AAAA,MACZ;AAAA,OACF;AAAA,KACF;AAEJ;","names":[]}

package/dist/{chunk-KO2MKZDW.cjs → chunk-IXZMKIV5.cjs}

@@ -66,4 +66,4 @@ Switch.displayName = "Switch";
 
 
 exports.Switch = Switch;
-//# sourceMappingURL=chunk-KO2MKZDW.cjs.map
+//# sourceMappingURL=chunk-IXZMKIV5.cjs.map

package/dist/chunk-IXZMKIV5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-IXZMKIV5.cjs","../src/components/Switch/Switch.component.tsx"],"names":[],"mappings":"AAAA;ACAA,8BAAmD;AAyD7C,+CAAA;AAtDC,IAAM,OAAA,EAAS,+BAAA;AAAA,EACpB,CACE;AAAA,IACE,KAAA;AAAA,IACA,cAAA,EAAgB,OAAA;AAAA,IAChB,MAAA,EAAQ,SAAA;AAAA,IACR,KAAA,EAAO,IAAA;AAAA,IACP,SAAA,EAAW,KAAA;AAAA,IACX,UAAA,EAAY,EAAA;AAAA,IACZ,OAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,EAAA;AAAA,IACA,GAAG;AAAA,EACL,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,MAAM,YAAA,EAAc,0BAAA,CAAM;AAC1B,IAAA,MAAM,SAAA,EAAW,GAAA,GAAM,CAAA,OAAA,EAAU,WAAW,CAAA,CAAA;AAGX,IAAA;AACO,IAAA;AAEG,IAAA;AAEsB,IAAA;AAC5C,MAAA;AACe,QAAA;AAClC,MAAA;AACY,sBAAA;AACd,IAAA;AAEuB,IAAA;AACrB,MAAA;AAC8B,MAAA;AACD,MAAA;AACE,MAAA;AACnB,MAAA;AACC,MAAA;AACb,MAAA;AAGS,IAAA;AAEU,IAAA;AACnB,MAAA;AACa,MAAA;AACD,MAAA;AAGH,IAAA;AAGF,IAAA;AACiC,MAAA;AAWtC,sBAAA;AAAC,QAAA;AAAA,QAAA;AACC,UAAA;AACK,UAAA;AACA,UAAA;AACD,UAAA;AACM,UAAA;AACV,UAAA;AACI,UAAA;AACK,UAAA;AACC,UAAA;AAAA,QAAA;AACZ,MAAA;AAEiB,sBAAA;AAIqB,MAAA;AACxC,IAAA;AAEJ,EAAA;AACF;AAEqB;AD3B4B;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-IXZMKIV5.cjs","sourcesContent":[null,"import React, { forwardRef, useState, useId } from 'react';\nimport type { SwitchProps } from './Switch.types';\n\nexport const Switch = forwardRef<HTMLInputElement, SwitchProps>(\n  (\n    {\n      label,\n      labelPosition = 'right',\n      color = 'primary',\n      size = 'md',\n      disabled = false,\n      className = '',\n      checked,\n      defaultChecked,\n      onChange,\n      id,\n      ...inputProps\n    },\n    ref,\n  ) => {\n    const generatedId = useId();\n    const switchId = id || `switch-${generatedId}`;\n\n    // Determine if using controlled or uncontrolled mode\n    const isControlled = checked !== undefined;\n    const [localChecked, setLocalChecked] = useState(defaultChecked ?? false);\n\n    const isChecked = isControlled ? checked : localChecked;\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) {\n        setLocalChecked(e.target.checked);\n      }\n      onChange?.(e);\n    };\n\n    const wrapperClasses = [\n      'eidos-switch-wrapper',\n      `eidos-switch-wrapper--${color}`,\n      `eidos-switch-wrapper--${size}`,\n      `eidos-switch-wrapper--label-${labelPosition}`,\n      disabled && 'eidos-switch-wrapper--disabled',\n      isChecked && 'eidos-switch-wrapper--checked',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    const trackClasses = [\n      'eidos-switch-track',\n      isChecked && 'eidos-switch-track--checked',\n      disabled && 'eidos-switch-track--disabled',\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <label className={wrapperClasses} htmlFor={switchId}>\n        {labelPosition === 'left' && label && <span className=\"eidos-switch-label\">{label}</span>}\n\n        {/*\n         * The input is visually hidden via .eidos-switch-input but remains\n         * focusable and keyboard-operable. We always render it as controlled\n         * (checked={isChecked}) so the transition from uncontrolled → controlled\n         * never fires, avoiding the React mixed-mode warning.\n         * Note: `defaultChecked` is intentionally NOT spread - we consumed it\n         * to seed localChecked, and we never want React to see it alongside\n         * our explicit `checked` prop.\n         */}\n        <input\n          ref={ref}\n          type=\"checkbox\"\n          role=\"switch\"\n          id={switchId}\n          className=\"eidos-switch-input\"\n          disabled={disabled}\n          {...inputProps}\n          checked={isChecked}\n          onChange={handleChange}\n        />\n\n        <span className={trackClasses}>\n          <span className=\"eidos-switch-thumb\" />\n        </span>\n\n        {labelPosition !== 'left' && label && <span className=\"eidos-switch-label\">{label}</span>}\n      </label>\n    );\n  },\n);\n\nSwitch.displayName = 'Switch';\n"]}

package/dist/{chunk-7KGV6YCG.cjs → chunk-IYWAZEFI.cjs}

@@ -51,4 +51,4 @@ var Skeleton = ({
 
 
 exports.Skeleton = Skeleton;
-//# sourceMappingURL=chunk-7KGV6YCG.cjs.map
+//# sourceMappingURL=chunk-IYWAZEFI.cjs.map

package/dist/chunk-IYWAZEFI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/eidos-ui/eidos-ui/dist/chunk-IYWAZEFI.cjs","../src/components/Skeleton/Skeleton.component.tsx"],"names":[],"mappings":"AAAA;ACmCU,+CAAA;AA3BV,SAAS,SAAA,CAAU,KAAA,EAAgC;AACjD,EAAA,OAAO,OAAO,MAAA,IAAU,SAAA,EAAW,CAAA,EAAA;AACrC;AAMkD;AACtC,EAAA;AACV,EAAA;AACA,EAAA;AACQ,EAAA;AACI,EAAA;AACZ,EAAA;AACI;AACyB,EAAA;AACE,EAAA;AAGG,EAAA;AAE9B,IAAA;AAAC,MAAA;AAAA,MAAA;AACa,QAAA;AACA,QAAA;AAEE,QAAA;AACX,UAAA;AAAA,UAAA;AAEY,YAAA;AACJ,YAAA;AACgB,cAAA;AACb,cAAA;AACV,YAAA;AAAA,UAAA;AALK,UAAA;AAOR,QAAA;AAAA,MAAA;AACH,IAAA;AAEJ,EAAA;AAIE,EAAA;AAAC,IAAA;AAAA,IAAA;AACY,MAAA;AACT,QAAA;AAC0B,QAAA;AACE,QAAA;AAC5B,QAAA;AAGS,MAAA;AACiB,MAAA;AAChB,MAAA;AAAA,IAAA;AACd,EAAA;AAEJ;ADdsC;AACA;AACA;AACA","file":"/home/runner/work/eidos-ui/eidos-ui/dist/chunk-IYWAZEFI.cjs","sourcesContent":[null,"import React from 'react';\nimport type { SkeletonProps } from './Skeleton.types';\nimport './Skeleton.scss';\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction toCssSize(value: number | string): string {\n  return typeof value === 'number' ? `${value}px` : value;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const Skeleton: React.FC<SkeletonProps> = ({\n  variant = 'text',\n  width,\n  height,\n  lines = 1,\n  animation = 'wave',\n  className,\n}) => {\n  const widthStyle = width !== undefined ? toCssSize(width) : undefined;\n  const heightStyle = height !== undefined ? toCssSize(height) : undefined;\n\n  // Multi-line text variant\n  if (variant === 'text' && lines > 1) {\n    return (\n      <div\n        className={['eidos-skeleton-text-group', className].filter(Boolean).join(' ')}\n        aria-hidden=\"true\"\n      >\n        {Array.from({ length: lines }, (_, i) => (\n          <span\n            key={i}\n            className={`eidos-skeleton eidos-skeleton--text eidos-skeleton--${animation}`}\n            style={{\n              width: i === lines - 1 ? '60%' : (widthStyle ?? '100%'),\n              height: heightStyle,\n            }}\n          />\n        ))}\n      </div>\n    );\n  }\n\n  // Single element\n  return (\n    <span\n      className={[\n        'eidos-skeleton',\n        `eidos-skeleton--${variant}`,\n        `eidos-skeleton--${animation}`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      style={{ width: widthStyle, height: heightStyle }}\n      aria-hidden=\"true\"\n    />\n  );\n};\n"]}

package/dist/{chunk-E3XATJ63.js → chunk-IZBJW37N.js}

@@ -1,18 +1,18 @@
 import {
   DatePicker
-} from "./chunk-GL4DHGQE.js";
+} from "./chunk-3HMKE2GJ.js";
 import {
   Select
-} from "./chunk-F54MVGKO.js";
+} from "./chunk-5WROPW7Z.js";
 import {
   Input
-} from "./chunk-A35Y5MRJ.js";
+} from "./chunk-WE5FTQGD.js";
 import {
   Dropdown
-} from "./chunk-SXF3TCYA.js";
+} from "./chunk-4BKTBV2I.js";
 import {
   Button
-} from "./chunk-FO5FNTJX.js";
+} from "./chunk-WIE7HDIM.js";
 
 // src/components/Table/TableFiltersDropdown.component.tsx
 import { useMemo, useState, useEffect, useRef } from "react";
@@ -4415,4 +4415,4 @@ export {
   sortableKeyboardCoordinates,
   TableFiltersDropdown
 };
-//# sourceMappingURL=chunk-E3XATJ63.js.map
+//# sourceMappingURL=chunk-IZBJW37N.js.map