eidos-ui 1.0.0 → 1.0.2

package/package.json

@@ -1,110 +1,114 @@
-{
-  "name": "eidos-ui",
-  "version": "1.0.0",
-  "description": "A modern React component library with TypeScript and SCSS",
-  "type": "module",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
-    },
-    "./styles": {
-      "types": "./dist/index.css.d.ts",
-      "default": "./dist/index.css"
-    },
-    "./*": {
-      "types": "./dist/*/index.d.ts",
-      "import": "./dist/*/index.js",
-      "require": "./dist/*/index.cjs"
-    }
-  },
-  "sideEffects": [
-    "dist/index.css",
-    "dist/index.css.d.ts"
-  ],
-  "files": [
-    "dist"
-  ],
-  "scripts": {
-    "dev": "vite --config vite.dev.config.ts",
-    "build": "tsup && node scripts/build-styles.js",
-    "storybook": "storybook dev -p 6007",
-    "build-storybook": "storybook build",
-    "chromatic": "chromatic --exit-zero-on-changes",
-    "lint": "eslint --report-unused-disable-directives --max-warnings 0",
-    "typecheck": "tsc --noEmit",
-    "prettier:check": "prettier --check .",
-    "prettier:fix": "prettier --write .",
-    "prepublishOnly": "npm run build",
-    "version": "node scripts/promote-changelog.js",
-    "postversion": "git push --follow-tags",
-    "init": "npm run dev & npm run storybook",
-    "release:needed": "node scripts/release-needed.js",
-    "release:preflight": "node scripts/preflight-release.js && npm run lint && npm run typecheck && npm run build",
-    "release:patch": "npm run release:preflight && npm version patch && npm publish",
-    "release:minor": "npm run release:preflight && npm version minor && npm publish",
-    "release:major": "npm run release:preflight && npm version major && npm publish"
-  },
-  "keywords": [
-    "react",
-    "components",
-    "design-system",
-    "ui",
-    "typescript",
-    "scss"
-  ],
-  "author": "Pedro Mealha",
-  "license": "MIT",
-  "dependencies": {
-    "lucide-react": "^1.34.0"
-  },
-  "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
-  },
-  "devDependencies": {
-    "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/sortable": "^10.0.0",
-    "@dnd-kit/utilities": "^3.2.2",
-    "@eslint/js": "^10.0.1",
-    "@storybook/addon-docs": "^10.6.0",
-    "@storybook/addon-links": "^10.6.0",
-    "@storybook/addon-vitest": "^10.6.0",
-    "@storybook/react-vite": "^10.6.0",
-    "@tanstack/react-virtual": "^3.14.9",
-    "@types/node": "^26.3.0",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.5",
-    "@typescript-eslint/eslint-plugin": "^8.68.0",
-    "@typescript-eslint/parser": "^8.68.0",
-    "@vitejs/plugin-react": "^6.0.5",
-    "@vitest/browser-playwright": "^4.1.10",
-    "@vitest/coverage-v8": "^4.1.10",
-    "chromatic": "^18.6.0",
-    "dayjs": "^1.11.21",
-    "eslint": "^10.9.1",
-    "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-react-hooks": "^7.0.0",
-    "eslint-plugin-react-refresh": "^0.5.3",
-    "eslint-plugin-storybook": "^10.6.0",
-    "globals": "^17.8.0",
-    "playwright": "^1.62.1",
-    "prettier": "^3.9.6",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "sass": "^1.102.0",
-    "storybook": "^10.6.0",
-    "tsup": "^8.5.1",
-    "typescript": "^6.0.3",
-    "vite": "^8.2.0",
-    "vitest": "^4.1.10"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/pmea/eidos-ui.git"
-  }
-}
+{
+  "name": "eidos-ui",
+  "version": "1.0.2",
+  "description": "A modern React component library with TypeScript and SCSS",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./styles": {
+      "types": "./dist/index.css.d.ts",
+      "default": "./dist/index.css"
+    },
+    "./*": {
+      "types": "./dist/*/index.d.ts",
+      "import": "./dist/*/index.js",
+      "require": "./dist/*/index.cjs"
+    }
+  },
+  "sideEffects": [
+    "dist/index.css",
+    "dist/index.css.d.ts"
+  ],
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite --config vite.dev.config.ts",
+    "build": "tsup && node scripts/build-styles.js",
+    "storybook": "storybook dev -p 6007",
+    "build-storybook": "storybook build",
+    "chromatic": "chromatic --exit-zero-on-changes",
+    "lint": "eslint --report-unused-disable-directives --max-warnings 0",
+    "typecheck": "tsc --noEmit",
+    "prettier:check": "prettier --check .",
+    "prettier:fix": "prettier --write .",
+    "prepublishOnly": "npm run build",
+    "version": "node scripts/promote-changelog.js",
+    "postversion": "git push --follow-tags",
+    "init": "npm run dev & npm run storybook",
+    "release:needed": "node scripts/release-needed.js",
+    "release:preflight": "node scripts/preflight-release.js && npm run lint && npm run typecheck && npm run build",
+    "release:patch": "npm run release:preflight && npm version patch",
+    "release:minor": "npm run release:preflight && npm version minor",
+    "release:major": "npm run release:preflight && npm version major"
+  },
+  "keywords": [
+    "react",
+    "components",
+    "design-system",
+    "ui",
+    "typescript",
+    "scss"
+  ],
+  "author": "Pedro Mealha",
+  "license": "MIT",
+  "dependencies": {
+    "lucide-react": "^1.34.0"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@eslint/js": "^10.0.1",
+    "@storybook/addon-docs": "^10.6.0",
+    "@storybook/addon-links": "^10.6.0",
+    "@storybook/addon-vitest": "^10.6.0",
+    "@storybook/react-vite": "^10.6.0",
+    "@tanstack/react-virtual": "^3.14.9",
+    "@types/node": "^26.3.0",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.5",
+    "@typescript-eslint/eslint-plugin": "^8.68.0",
+    "@typescript-eslint/parser": "^8.68.0",
+    "@vitejs/plugin-react": "^6.0.5",
+    "@vitest/browser-playwright": "^4.1.10",
+    "@vitest/coverage-v8": "^4.1.10",
+    "chromatic": "^18.6.0",
+    "dayjs": "^1.11.21",
+    "eslint": "^10.9.1",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react-hooks": "^7.0.0",
+    "eslint-plugin-react-refresh": "^0.5.3",
+    "eslint-plugin-storybook": "^10.6.0",
+    "globals": "^17.8.0",
+    "playwright": "^1.62.1",
+    "prettier": "^3.9.6",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "sass": "^1.102.0",
+    "storybook": "^10.6.0",
+    "tsup": "^8.5.1",
+    "typescript": "^6.0.3",
+    "vite": "^8.2.0",
+    "vitest": "^4.1.10"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/PedroMealha/eidos-ui.git"
+  },
+  "homepage": "https://github.com/PedroMealha/eidos-ui#readme",
+  "bugs": {
+    "url": "https://github.com/PedroMealha/eidos-ui/issues"
+  }
+}

package/dist/chunk-2HTBZGBP.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-2HTBZGBP.cjs","../src/components/Radio/Radio.component.tsx"],"names":[],"mappings":"AAAA;ACAA,8BAAmD;AACnD,2CAA4B;AA6DtB,+CAAA;AAtDC,IAAM,MAAA,EAAQ,+BAAA;AAAA,EACnB,CACE;AAAA,IACE,KAAA;AAAA,IACA,MAAA,EAAQ,SAAA;AAAA,IACR,KAAA,EAAO,IAAA;AAAA,IACP,UAAA,EAAY,EAAA;AAAA,IACZ,SAAA,EAAW,KAAA;AAAA,IACX,EAAA;AAAA,IACA,OAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,EACL,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,MAAM,YAAA,EAAc,0BAAA,CAAM;AAC1B,IAAA,MAAM,QAAA,EAAU,GAAA,GAAM,CAAA,MAAA,EAAS,WAAW,CAAA,CAAA;AAKT,IAAA;AACO,IAAA;AAGX,IAAA;AAEoC,IAAA;AAC5C,MAAA;AACe,QAAA;AAClC,MAAA;AACY,sBAAA;AACd,IAAA;AAEuB,IAAA;AACrB,MAAA;AAC6B,MAAA;AACD,MAAA;AAChB,MAAA;AACZ,MAAA;AAGS,IAAA;AAEY,IAAA;AACrB,MAAA;AACa,MAAA;AACD,MAAA;AAGH,IAAA;AAGF,IAAA;AACL,sBAAA;AAAC,QAAA;AAAA,QAAA;AACC,UAAA;AACK,UAAA;AACD,UAAA;AACM,UAAA;AACV,UAAA;AACU,UAAA;AAC0B,UAAA;AAChC,UAAA;AAAA,QAAA;AACN,MAAA;AACiB,sBAAA;AAGD,MAAA;AAClB,IAAA;AAEJ,EAAA;AACF;AAEoB;AAWkC;AACpD,EAAA;AACO,EAAA;AACP,EAAA;AACA,EAAA;AACA,EAAA;AACY,EAAA;AACJ,EAAA;AACD,EAAA;AACI,EAAA;AACX,EAAA;AACY,EAAA;AACR;AAC+B,EAAA;AAC8B,EAAA;AAG7B,EAAA;AAEgB,EAAA;AAC/B,IAAA;AACQ,MAAA;AAC3B,IAAA;AACsB,oBAAA;AACxB,EAAA;AAE2C,EAAA;AAMvC,EAAA;AAAgB,oBAAA;AAEX,MAAA;AAAA,MAAA;AAEC,QAAA;AACc,QAAA;AACmB,QAAA;AAChB,QAAA;AACO,UAAA;AACxB,QAAA;AAC6B,QAAA;AACf,QAAA;AACd,QAAA;AACA,QAAA;AAAA,MAAA;AAVY,MAAA;AAalB,IAAA;AAGO,IAAA;AACU,sBAAA;AACN,sBAAA;AACT,IAAA;AAEJ,EAAA;AAEJ;AAEyB;AD9CsB;AACA;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-2HTBZGBP.cjs","sourcesContent":[null,"import React, { forwardRef, useId, useState } from 'react';\r\nimport { CircleAlert } from 'lucide-react';\r\nimport type { RadioProps, RadioGroupProps } from './Radio.types';\r\n\r\n// ============================================================================\r\n// Radio\r\n// ============================================================================\r\n\r\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>(\r\n  (\r\n    {\r\n      label,\r\n      color = 'primary',\r\n      size = 'md',\r\n      className = '',\r\n      disabled = false,\r\n      id,\r\n      checked,\r\n      defaultChecked,\r\n      onChange,\r\n      ...inputProps\r\n    },\r\n    ref,\r\n  ) => {\r\n    const generatedId = useId();\r\n    const radioId = id || `radio-${generatedId}`;\r\n\r\n    // Track checked state for the visual control:\r\n    //   - controlled mode: `checked` prop drives the visual\r\n    //   - uncontrolled mode (standalone Radio): local state mirrors the native input\r\n    const isControlled = checked !== undefined;\r\n    const [localChecked, setLocalChecked] = useState<boolean>(defaultChecked ?? false);\r\n\r\n    // `??` only falls back when `checked` is undefined – `false` is kept as-is\r\n    const isChecked = checked ?? localChecked;\r\n\r\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n      if (!isControlled) {\r\n        setLocalChecked(e.target.checked);\r\n      }\r\n      onChange?.(e);\r\n    };\r\n\r\n    const wrapperClasses = [\r\n      'eidos-radio-wrapper',\r\n      `eidos-radio-wrapper--${color}`,\r\n      `eidos-radio-wrapper--${size}`,\r\n      disabled && 'eidos-radio-wrapper--disabled',\r\n      className,\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    const controlClasses = [\r\n      'eidos-radio-control',\r\n      isChecked && 'eidos-radio-control--checked',\r\n      disabled && 'eidos-radio-control--disabled',\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' ');\r\n\r\n    return (\r\n      <label className={wrapperClasses}>\r\n        <input\r\n          ref={ref}\r\n          type=\"radio\"\r\n          id={radioId}\r\n          className=\"eidos-radio-input\"\r\n          disabled={disabled}\r\n          onChange={handleChange}\r\n          {...(isControlled ? { checked } : { defaultChecked })}\r\n          {...inputProps}\r\n        />\r\n        <span className={controlClasses}>\r\n          <span className=\"eidos-radio-dot\" />\r\n        </span>\r\n        {label && <span className=\"eidos-radio-label\">{label}</span>}\r\n      </label>\r\n    );\r\n  },\r\n);\r\n\r\nRadio.displayName = 'Radio';\r\n\r\n// ============================================================================\r\n// RadioGroup\r\n//\r\n// Design note: RadioGroup always passes a controlled `checked` prop to every\r\n// Radio child so that the selection dot stays in sync across the full group.\r\n// For the \"uncontrolled\" case (defaultValue), RadioGroup owns the state\r\n// internally – individual Radios never need to manage it themselves.\r\n// ============================================================================\r\n\r\nexport const RadioGroup: React.FC<RadioGroupProps> = ({\r\n  name,\r\n  value: valueProp,\r\n  defaultValue,\r\n  onChange,\r\n  options,\r\n  direction = 'vertical',\r\n  color = 'primary',\r\n  size = 'md',\r\n  disabled = false,\r\n  error,\r\n  className = '',\r\n}) => {\r\n  const isControlled = valueProp !== undefined;\r\n  const [localValue, setLocalValue] = useState<string | undefined>(defaultValue);\r\n\r\n  // currentValue is always defined when valueProp is provided (controlled)\r\n  const currentValue = isControlled ? valueProp : localValue;\r\n\r\n  const handleOptionChange = (optionValue: string) => {\r\n    if (!isControlled) {\r\n      setLocalValue(optionValue);\r\n    }\r\n    onChange?.(optionValue);\r\n  };\r\n\r\n  const groupClasses = ['eidos-radio-group', `eidos-radio-group--${direction}`, className]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return (\r\n    <div>\r\n      <div className={groupClasses}>\r\n        {options.map((option) => (\r\n          <Radio\r\n            key={option.value}\r\n            name={name}\r\n            value={option.value}\r\n            checked={currentValue === option.value}\r\n            onChange={(e) => {\r\n              if (e.target.checked) handleOptionChange(option.value);\r\n            }}\r\n            disabled={disabled || option.disabled}\r\n            label={option.label}\r\n            color={color}\r\n            size={size}\r\n          />\r\n        ))}\r\n      </div>\r\n\r\n      {error && (\r\n        <div className=\"eidos-radio-error-message\">\r\n          <CircleAlert />\r\n          <span>{error}</span>\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nRadioGroup.displayName = 'RadioGroup';\r\n"]}

package/dist/chunk-2JWY36LD.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-2JWY36LD.cjs","../src/components/Accordion/Accordion.component.tsx"],"names":[],"mappings":"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","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-2JWY36LD.cjs","sourcesContent":[null,"import React, { useState, useRef, useContext, useId, useEffect, useCallback } from 'react';\r\nimport { ChevronDown } from 'lucide-react';\r\nimport type { AccordionProps, AccordionItemProps, AccordionContextValue } from './Accordion.types';\r\n\r\n// ============================================================================\r\n// HELPERS\r\n// ============================================================================\r\n\r\n/** Normalise a controlled/default value (string | string[] | undefined) to string[]. */\r\nconst toArray = (v: string | string[] | undefined): string[] =>\r\n  v === undefined ? [] : Array.isArray(v) ? v : [v];\r\n\r\n// ============================================================================\r\n// CONTEXT\r\n// ============================================================================\r\n\r\nconst AccordionContext = React.createContext<AccordionContextValue | null>(null);\r\n\r\nconst useAccordion = (): AccordionContextValue => {\r\n  const ctx = useContext(AccordionContext);\r\n  if (!ctx) throw new Error('AccordionItem must be used inside <Accordion>');\r\n  return ctx;\r\n};\r\n\r\n// ============================================================================\r\n// ACCORDION - root container; owns open state; provides context\r\n// ============================================================================\r\n\r\nexport const Accordion: React.FC<AccordionProps> = ({\r\n  multiple = false,\r\n  value,\r\n  defaultValue,\r\n  onChange,\r\n  variant = 'default',\r\n  size = 'md',\r\n  color = 'primary',\r\n  className = '',\r\n  children,\r\n}) => {\r\n  const isControlled = value !== undefined;\r\n\r\n  const [localOpen, setLocalOpen] = useState<string[]>(() => toArray(defaultValue));\r\n  const openValues = isControlled ? toArray(value) : localOpen;\r\n\r\n  const toggle = useCallback(\r\n    (itemValue: string) => {\r\n      const isOpen = openValues.includes(itemValue);\r\n      let next: string[];\r\n\r\n      if (multiple) {\r\n        next = isOpen ? openValues.filter((v) => v !== itemValue) : [...openValues, itemValue];\r\n      } else {\r\n        next = isOpen ? [] : [itemValue];\r\n      }\r\n\r\n      if (!isControlled) setLocalOpen(next);\r\n      onChange?.(multiple ? next : (next[0] ?? ''));\r\n    },\r\n    [openValues, multiple, isControlled, onChange],\r\n  );\r\n\r\n  const rootClasses = ['eidos-accordion', `eidos-accordion--${variant}`, className]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return (\r\n    <AccordionContext.Provider value={{ openValues, toggle, variant, size, color }}>\r\n      <div className={rootClasses}>{children}</div>\r\n    </AccordionContext.Provider>\r\n  );\r\n};\r\n\r\nAccordion.displayName = 'Accordion';\r\n\r\n// ============================================================================\r\n// ACCORDION ITEM - individual item; reads context; renders trigger + animated panel\r\n// ============================================================================\r\n\r\nexport const AccordionItem: React.FC<AccordionItemProps> = ({\r\n  value,\r\n  label,\r\n  icon,\r\n  disabled = false,\r\n  className = '',\r\n  children,\r\n}) => {\r\n  const { openValues, toggle, size, color } = useAccordion();\r\n  const isOpen = openValues.includes(value);\r\n  const contentRef = useRef<HTMLDivElement>(null);\r\n  const triggerId = useId();\r\n  const panelId = useId();\r\n\r\n  // Drives the max-height CSS transition.\r\n  // On open: set to scrollHeight so the wrapper animates to its natural height.\r\n  // On close: set to 0 so the wrapper animates shut.\r\n  // The CSS transition on .eidos-accordion-content-wrapper handles the animation.\r\n  const [maxHeight, setMaxHeight] = useState<number>(0);\r\n\r\n  useEffect(() => {\r\n    if (!contentRef.current) return;\r\n    setMaxHeight(isOpen ? contentRef.current.scrollHeight : 0);\r\n  }, [isOpen]);\r\n\r\n  const itemClasses = [\r\n    'eidos-accordion-item',\r\n    isOpen && 'eidos-accordion-item--open',\r\n    disabled && 'eidos-accordion-item--disabled',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const triggerClasses = [\r\n    'eidos-accordion-trigger',\r\n    `eidos-accordion-trigger--${size}`,\r\n    isOpen && 'eidos-accordion-trigger--open',\r\n    isOpen && `eidos-accordion-trigger--${color}`,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return (\r\n    <div className={itemClasses}>\r\n      <button\r\n        id={triggerId}\r\n        type=\"button\"\r\n        aria-expanded={isOpen}\r\n        aria-controls={panelId}\r\n        disabled={disabled}\r\n        onClick={() => !disabled && toggle(value)}\r\n        className={triggerClasses}\r\n      >\r\n        {icon && <span className=\"eidos-accordion-trigger-icon\">{icon}</span>}\r\n        <span className=\"eidos-accordion-trigger-label\">{label}</span>\r\n        <ChevronDown className=\"eidos-accordion-chevron\" aria-hidden=\"true\" />\r\n      </button>\r\n\r\n      <div\r\n        id={panelId}\r\n        role=\"region\"\r\n        aria-labelledby={triggerId}\r\n        ref={contentRef}\r\n        className=\"eidos-accordion-content-wrapper\"\r\n        style={{ maxHeight: `${maxHeight}px` }}\r\n      >\r\n        <div className=\"eidos-accordion-content\">{children}</div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nAccordionItem.displayName = 'AccordionItem';\r\n"]}

package/dist/chunk-2YQE26EK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Skeleton/Skeleton.component.tsx"],"sourcesContent":["import React from 'react';\r\nimport type { SkeletonProps } from './Skeleton.types';\r\nimport './Skeleton.scss';\r\n\r\n// ============================================================================\r\n// Helpers\r\n// ============================================================================\r\n\r\nfunction toCssSize(value: number | string): string {\r\n  return typeof value === 'number' ? `${value}px` : value;\r\n}\r\n\r\n// ============================================================================\r\n// Component\r\n// ============================================================================\r\n\r\nexport const Skeleton: React.FC<SkeletonProps> = ({\r\n  variant = 'text',\r\n  width,\r\n  height,\r\n  lines = 1,\r\n  animation = 'wave',\r\n  className,\r\n}) => {\r\n  const widthStyle = width !== undefined ? toCssSize(width) : undefined;\r\n  const heightStyle = height !== undefined ? toCssSize(height) : undefined;\r\n\r\n  // Multi-line text variant\r\n  if (variant === 'text' && lines > 1) {\r\n    return (\r\n      <div\r\n        className={['eidos-skeleton-text-group', className].filter(Boolean).join(' ')}\r\n        aria-hidden=\"true\"\r\n      >\r\n        {Array.from({ length: lines }, (_, i) => (\r\n          <span\r\n            key={i}\r\n            className={`eidos-skeleton eidos-skeleton--text eidos-skeleton--${animation}`}\r\n            style={{\r\n              width: i === lines - 1 ? '60%' : (widthStyle ?? '100%'),\r\n              height: heightStyle,\r\n            }}\r\n          />\r\n        ))}\r\n      </div>\r\n    );\r\n  }\r\n\r\n  // Single element\r\n  return (\r\n    <span\r\n      className={[\r\n        'eidos-skeleton',\r\n        `eidos-skeleton--${variant}`,\r\n        `eidos-skeleton--${animation}`,\r\n        className,\r\n      ]\r\n        .filter(Boolean)\r\n        .join(' ')}\r\n      style={{ width: widthStyle, height: heightStyle }}\r\n      aria-hidden=\"true\"\r\n    />\r\n  );\r\n};\r\n"],"mappings":";AAmCU;AA3BV,SAAS,UAAU,OAAgC;AACjD,SAAO,OAAO,UAAU,WAAW,GAAG,KAAK,OAAO;AACpD;AAMO,IAAM,WAAoC,CAAC;AAAA,EAChD,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AACF,MAAM;AACJ,QAAM,aAAa,UAAU,SAAY,UAAU,KAAK,IAAI;AAC5D,QAAM,cAAc,WAAW,SAAY,UAAU,MAAM,IAAI;AAG/D,MAAI,YAAY,UAAU,QAAQ,GAAG;AACnC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,CAAC,6BAA6B,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,QAC5E,eAAY;AAAA,QAEX,gBAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,MACjC;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW,uDAAuD,SAAS;AAAA,YAC3E,OAAO;AAAA,cACL,OAAO,MAAM,QAAQ,IAAI,QAAS,cAAc;AAAA,cAChD,QAAQ;AAAA,YACV;AAAA;AAAA,UALK;AAAA,QAMP,CACD;AAAA;AAAA,IACH;AAAA,EAEJ;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,mBAAmB,OAAO;AAAA,QAC1B,mBAAmB,SAAS;AAAA,QAC5B;AAAA,MACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,MACX,OAAO,EAAE,OAAO,YAAY,QAAQ,YAAY;AAAA,MAChD,eAAY;AAAA;AAAA,EACd;AAEJ;","names":[]}

package/dist/chunk-2ZWBN3LK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-2ZWBN3LK.cjs","../src/components/Stepper/Stepper.component.tsx"],"names":[],"mappings":"AAAA;ACCA,2CAAyB;AA6CjB,+CAAA;AA1CD,IAAM,QAAA,EAAkC,CAAC;AAAA,EAC9C,KAAA;AAAA,EACA,WAAA,EAAa,CAAA;AAAA,EACb,YAAA,EAAc,YAAA;AAAA,EACd,MAAA,EAAQ,SAAA;AAAA,EACR,YAAA,EAAc,IAAA;AAAA,EACd,YAAA,EAAc,KAAA;AAAA,EACd,UAAA,EAAY,KAAA;AAAA,EACZ,UAAA,EAAY;AACd,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,UAAA,EAAY,CAAC,KAAA,EAAe,cAAA,EAAA,GAA4C;AAC5E,IAAA,GAAA,CAAI,cAAA,EAAgB,OAAO,cAAA;AAC3B,IAAA,GAAA,CAAI,MAAA,EAAQ,UAAA,EAAY,OAAO,WAAA;AAC/B,IAAA,GAAA,CAAI,MAAA,IAAU,UAAA,EAAY,OAAO,QAAA;AACjC,IAAA,OAAO,SAAA;AAAA,EACT,CAAA;AAOA,EAAA,MAAM,qBAAA,EAAuB,KAAA,CAAM,OAAA,EAAS,EAAA,GAAK,SAAA,CAAU,CAAA,EAAG,KAAA,CAAM,CAAC,CAAA,CAAE,MAAM,EAAA,IAAM,WAAA;AAEnF,EAAA,uBACE,8BAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAC,eAAA,EAAiB,CAAA,eAAA,EAAkB,WAAW,CAAA,CAAA;AAG/C,MAAA;AAYV,MAAA;AACC,QAAA;AAAC,UAAA;AAAA,UAAA;AACY,YAAA;AACT,cAAA;AACA,cAAA;AACwB,cAAA;AAGf,YAAA;AACC,YAAA;AAAA,UAAA;AACd,QAAA;AAE0B,QAAA;AACiB,UAAA;AAKG,UAAA;AAMO,UAAA;AAItC,UAAA;AASb,UAAA;AAAC,YAAA;AAAA,YAAA;AAEY,cAAA;AACT,gBAAA;AAC6B,gBAAA;AACD,gBAAA;AACjB,gBAAA;AAGF,cAAA;AACkC,cAAA;AAG7C,cAAA;AAAe,gCAAA;AACE,kCAAA;AAIb,kBAAA;AAAC,oBAAA;AAAA,oBAAA;AACY,sBAAA;AACT,wBAAA;AACkB,wBAAA;AAGT,sBAAA;AACC,sBAAA;AAAA,oBAAA;AACd,kBAAA;AAEJ,gBAAA;AAGe,gCAAA;AACG,kCAAA;AAEb,kBAAA;AAEL,gBAAA;AAAA,cAAA;AAAA,YAAA;AAnCK,YAAA;AAoCP,UAAA;AAEH,QAAA;AAEC,QAAA;AAAC,UAAA;AAAA,UAAA;AACW,YAAA;AACE,YAAA;AAAA,UAAA;AACd,QAAA;AAAA,MAAA;AAAA,IAAA;AAEJ,EAAA;AAEJ;AAEsB;AD7C2C;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-2ZWBN3LK.cjs","sourcesContent":[null,"import React from 'react';\r\nimport { Check, X } from 'lucide-react';\r\nimport type { StepperProps, StepStatus } from './Stepper.types';\r\n\r\nexport const Stepper: React.FC<StepperProps> = ({\r\n  steps,\r\n  activeStep = 0,\r\n  orientation = 'horizontal',\r\n  color = 'primary',\r\n  showNumbers = true,\r\n  extendStart = false,\r\n  extendEnd = false,\r\n  className = '',\r\n}) => {\r\n  const getStatus = (index: number, explicitStatus?: StepStatus): StepStatus => {\r\n    if (explicitStatus) return explicitStatus;\r\n    if (index < activeStep) return 'completed';\r\n    if (index === activeStep) return 'active';\r\n    return 'pending';\r\n  };\r\n\r\n  // `extendStart`'s connector has no real preceding step to take its color\r\n  // from, so it mirrors the first step's own status instead - colored only\r\n  // once that step is actually completed. `extendEnd`'s connector *does*\r\n  // have a real preceding step (the last one) and colors via the adjacent-\r\n  // sibling rule in Stepper.scss, same as a between-step connector.\r\n  const isFirstStepCompleted = steps.length > 0 && getStatus(0, steps[0].status) === 'completed';\r\n\r\n  return (\r\n    <div\r\n      className={['eidos-stepper', `eidos-stepper--${orientation}`, className]\r\n        .filter(Boolean)\r\n        .join(' ')}\r\n      aria-label=\"Progress steps\"\r\n    >\r\n      {/*\r\n        `extendStart`/`extendEnd` render as standalone connectors, siblings\r\n        of the steps rather than nested inside one - nesting one inside (say)\r\n        the first step's own dot-row would make it share that step's fixed\r\n        flex slot with its regular trailing connector, silently shrinking\r\n        the real Account-Profile gap to make room. As an extra sibling, it\r\n        gets its own independent share of the row instead, so every existing\r\n        gap shrinks by the same small, uniform amount rather than one\r\n        specific connector taking the whole hit.\r\n      */}\r\n      {extendStart && (\r\n        <div\r\n          className={[\r\n            'eidos-stepper-connector',\r\n            'eidos-stepper-connector--extend',\r\n            isFirstStepCompleted && `eidos-stepper-connector--${color}`,\r\n          ]\r\n            .filter(Boolean)\r\n            .join(' ')}\r\n          aria-hidden=\"true\"\r\n        />\r\n      )}\r\n      {steps.map((step, index) => {\r\n        const status = getStatus(index, step.status);\r\n        // The last step only skips its own trailing connector when there's\r\n        // truly nothing after it - if `extendEnd` adds a connector past it,\r\n        // it needs one too, exactly like every other step, so there's no\r\n        // blank gap between its dot and the extend connector.\r\n        const isLast = index === steps.length - 1 && !extendEnd;\r\n        // That trailing connector and the standalone extend connector right\r\n        // after it both carry the usual margin meant for the gap before a\r\n        // *dot* - stacked together with no dot between them, that reads as\r\n        // an unwanted extra gap. Only the extend connector's own side of\r\n        // that junction is zeroed in Stepper.scss; this is the other side.\r\n        const joinsExtendEnd = index === steps.length - 1 && extendEnd;\r\n\r\n        const dotContent = step.icon ? (\r\n          step.icon\r\n        ) : status === 'completed' ? (\r\n          <Check aria-hidden=\"true\" />\r\n        ) : status === 'error' ? (\r\n          <X aria-hidden=\"true\" />\r\n        ) : showNumbers ? (\r\n          <span>{index + 1}</span>\r\n        ) : null;\r\n\r\n        return (\r\n          <div\r\n            key={index}\r\n            className={[\r\n              'eidos-stepper-step',\r\n              `eidos-stepper-step--${status}`,\r\n              `eidos-stepper-step--${color}`,\r\n              !isLast && 'eidos-stepper-step--has-connector',\r\n            ]\r\n              .filter(Boolean)\r\n              .join(' ')}\r\n            aria-current={status === 'active' ? 'step' : undefined}\r\n          >\r\n            {/* Dot + connector wrapper */}\r\n            <div className=\"eidos-stepper-dot-row\">\r\n              <div className=\"eidos-stepper-dot\" aria-hidden=\"true\">\r\n                {dotContent}\r\n              </div>\r\n              {!isLast && (\r\n                <div\r\n                  className={[\r\n                    'eidos-stepper-connector',\r\n                    joinsExtendEnd && 'eidos-stepper-connector--joins-extend',\r\n                  ]\r\n                    .filter(Boolean)\r\n                    .join(' ')}\r\n                  aria-hidden=\"true\"\r\n                />\r\n              )}\r\n            </div>\r\n\r\n            {/* Labels */}\r\n            <div className=\"eidos-stepper-label-group\">\r\n              <span className=\"eidos-stepper-label\">{step.label}</span>\r\n              {step.description && (\r\n                <span className=\"eidos-stepper-description\">{step.description}</span>\r\n              )}\r\n            </div>\r\n          </div>\r\n        );\r\n      })}\r\n      {extendEnd && (\r\n        <div\r\n          className=\"eidos-stepper-connector eidos-stepper-connector--extend\"\r\n          aria-hidden=\"true\"\r\n        />\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nStepper.displayName = 'Stepper';\r\n"]}

package/dist/chunk-3KAR5KCS.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-3KAR5KCS.cjs","../src/components/Toolbar/Toolbar.component.tsx"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACIsB,+CAAA;AAXf,IAAM,QAAA,EAAkC,CAAC;AAAA,EAC9C,WAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA,EAAY;AACd,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,QAAA,EAAU,CAAC,eAAA,EAAiB,SAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAErE,EAAA,uBACE,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAW,OAAA,EACb,QAAA,EAAA;AAAA,IAAA,YAAA,mBAAe,6BAAA,4BAAC,EAAA,EAAY,GAAG,YAAA,CAAa,CAAA;AAAA,oBAC7C,8BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,wBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,gBAAA,GAAmB,eAAA,CAAgB,OAAA,EAAS,EAAA,mBAC3C,6BAAA,gCAAC,EAAA,EAAe,OAAA,EAAO,IAAA,EAAC,YAAA,EAAa,QAAA,EAAS,KAAA,EAAO,gBAAA,CAAiB,CAAA;AAAA,MAEvE,QAAA,GAAW,OAAA,CAAQ,OAAA,EAAS,EAAA,mBAC3B,6BAAA,KAAC,EAAA,EAAI,SAAA,EAAU,wBAAA,EACZ,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,EAAQ,KAAA,EAAA,mBACpB,6BAAA,4BAAC,EAAA,EAAuB,OAAA,EAAQ,MAAA,EAAO,IAAA,EAAK,IAAA,EAAM,GAAG,OAAA,CAAA,EAApC,KAA4C,CAC9D,EAAA,CACH,CAAA;AAAA,sBAEF,6BAAA;AAAA,QAAC,sBAAA;AAAA,QAAA;AAAA,UACC,OAAA,kBAAS,6BAAA,wBAAC,EAAA,EAAO,IAAA,EAAK,UAAA,EAAW,IAAA,EAAK,IAAA,EAAK,KAAA,EAAM,UAAA,CAAU,CAAA;AAAA,UAC3D,KAAA,EAAO,QAAA;AAAA,UACP,QAAA,EAAU;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,CAAA;AAEJ,CAAA;ADEA;AACA;AACE;AACF,0BAAC","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-3KAR5KCS.cjs","sourcesContent":[null,"import React from 'react';\r\nimport type { ToolbarProps } from './Toolbar.types';\r\nimport './Toolbar.scss';\r\nimport { IconButton } from '../Button';\r\nimport { Breadcrumb } from '../Breadcrumb';\r\nimport { Avatar } from '../Avatar';\r\nimport { Menu } from '../Menu';\r\nimport { CommandPalette } from '../CommandPalette';\r\n\r\nexport const Toolbar: React.FC<ToolbarProps> = ({\r\n  breadcrumbs,\r\n  actions,\r\n  userMenu,\r\n  cmdPaletteItems,\r\n  className = '',\r\n}) => {\r\n  const classes = ['eidos-toolbar', className].filter(Boolean).join(' ');\r\n\r\n  return (\r\n    <div className={classes}>\r\n      {breadcrumbs && <Breadcrumb {...breadcrumbs} />}\r\n      <div className=\"eidos-toolbar__content\">\r\n        {cmdPaletteItems && cmdPaletteItems.length > 0 && (\r\n          <CommandPalette trigger triggerLabel=\"Search\" items={cmdPaletteItems} />\r\n        )}\r\n        {actions && actions.length > 0 && (\r\n          <div className=\"eidos-toolbar__actions\">\r\n            {actions.map((action, index) => (\r\n              <IconButton key={index} variant=\"text\" size=\"sm\" {...action} />\r\n            ))}\r\n          </div>\r\n        )}\r\n        <Menu\r\n          trigger={<Avatar name=\"John Doe\" size=\"sm\" color=\"primary\" />}\r\n          items={userMenu}\r\n          minWidth={220}\r\n        />\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"]}

package/dist/chunk-3YPTYI7R.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/FileUpload/FileUpload.component.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\r\nimport { Upload, X, CircleAlert, FileText } from 'lucide-react';\r\nimport type { FileUploadProps } from './FileUpload.types';\r\n\r\n// ── Helpers ──────────────────────────────────────────────────────────────────\r\n\r\nfunction formatBytes(bytes: number): string {\r\n  if (bytes < 1024) return `${bytes} B`;\r\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\r\n  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;\r\n}\r\n\r\nfunction isFileTypeAccepted(file: File, acceptedTypes: string[]): boolean {\r\n  return acceptedTypes.some((type) => {\r\n    const trimmed = type.trim();\r\n    // Extension match: \".pdf\", \".docx\"\r\n    if (trimmed.startsWith('.')) {\r\n      return file.name.toLowerCase().endsWith(trimmed.toLowerCase());\r\n    }\r\n    // Wildcard MIME group: \"image/*\", \"video/*\"\r\n    if (trimmed.endsWith('/*')) {\r\n      const baseType = trimmed.slice(0, -2);\r\n      return file.type.startsWith(`${baseType}/`);\r\n    }\r\n    // Exact MIME type: \"application/pdf\"\r\n    return file.type === trimmed;\r\n  });\r\n}\r\n\r\n// ── Component ─────────────────────────────────────────────────────────────────\r\n\r\nexport function FileUpload({\r\n  accept,\r\n  multiple = false,\r\n  maxSize,\r\n  maxFiles,\r\n  onFilesAccepted,\r\n  onFilesRejected,\r\n  hint,\r\n  disabled = false,\r\n  className = '',\r\n}: FileUploadProps) {\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const [files, setFiles] = useState<File[]>([]);\r\n  const [error, setError] = useState<string | null>(null);\r\n\r\n  // ── Validation ─────────────────────────────────────────────────────────────\r\n\r\n  const validateAndAccept = (fileList: FileList | File[]) => {\r\n    const incoming = Array.from(fileList);\r\n\r\n    if (maxFiles !== undefined && incoming.length > maxFiles) {\r\n      setError(`Maximum ${maxFiles} file${maxFiles === 1 ? '' : 's'} allowed`);\r\n      onFilesRejected?.(incoming, 'count');\r\n      return;\r\n    }\r\n\r\n    if (accept) {\r\n      const acceptedTypes = accept.split(',').map((t) => t.trim());\r\n      const invalid = incoming.filter((f) => !isFileTypeAccepted(f, acceptedTypes));\r\n      if (invalid.length > 0) {\r\n        setError('One or more files have an unsupported type');\r\n        onFilesRejected?.(incoming, 'type');\r\n        return;\r\n      }\r\n    }\r\n\r\n    if (maxSize !== undefined) {\r\n      const oversized = incoming.filter((f) => f.size > maxSize);\r\n      if (oversized.length > 0) {\r\n        setError(`File size exceeds the ${formatBytes(maxSize)} limit`);\r\n        onFilesRejected?.(oversized, 'size');\r\n        return;\r\n      }\r\n    }\r\n\r\n    setError(null);\r\n    setFiles(incoming);\r\n    onFilesAccepted?.(incoming);\r\n  };\r\n\r\n  // ── Drag handlers ──────────────────────────────────────────────────────────\r\n\r\n  const handleDragEnter = (e: React.DragEvent<HTMLDivElement>) => {\r\n    e.preventDefault();\r\n    if (!disabled) setIsDragging(true);\r\n  };\r\n\r\n  const handleDragOver = (e: React.DragEvent<HTMLDivElement>) => {\r\n    // Prevent default to allow the drop event to fire\r\n    e.preventDefault();\r\n  };\r\n\r\n  const handleDragLeave = (e: React.DragEvent<HTMLDivElement>) => {\r\n    e.preventDefault();\r\n    // Only clear the dragging state when leaving the zone entirely,\r\n    // not when moving over a child element inside it.\r\n    if (!e.currentTarget.contains(e.relatedTarget as Node)) {\r\n      setIsDragging(false);\r\n    }\r\n  };\r\n\r\n  const handleDrop = (e: React.DragEvent<HTMLDivElement>) => {\r\n    e.preventDefault();\r\n    setIsDragging(false);\r\n    if (disabled) return;\r\n    const { files: dropped } = e.dataTransfer;\r\n    if (dropped.length > 0) validateAndAccept(dropped);\r\n  };\r\n\r\n  // ── Click / keyboard ───────────────────────────────────────────────────────\r\n\r\n  const handleZoneClick = () => {\r\n    if (!disabled) inputRef.current?.click();\r\n  };\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLDivElement>) => {\r\n    if (e.key === 'Enter' || e.key === ' ') {\r\n      e.preventDefault();\r\n      handleZoneClick();\r\n    }\r\n  };\r\n\r\n  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    if (e.target.files && e.target.files.length > 0) {\r\n      validateAndAccept(e.target.files);\r\n    }\r\n    // Reset the input value so the same file(s) can be re-selected\r\n    e.target.value = '';\r\n  };\r\n\r\n  // ── File list management ───────────────────────────────────────────────────\r\n\r\n  const handleRemoveFile = (index: number) => {\r\n    const remaining = files.filter((_, i) => i !== index);\r\n    setFiles(remaining);\r\n    onFilesAccepted?.(remaining);\r\n  };\r\n\r\n  // ── CSS classes ────────────────────────────────────────────────────────────\r\n\r\n  const rootClasses = ['eidos-file-upload', className].filter(Boolean).join(' ');\r\n\r\n  const zoneClasses = [\r\n    'eidos-file-upload-zone',\r\n    isDragging && 'eidos-file-upload-zone--dragging',\r\n    disabled && 'eidos-file-upload-zone--disabled',\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  // Build the auto-generated hint from the constraints when no hint is provided\r\n  const autoHint = [\r\n    accept ? `Accepted: ${accept}` : null,\r\n    maxSize ? `Max size: ${formatBytes(maxSize)}` : null,\r\n    maxFiles && multiple ? `Up to ${maxFiles} files` : null,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' · ');\r\n\r\n  const displayHint = hint ?? (autoHint.length > 0 ? autoHint : null);\r\n\r\n  return (\r\n    <div\r\n      className={rootClasses}\r\n      role=\"region\"\r\n      aria-label=\"File upload\"\r\n      aria-disabled={disabled || undefined}\r\n    >\r\n      <div\r\n        className={zoneClasses}\r\n        onClick={handleZoneClick}\r\n        onDragEnter={handleDragEnter}\r\n        onDragOver={handleDragOver}\r\n        onDragLeave={handleDragLeave}\r\n        onDrop={handleDrop}\r\n        onKeyDown={handleKeyDown}\r\n        role=\"button\"\r\n        tabIndex={disabled ? -1 : 0}\r\n        aria-label=\"Upload files - click or drag and drop\"\r\n        aria-disabled={disabled || undefined}\r\n      >\r\n        <div className=\"eidos-file-upload-icon\" aria-hidden=\"true\">\r\n          <Upload />\r\n        </div>\r\n\r\n        <div className=\"eidos-file-upload-text\">\r\n          <p className=\"eidos-file-upload-title\">\r\n            <em>Click to upload</em>\r\n          </p>\r\n          <span style={{ fontWeight: 'normal', fontSize: '0.875rem' }}>or drag and drop</span>\r\n          {displayHint && <p className=\"eidos-file-upload-hint\">{displayHint}</p>}\r\n        </div>\r\n\r\n        {/* Hidden native input - triggered programmatically via click() */}\r\n        <input\r\n          ref={inputRef}\r\n          type=\"file\"\r\n          accept={accept}\r\n          multiple={multiple}\r\n          disabled={disabled}\r\n          onChange={handleFileChange}\r\n          className=\"eidos-file-upload-input-hidden\"\r\n          tabIndex={-1}\r\n          aria-hidden=\"true\"\r\n        />\r\n      </div>\r\n\r\n      {error && (\r\n        <p className=\"eidos-file-upload-error\" role=\"alert\">\r\n          <CircleAlert aria-hidden=\"true\" />\r\n          {error}\r\n        </p>\r\n      )}\r\n\r\n      {files.length > 0 && (\r\n        <ul className=\"eidos-file-upload-list\" aria-label=\"Selected files\">\r\n          {files.map((file, index) => (\r\n            <li key={`${file.name}-${index}`} className=\"eidos-file-upload-item\">\r\n              <div className=\"eidos-file-upload-item-info\">\r\n                <FileText aria-hidden=\"true\" />\r\n                <span className=\"eidos-file-upload-item-name\">{file.name}</span>\r\n                <span className=\"eidos-file-upload-item-size\">{formatBytes(file.size)}</span>\r\n              </div>\r\n              <button\r\n                type=\"button\"\r\n                className=\"eidos-file-upload-item-remove\"\r\n                onClick={() => handleRemoveFile(index)}\r\n                aria-label={`Remove ${file.name}`}\r\n              >\r\n                <X />\r\n              </button>\r\n            </li>\r\n          ))}\r\n        </ul>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nFileUpload.displayName = 'FileUpload';\r\n"],"mappings":"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","names":[]}

package/dist/chunk-4NUZP66U.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/TagInput/TagInput.component.tsx"],"sourcesContent":["import React, { useState, useId, useRef, useCallback, useMemo, useEffect } from 'react';\r\nimport { CircleAlert } from 'lucide-react';\r\nimport { Chip } from '../Chip/Chip.component';\r\nimport { Dropdown } from '../Dropdown/Dropdown.component';\r\nimport type { TagInputProps } from './TagInput.types';\r\nimport './TagInput.scss';\r\n\r\nexport const TagInput: React.FC<TagInputProps> = ({\r\n  value,\r\n  defaultValue = [],\r\n  onChange,\r\n  placeholder = 'Add tag…',\r\n  size = 'md',\r\n  disabled = false,\r\n  label,\r\n  error,\r\n  hint,\r\n  allowDuplicates = false,\r\n  maxTags,\r\n  separators = ['Enter', ',', 'Tab'],\r\n  validate,\r\n  className = '',\r\n  fullWidth = false,\r\n  suggestions,\r\n  onSearch,\r\n  suggestionsEmptyText = 'No matches',\r\n}) => {\r\n  const generatedId = useId();\r\n  const inputId = `tag-input-${generatedId}`;\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  /** Entire component wrapper - used for click-outside detection on the suggestions dropdown */\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n\r\n  /** The field wrapper - passed to Dropdown as externalTriggerRef for width/anchoring */\r\n  const fieldRef = useRef<HTMLDivElement>(null);\r\n\r\n  /** The 0-height span that IS the Dropdown trigger element - programmatically clicked to open */\r\n  const dropdownSpanRef = useRef<HTMLSpanElement>(null);\r\n\r\n  const hasSuggestions = suggestions !== undefined;\r\n  const isSuggestionsOpenRef = useRef(false);\r\n  const [isSuggestionsOpen, setIsSuggestionsOpen] = useState(false);\r\n  const [suggestionsMenuKey, setSuggestionsMenuKey] = useState(0);\r\n  const [focusedSuggestionIndex, setFocusedSuggestionIndex] = useState(-1);\r\n\r\n  const isControlled = value !== undefined;\r\n\r\n  const [internalTags, setInternalTags] = useState<string[]>(defaultValue);\r\n  const [inputValue, setInputValue] = useState('');\r\n  const [isFocused, setIsFocused] = useState(false);\r\n  const [validationError, setValidationError] = useState<string | null>(null);\r\n\r\n  const tags = isControlled ? (value as string[]) : internalTags;\r\n\r\n  const updateTags = useCallback(\r\n    (newTags: string[]) => {\r\n      if (!isControlled) {\r\n        setInternalTags(newTags);\r\n      }\r\n      onChange?.(newTags);\r\n    },\r\n    [isControlled, onChange],\r\n  );\r\n\r\n  const addTag = useCallback(\r\n    (rawTag: string) => {\r\n      const tag = rawTag.trim();\r\n\r\n      if (!tag) return;\r\n\r\n      if (!allowDuplicates && tags.includes(tag)) return;\r\n\r\n      if (maxTags !== undefined && tags.length >= maxTags) return;\r\n\r\n      if (validate) {\r\n        const result = validate(tag);\r\n        if (result === false) return;\r\n        if (typeof result === 'string') {\r\n          setValidationError(result);\r\n          return;\r\n        }\r\n        // result === true → valid, fall through\r\n      }\r\n\r\n      setValidationError(null);\r\n      updateTags([...tags, tag]);\r\n      setInputValue('');\r\n    },\r\n    [tags, allowDuplicates, maxTags, validate, updateTags],\r\n  );\r\n\r\n  const removeTag = useCallback(\r\n    (index: number) => {\r\n      updateTags(tags.filter((_, i) => i !== index));\r\n    },\r\n    [tags, updateTags],\r\n  );\r\n\r\n  // ─── Suggestions dropdown (autocomplete) ───────────────────────────────────\r\n\r\n  const filteredSuggestions = useMemo<string[]>(() => {\r\n    if (!suggestions) return [];\r\n    const query = inputValue.trim().toLowerCase();\r\n    return suggestions.filter((suggestion) => {\r\n      if (!allowDuplicates && tags.includes(suggestion)) return false;\r\n      if (!query) return true;\r\n      return suggestion.toLowerCase().includes(query);\r\n    });\r\n  }, [suggestions, inputValue, tags, allowDuplicates]);\r\n\r\n  useEffect(() => {\r\n    setFocusedSuggestionIndex(-1);\r\n  }, [filteredSuggestions]);\r\n\r\n  const openSuggestions = useCallback(() => {\r\n    if (isSuggestionsOpenRef.current || disabled || !hasSuggestions) return;\r\n    dropdownSpanRef.current?.click(); // opens the Dropdown (bubbles to trigger)\r\n    isSuggestionsOpenRef.current = true;\r\n    setIsSuggestionsOpen(true);\r\n  }, [disabled, hasSuggestions]);\r\n\r\n  const closeSuggestions = useCallback(() => {\r\n    isSuggestionsOpenRef.current = false;\r\n    setIsSuggestionsOpen(false);\r\n    setFocusedSuggestionIndex(-1);\r\n    setSuggestionsMenuKey((prev) => prev + 1);\r\n  }, []);\r\n\r\n  const selectSuggestion = useCallback(\r\n    (suggestion: string) => {\r\n      addTag(suggestion);\r\n      closeSuggestions();\r\n      inputRef.current?.focus();\r\n    },\r\n    [addTag, closeSuggestions],\r\n  );\r\n\r\n  // Click-outside detection for the suggestions dropdown.\r\n  useEffect(() => {\r\n    if (!hasSuggestions) return;\r\n\r\n    const handleMouseDown = (e: MouseEvent) => {\r\n      if (!isSuggestionsOpenRef.current) return;\r\n      if (e.defaultPrevented) return; // click inside the portal-rendered listbox\r\n      if (containerRef.current?.contains(e.target as Node)) return;\r\n      closeSuggestions();\r\n    };\r\n\r\n    document.addEventListener('mousedown', handleMouseDown);\r\n    return () => document.removeEventListener('mousedown', handleMouseDown);\r\n  }, [hasSuggestions, closeSuggestions]);\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (hasSuggestions && isSuggestionsOpenRef.current && filteredSuggestions.length > 0) {\r\n      if (e.key === 'ArrowDown') {\r\n        e.preventDefault();\r\n        setFocusedSuggestionIndex((prev) => (prev + 1 < filteredSuggestions.length ? prev + 1 : 0));\r\n        return;\r\n      }\r\n      if (e.key === 'ArrowUp') {\r\n        e.preventDefault();\r\n        setFocusedSuggestionIndex((prev) => (prev > 0 ? prev - 1 : filteredSuggestions.length - 1));\r\n        return;\r\n      }\r\n      if (e.key === 'Enter' && focusedSuggestionIndex >= 0) {\r\n        e.preventDefault();\r\n        selectSuggestion(filteredSuggestions[focusedSuggestionIndex]);\r\n        return;\r\n      }\r\n      if (e.key === 'Escape') {\r\n        e.preventDefault();\r\n        closeSuggestions();\r\n        return;\r\n      }\r\n    }\r\n\r\n    if (separators.includes(e.key)) {\r\n      e.preventDefault();\r\n      addTag(inputValue);\r\n      return;\r\n    }\r\n\r\n    if (e.key === 'Backspace' && inputValue === '' && tags.length > 0) {\r\n      e.preventDefault();\r\n      removeTag(tags.length - 1);\r\n    }\r\n  };\r\n\r\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const query = e.target.value;\r\n    setInputValue(query);\r\n    if (validationError) {\r\n      setValidationError(null);\r\n    }\r\n    onSearch?.(query);\r\n    if (hasSuggestions && !isSuggestionsOpenRef.current) openSuggestions();\r\n  };\r\n\r\n  const handleInputFocus = () => {\r\n    setIsFocused(true);\r\n    if (hasSuggestions) openSuggestions();\r\n  };\r\n\r\n  const handleFieldClick = (e: React.MouseEvent<HTMLDivElement>) => {\r\n    // Don't steal focus from interactive child elements\r\n    if ((e.target as HTMLElement).closest('button, input')) return;\r\n    if (!disabled) {\r\n      inputRef.current?.focus();\r\n    }\r\n  };\r\n\r\n  const displayError = validationError ?? error;\r\n  const hasError = !!displayError;\r\n  const errorId = `${inputId}-error`;\r\n  const hintId = `${inputId}-hint`;\r\n\r\n  const containerClasses = [\r\n    'eidos-tag-input',\r\n    hasError && 'eidos-tag-input--error',\r\n    disabled && 'eidos-tag-input--disabled',\r\n    fullWidth && 'eidos-tag-input--full-width',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const fieldClasses = [\r\n    'eidos-tag-input-field',\r\n    `eidos-tag-input-field--${size}`,\r\n    isFocused && 'eidos-tag-input-field--focused',\r\n    hasError && 'eidos-tag-input-field--error',\r\n    disabled && 'eidos-tag-input-field--disabled',\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const uid = generatedId;\r\n\r\n  return (\r\n    <div\r\n      className={containerClasses}\r\n      ref={containerRef}\r\n      aria-expanded={hasSuggestions ? isSuggestionsOpen : undefined}\r\n      aria-haspopup={hasSuggestions ? 'listbox' : undefined}\r\n    >\r\n      {label && (\r\n        <label htmlFor={inputId} className=\"eidos-tag-input-label\">\r\n          {label}\r\n        </label>\r\n      )}\r\n\r\n      <div className={fieldClasses} onClick={handleFieldClick} ref={fieldRef}>\r\n        {tags.map((tag, index) => (\r\n          <Chip\r\n            key={`${tag}-${index}`}\r\n            variant=\"filled\"\r\n            color=\"primary\"\r\n            size={size}\r\n            onRemove={disabled ? undefined : () => removeTag(index)}\r\n          >\r\n            {tag}\r\n          </Chip>\r\n        ))}\r\n\r\n        <input\r\n          ref={inputRef}\r\n          id={inputId}\r\n          className=\"eidos-tag-input-input\"\r\n          type=\"text\"\r\n          value={inputValue}\r\n          placeholder={tags.length === 0 ? placeholder : undefined}\r\n          disabled={disabled}\r\n          onKeyDown={handleKeyDown}\r\n          onChange={handleInputChange}\r\n          onFocus={handleInputFocus}\r\n          onBlur={() => setIsFocused(false)}\r\n          aria-label={label ? undefined : 'Tag input'}\r\n          aria-describedby={hasError ? errorId : hint ? hintId : undefined}\r\n          aria-autocomplete={hasSuggestions ? 'list' : undefined}\r\n          aria-controls={hasSuggestions ? `${uid}-tag-suggestions` : undefined}\r\n          aria-activedescendant={\r\n            hasSuggestions && focusedSuggestionIndex >= 0\r\n              ? `${uid}-tag-suggestion-${focusedSuggestionIndex}`\r\n              : undefined\r\n          }\r\n        />\r\n\r\n        {hasSuggestions && (\r\n          <Dropdown\r\n            key={suggestionsMenuKey}\r\n            trigger={\r\n              <span\r\n                ref={dropdownSpanRef}\r\n                className=\"eidos-tag-input-dropdown-anchor\"\r\n                aria-hidden=\"true\"\r\n              />\r\n            }\r\n            content={\r\n              <div\r\n                id={`${uid}-tag-suggestions`}\r\n                className=\"eidos-tag-input-suggestions\"\r\n                role=\"listbox\"\r\n                aria-label={label ?? 'Suggestions'}\r\n                onMouseDown={(e) => e.preventDefault()}\r\n              >\r\n                {filteredSuggestions.length === 0 ? (\r\n                  <div className=\"eidos-tag-input-suggestions-empty\">{suggestionsEmptyText}</div>\r\n                ) : (\r\n                  filteredSuggestions.map((suggestion, index) => (\r\n                    <div\r\n                      key={suggestion}\r\n                      id={`${uid}-tag-suggestion-${index}`}\r\n                      className={[\r\n                        'eidos-tag-input-suggestion',\r\n                        index === focusedSuggestionIndex && 'eidos-tag-input-suggestion--focused',\r\n                      ]\r\n                        .filter(Boolean)\r\n                        .join(' ')}\r\n                      role=\"option\"\r\n                      aria-selected={index === focusedSuggestionIndex}\r\n                      onClick={() => selectSuggestion(suggestion)}\r\n                      onMouseEnter={() => setFocusedSuggestionIndex(index)}\r\n                    >\r\n                      {suggestion}\r\n                    </div>\r\n                  ))\r\n                )}\r\n              </div>\r\n            }\r\n            triggerRef={fieldRef as React.RefObject<HTMLElement | null>}\r\n            autoWidth\r\n            closeOnClickOutside={false}\r\n            closeOnEscape={false}\r\n          />\r\n        )}\r\n      </div>\r\n\r\n      {hint && !hasError && (\r\n        <p className=\"eidos-tag-input-hint\" id={hintId}>\r\n          {hint}\r\n        </p>\r\n      )}\r\n\r\n      {hasError && (\r\n        <p className=\"eidos-tag-input-error-message\" id={errorId} role=\"alert\">\r\n          <CircleAlert />\r\n          {displayError}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nTagInput.displayName = 'TagInput';\r\n"],"mappings":";;;;;;;;AAAA,SAAgB,UAAU,OAAO,QAAQ,aAAa,SAAS,iBAAiB;AAChF,SAAS,mBAAmB;AAsPpB,cAKF,YALE;AAhPD,IAAM,WAAoC,CAAC;AAAA,EAChD;AAAA,EACA,eAAe,CAAC;AAAA,EAChB;AAAA,EACA,cAAc;AAAA,EACd,OAAO;AAAA,EACP,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA,aAAa,CAAC,SAAS,KAAK,KAAK;AAAA,EACjC;AAAA,EACA,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,uBAAuB;AACzB,MAAM;AACJ,QAAM,cAAc,MAAM;AAC1B,QAAM,UAAU,aAAa,WAAW;AACxC,QAAM,WAAW,OAAyB,IAAI;AAG9C,QAAM,eAAe,OAAuB,IAAI;AAGhD,QAAM,WAAW,OAAuB,IAAI;AAG5C,QAAM,kBAAkB,OAAwB,IAAI;AAEpD,QAAM,iBAAiB,gBAAgB;AACvC,QAAM,uBAAuB,OAAO,KAAK;AACzC,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,KAAK;AAChE,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,CAAC;AAC9D,QAAM,CAAC,wBAAwB,yBAAyB,IAAI,SAAS,EAAE;AAEvE,QAAM,eAAe,UAAU;AAE/B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAmB,YAAY;AACvE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,EAAE;AAC/C,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAwB,IAAI;AAE1E,QAAM,OAAO,eAAgB,QAAqB;AAElD,QAAM,aAAa;AAAA,IACjB,CAAC,YAAsB;AACrB,UAAI,CAAC,cAAc;AACjB,wBAAgB,OAAO;AAAA,MACzB;AACA,iBAAW,OAAO;AAAA,IACpB;AAAA,IACA,CAAC,cAAc,QAAQ;AAAA,EACzB;AAEA,QAAM,SAAS;AAAA,IACb,CAAC,WAAmB;AAClB,YAAM,MAAM,OAAO,KAAK;AAExB,UAAI,CAAC,IAAK;AAEV,UAAI,CAAC,mBAAmB,KAAK,SAAS,GAAG,EAAG;AAE5C,UAAI,YAAY,UAAa,KAAK,UAAU,QAAS;AAErD,UAAI,UAAU;AACZ,cAAM,SAAS,SAAS,GAAG;AAC3B,YAAI,WAAW,MAAO;AACtB,YAAI,OAAO,WAAW,UAAU;AAC9B,6BAAmB,MAAM;AACzB;AAAA,QACF;AAAA,MAEF;AAEA,yBAAmB,IAAI;AACvB,iBAAW,CAAC,GAAG,MAAM,GAAG,CAAC;AACzB,oBAAc,EAAE;AAAA,IAClB;AAAA,IACA,CAAC,MAAM,iBAAiB,SAAS,UAAU,UAAU;AAAA,EACvD;AAEA,QAAM,YAAY;AAAA,IAChB,CAAC,UAAkB;AACjB,iBAAW,KAAK,OAAO,CAAC,GAAG,MAAM,MAAM,KAAK,CAAC;AAAA,IAC/C;AAAA,IACA,CAAC,MAAM,UAAU;AAAA,EACnB;AAIA,QAAM,sBAAsB,QAAkB,MAAM;AAClD,QAAI,CAAC,YAAa,QAAO,CAAC;AAC1B,UAAM,QAAQ,WAAW,KAAK,EAAE,YAAY;AAC5C,WAAO,YAAY,OAAO,CAAC,eAAe;AACxC,UAAI,CAAC,mBAAmB,KAAK,SAAS,UAAU,EAAG,QAAO;AAC1D,UAAI,CAAC,MAAO,QAAO;AACnB,aAAO,WAAW,YAAY,EAAE,SAAS,KAAK;AAAA,IAChD,CAAC;AAAA,EACH,GAAG,CAAC,aAAa,YAAY,MAAM,eAAe,CAAC;AAEnD,YAAU,MAAM;AACd,8BAA0B,EAAE;AAAA,EAC9B,GAAG,CAAC,mBAAmB,CAAC;AAExB,QAAM,kBAAkB,YAAY,MAAM;AACxC,QAAI,qBAAqB,WAAW,YAAY,CAAC,eAAgB;AACjE,oBAAgB,SAAS,MAAM;AAC/B,yBAAqB,UAAU;AAC/B,yBAAqB,IAAI;AAAA,EAC3B,GAAG,CAAC,UAAU,cAAc,CAAC;AAE7B,QAAM,mBAAmB,YAAY,MAAM;AACzC,yBAAqB,UAAU;AAC/B,yBAAqB,KAAK;AAC1B,8BAA0B,EAAE;AAC5B,0BAAsB,CAAC,SAAS,OAAO,CAAC;AAAA,EAC1C,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAmB;AAAA,IACvB,CAAC,eAAuB;AACtB,aAAO,UAAU;AACjB,uBAAiB;AACjB,eAAS,SAAS,MAAM;AAAA,IAC1B;AAAA,IACA,CAAC,QAAQ,gBAAgB;AAAA,EAC3B;AAGA,YAAU,MAAM;AACd,QAAI,CAAC,eAAgB;AAErB,UAAM,kBAAkB,CAAC,MAAkB;AACzC,UAAI,CAAC,qBAAqB,QAAS;AACnC,UAAI,EAAE,iBAAkB;AACxB,UAAI,aAAa,SAAS,SAAS,EAAE,MAAc,EAAG;AACtD,uBAAiB;AAAA,IACnB;AAEA,aAAS,iBAAiB,aAAa,eAAe;AACtD,WAAO,MAAM,SAAS,oBAAoB,aAAa,eAAe;AAAA,EACxE,GAAG,CAAC,gBAAgB,gBAAgB,CAAC;AAErC,QAAM,gBAAgB,CAAC,MAA6C;AAClE,QAAI,kBAAkB,qBAAqB,WAAW,oBAAoB,SAAS,GAAG;AACpF,UAAI,EAAE,QAAQ,aAAa;AACzB,UAAE,eAAe;AACjB,kCAA0B,CAAC,SAAU,OAAO,IAAI,oBAAoB,SAAS,OAAO,IAAI,CAAE;AAC1F;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,WAAW;AACvB,UAAE,eAAe;AACjB,kCAA0B,CAAC,SAAU,OAAO,IAAI,OAAO,IAAI,oBAAoB,SAAS,CAAE;AAC1F;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,WAAW,0BAA0B,GAAG;AACpD,UAAE,eAAe;AACjB,yBAAiB,oBAAoB,sBAAsB,CAAC;AAC5D;AAAA,MACF;AACA,UAAI,EAAE,QAAQ,UAAU;AACtB,UAAE,eAAe;AACjB,yBAAiB;AACjB;AAAA,MACF;AAAA,IACF;AAEA,QAAI,WAAW,SAAS,EAAE,GAAG,GAAG;AAC9B,QAAE,eAAe;AACjB,aAAO,UAAU;AACjB;AAAA,IACF;AAEA,QAAI,EAAE,QAAQ,eAAe,eAAe,MAAM,KAAK,SAAS,GAAG;AACjE,QAAE,eAAe;AACjB,gBAAU,KAAK,SAAS,CAAC;AAAA,IAC3B;AAAA,EACF;AAEA,QAAM,oBAAoB,CAAC,MAA2C;AACpE,UAAM,QAAQ,EAAE,OAAO;AACvB,kBAAc,KAAK;AACnB,QAAI,iBAAiB;AACnB,yBAAmB,IAAI;AAAA,IACzB;AACA,eAAW,KAAK;AAChB,QAAI,kBAAkB,CAAC,qBAAqB,QAAS,iBAAgB;AAAA,EACvE;AAEA,QAAM,mBAAmB,MAAM;AAC7B,iBAAa,IAAI;AACjB,QAAI,eAAgB,iBAAgB;AAAA,EACtC;AAEA,QAAM,mBAAmB,CAAC,MAAwC;AAEhE,QAAK,EAAE,OAAuB,QAAQ,eAAe,EAAG;AACxD,QAAI,CAAC,UAAU;AACb,eAAS,SAAS,MAAM;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,eAAe,mBAAmB;AACxC,QAAM,WAAW,CAAC,CAAC;AACnB,QAAM,UAAU,GAAG,OAAO;AAC1B,QAAM,SAAS,GAAG,OAAO;AAEzB,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,aAAa;AAAA,IACb;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,eAAe;AAAA,IACnB;AAAA,IACA,0BAA0B,IAAI;AAAA,IAC9B,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,YAAY;AAAA,EACd,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,MAAM;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,KAAK;AAAA,MACL,iBAAe,iBAAiB,oBAAoB;AAAA,MACpD,iBAAe,iBAAiB,YAAY;AAAA,MAE3C;AAAA,iBACC,oBAAC,WAAM,SAAS,SAAS,WAAU,yBAChC,iBACH;AAAA,QAGF,qBAAC,SAAI,WAAW,cAAc,SAAS,kBAAkB,KAAK,UAC3D;AAAA,eAAK,IAAI,CAAC,KAAK,UACd;AAAA,YAAC;AAAA;AAAA,cAEC,SAAQ;AAAA,cACR,OAAM;AAAA,cACN;AAAA,cACA,UAAU,WAAW,SAAY,MAAM,UAAU,KAAK;AAAA,cAErD;AAAA;AAAA,YANI,GAAG,GAAG,IAAI,KAAK;AAAA,UAOtB,CACD;AAAA,UAED;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,IAAI;AAAA,cACJ,WAAU;AAAA,cACV,MAAK;AAAA,cACL,OAAO;AAAA,cACP,aAAa,KAAK,WAAW,IAAI,cAAc;AAAA,cAC/C;AAAA,cACA,WAAW;AAAA,cACX,UAAU;AAAA,cACV,SAAS;AAAA,cACT,QAAQ,MAAM,aAAa,KAAK;AAAA,cAChC,cAAY,QAAQ,SAAY;AAAA,cAChC,oBAAkB,WAAW,UAAU,OAAO,SAAS;AAAA,cACvD,qBAAmB,iBAAiB,SAAS;AAAA,cAC7C,iBAAe,iBAAiB,GAAG,GAAG,qBAAqB;AAAA,cAC3D,yBACE,kBAAkB,0BAA0B,IACxC,GAAG,GAAG,mBAAmB,sBAAsB,KAC/C;AAAA;AAAA,UAER;AAAA,UAEC,kBACC;AAAA,YAAC;AAAA;AAAA,cAEC,SACE;AAAA,gBAAC;AAAA;AAAA,kBACC,KAAK;AAAA,kBACL,WAAU;AAAA,kBACV,eAAY;AAAA;AAAA,cACd;AAAA,cAEF,SACE;AAAA,gBAAC;AAAA;AAAA,kBACC,IAAI,GAAG,GAAG;AAAA,kBACV,WAAU;AAAA,kBACV,MAAK;AAAA,kBACL,cAAY,SAAS;AAAA,kBACrB,aAAa,CAAC,MAAM,EAAE,eAAe;AAAA,kBAEpC,8BAAoB,WAAW,IAC9B,oBAAC,SAAI,WAAU,qCAAqC,gCAAqB,IAEzE,oBAAoB,IAAI,CAAC,YAAY,UACnC;AAAA,oBAAC;AAAA;AAAA,sBAEC,IAAI,GAAG,GAAG,mBAAmB,KAAK;AAAA,sBAClC,WAAW;AAAA,wBACT;AAAA,wBACA,UAAU,0BAA0B;AAAA,sBACtC,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,sBACX,MAAK;AAAA,sBACL,iBAAe,UAAU;AAAA,sBACzB,SAAS,MAAM,iBAAiB,UAAU;AAAA,sBAC1C,cAAc,MAAM,0BAA0B,KAAK;AAAA,sBAElD;AAAA;AAAA,oBAbI;AAAA,kBAcP,CACD;AAAA;AAAA,cAEL;AAAA,cAEF,YAAY;AAAA,cACZ,WAAS;AAAA,cACT,qBAAqB;AAAA,cACrB,eAAe;AAAA;AAAA,YA3CV;AAAA,UA4CP;AAAA,WAEJ;AAAA,QAEC,QAAQ,CAAC,YACR,oBAAC,OAAE,WAAU,wBAAuB,IAAI,QACrC,gBACH;AAAA,QAGD,YACC,qBAAC,OAAE,WAAU,iCAAgC,IAAI,SAAS,MAAK,SAC7D;AAAA,8BAAC,eAAY;AAAA,UACZ;AAAA,WACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,SAAS,cAAc;","names":[]}

package/dist/chunk-5D3LIJYW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-5D3LIJYW.cjs","../src/components/TagInput/TagInput.component.tsx"],"names":[],"mappings":"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","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-5D3LIJYW.cjs","sourcesContent":[null,"import React, { useState, useId, useRef, useCallback, useMemo, useEffect } from 'react';\r\nimport { CircleAlert } from 'lucide-react';\r\nimport { Chip } from '../Chip/Chip.component';\r\nimport { Dropdown } from '../Dropdown/Dropdown.component';\r\nimport type { TagInputProps } from './TagInput.types';\r\nimport './TagInput.scss';\r\n\r\nexport const TagInput: React.FC<TagInputProps> = ({\r\n  value,\r\n  defaultValue = [],\r\n  onChange,\r\n  placeholder = 'Add tag…',\r\n  size = 'md',\r\n  disabled = false,\r\n  label,\r\n  error,\r\n  hint,\r\n  allowDuplicates = false,\r\n  maxTags,\r\n  separators = ['Enter', ',', 'Tab'],\r\n  validate,\r\n  className = '',\r\n  fullWidth = false,\r\n  suggestions,\r\n  onSearch,\r\n  suggestionsEmptyText = 'No matches',\r\n}) => {\r\n  const generatedId = useId();\r\n  const inputId = `tag-input-${generatedId}`;\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  /** Entire component wrapper - used for click-outside detection on the suggestions dropdown */\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n\r\n  /** The field wrapper - passed to Dropdown as externalTriggerRef for width/anchoring */\r\n  const fieldRef = useRef<HTMLDivElement>(null);\r\n\r\n  /** The 0-height span that IS the Dropdown trigger element - programmatically clicked to open */\r\n  const dropdownSpanRef = useRef<HTMLSpanElement>(null);\r\n\r\n  const hasSuggestions = suggestions !== undefined;\r\n  const isSuggestionsOpenRef = useRef(false);\r\n  const [isSuggestionsOpen, setIsSuggestionsOpen] = useState(false);\r\n  const [suggestionsMenuKey, setSuggestionsMenuKey] = useState(0);\r\n  const [focusedSuggestionIndex, setFocusedSuggestionIndex] = useState(-1);\r\n\r\n  const isControlled = value !== undefined;\r\n\r\n  const [internalTags, setInternalTags] = useState<string[]>(defaultValue);\r\n  const [inputValue, setInputValue] = useState('');\r\n  const [isFocused, setIsFocused] = useState(false);\r\n  const [validationError, setValidationError] = useState<string | null>(null);\r\n\r\n  const tags = isControlled ? (value as string[]) : internalTags;\r\n\r\n  const updateTags = useCallback(\r\n    (newTags: string[]) => {\r\n      if (!isControlled) {\r\n        setInternalTags(newTags);\r\n      }\r\n      onChange?.(newTags);\r\n    },\r\n    [isControlled, onChange],\r\n  );\r\n\r\n  const addTag = useCallback(\r\n    (rawTag: string) => {\r\n      const tag = rawTag.trim();\r\n\r\n      if (!tag) return;\r\n\r\n      if (!allowDuplicates && tags.includes(tag)) return;\r\n\r\n      if (maxTags !== undefined && tags.length >= maxTags) return;\r\n\r\n      if (validate) {\r\n        const result = validate(tag);\r\n        if (result === false) return;\r\n        if (typeof result === 'string') {\r\n          setValidationError(result);\r\n          return;\r\n        }\r\n        // result === true → valid, fall through\r\n      }\r\n\r\n      setValidationError(null);\r\n      updateTags([...tags, tag]);\r\n      setInputValue('');\r\n    },\r\n    [tags, allowDuplicates, maxTags, validate, updateTags],\r\n  );\r\n\r\n  const removeTag = useCallback(\r\n    (index: number) => {\r\n      updateTags(tags.filter((_, i) => i !== index));\r\n    },\r\n    [tags, updateTags],\r\n  );\r\n\r\n  // ─── Suggestions dropdown (autocomplete) ───────────────────────────────────\r\n\r\n  const filteredSuggestions = useMemo<string[]>(() => {\r\n    if (!suggestions) return [];\r\n    const query = inputValue.trim().toLowerCase();\r\n    return suggestions.filter((suggestion) => {\r\n      if (!allowDuplicates && tags.includes(suggestion)) return false;\r\n      if (!query) return true;\r\n      return suggestion.toLowerCase().includes(query);\r\n    });\r\n  }, [suggestions, inputValue, tags, allowDuplicates]);\r\n\r\n  useEffect(() => {\r\n    setFocusedSuggestionIndex(-1);\r\n  }, [filteredSuggestions]);\r\n\r\n  const openSuggestions = useCallback(() => {\r\n    if (isSuggestionsOpenRef.current || disabled || !hasSuggestions) return;\r\n    dropdownSpanRef.current?.click(); // opens the Dropdown (bubbles to trigger)\r\n    isSuggestionsOpenRef.current = true;\r\n    setIsSuggestionsOpen(true);\r\n  }, [disabled, hasSuggestions]);\r\n\r\n  const closeSuggestions = useCallback(() => {\r\n    isSuggestionsOpenRef.current = false;\r\n    setIsSuggestionsOpen(false);\r\n    setFocusedSuggestionIndex(-1);\r\n    setSuggestionsMenuKey((prev) => prev + 1);\r\n  }, []);\r\n\r\n  const selectSuggestion = useCallback(\r\n    (suggestion: string) => {\r\n      addTag(suggestion);\r\n      closeSuggestions();\r\n      inputRef.current?.focus();\r\n    },\r\n    [addTag, closeSuggestions],\r\n  );\r\n\r\n  // Click-outside detection for the suggestions dropdown.\r\n  useEffect(() => {\r\n    if (!hasSuggestions) return;\r\n\r\n    const handleMouseDown = (e: MouseEvent) => {\r\n      if (!isSuggestionsOpenRef.current) return;\r\n      if (e.defaultPrevented) return; // click inside the portal-rendered listbox\r\n      if (containerRef.current?.contains(e.target as Node)) return;\r\n      closeSuggestions();\r\n    };\r\n\r\n    document.addEventListener('mousedown', handleMouseDown);\r\n    return () => document.removeEventListener('mousedown', handleMouseDown);\r\n  }, [hasSuggestions, closeSuggestions]);\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (hasSuggestions && isSuggestionsOpenRef.current && filteredSuggestions.length > 0) {\r\n      if (e.key === 'ArrowDown') {\r\n        e.preventDefault();\r\n        setFocusedSuggestionIndex((prev) => (prev + 1 < filteredSuggestions.length ? prev + 1 : 0));\r\n        return;\r\n      }\r\n      if (e.key === 'ArrowUp') {\r\n        e.preventDefault();\r\n        setFocusedSuggestionIndex((prev) => (prev > 0 ? prev - 1 : filteredSuggestions.length - 1));\r\n        return;\r\n      }\r\n      if (e.key === 'Enter' && focusedSuggestionIndex >= 0) {\r\n        e.preventDefault();\r\n        selectSuggestion(filteredSuggestions[focusedSuggestionIndex]);\r\n        return;\r\n      }\r\n      if (e.key === 'Escape') {\r\n        e.preventDefault();\r\n        closeSuggestions();\r\n        return;\r\n      }\r\n    }\r\n\r\n    if (separators.includes(e.key)) {\r\n      e.preventDefault();\r\n      addTag(inputValue);\r\n      return;\r\n    }\r\n\r\n    if (e.key === 'Backspace' && inputValue === '' && tags.length > 0) {\r\n      e.preventDefault();\r\n      removeTag(tags.length - 1);\r\n    }\r\n  };\r\n\r\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\r\n    const query = e.target.value;\r\n    setInputValue(query);\r\n    if (validationError) {\r\n      setValidationError(null);\r\n    }\r\n    onSearch?.(query);\r\n    if (hasSuggestions && !isSuggestionsOpenRef.current) openSuggestions();\r\n  };\r\n\r\n  const handleInputFocus = () => {\r\n    setIsFocused(true);\r\n    if (hasSuggestions) openSuggestions();\r\n  };\r\n\r\n  const handleFieldClick = (e: React.MouseEvent<HTMLDivElement>) => {\r\n    // Don't steal focus from interactive child elements\r\n    if ((e.target as HTMLElement).closest('button, input')) return;\r\n    if (!disabled) {\r\n      inputRef.current?.focus();\r\n    }\r\n  };\r\n\r\n  const displayError = validationError ?? error;\r\n  const hasError = !!displayError;\r\n  const errorId = `${inputId}-error`;\r\n  const hintId = `${inputId}-hint`;\r\n\r\n  const containerClasses = [\r\n    'eidos-tag-input',\r\n    hasError && 'eidos-tag-input--error',\r\n    disabled && 'eidos-tag-input--disabled',\r\n    fullWidth && 'eidos-tag-input--full-width',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const fieldClasses = [\r\n    'eidos-tag-input-field',\r\n    `eidos-tag-input-field--${size}`,\r\n    isFocused && 'eidos-tag-input-field--focused',\r\n    hasError && 'eidos-tag-input-field--error',\r\n    disabled && 'eidos-tag-input-field--disabled',\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const uid = generatedId;\r\n\r\n  return (\r\n    <div\r\n      className={containerClasses}\r\n      ref={containerRef}\r\n      aria-expanded={hasSuggestions ? isSuggestionsOpen : undefined}\r\n      aria-haspopup={hasSuggestions ? 'listbox' : undefined}\r\n    >\r\n      {label && (\r\n        <label htmlFor={inputId} className=\"eidos-tag-input-label\">\r\n          {label}\r\n        </label>\r\n      )}\r\n\r\n      <div className={fieldClasses} onClick={handleFieldClick} ref={fieldRef}>\r\n        {tags.map((tag, index) => (\r\n          <Chip\r\n            key={`${tag}-${index}`}\r\n            variant=\"filled\"\r\n            color=\"primary\"\r\n            size={size}\r\n            onRemove={disabled ? undefined : () => removeTag(index)}\r\n          >\r\n            {tag}\r\n          </Chip>\r\n        ))}\r\n\r\n        <input\r\n          ref={inputRef}\r\n          id={inputId}\r\n          className=\"eidos-tag-input-input\"\r\n          type=\"text\"\r\n          value={inputValue}\r\n          placeholder={tags.length === 0 ? placeholder : undefined}\r\n          disabled={disabled}\r\n          onKeyDown={handleKeyDown}\r\n          onChange={handleInputChange}\r\n          onFocus={handleInputFocus}\r\n          onBlur={() => setIsFocused(false)}\r\n          aria-label={label ? undefined : 'Tag input'}\r\n          aria-describedby={hasError ? errorId : hint ? hintId : undefined}\r\n          aria-autocomplete={hasSuggestions ? 'list' : undefined}\r\n          aria-controls={hasSuggestions ? `${uid}-tag-suggestions` : undefined}\r\n          aria-activedescendant={\r\n            hasSuggestions && focusedSuggestionIndex >= 0\r\n              ? `${uid}-tag-suggestion-${focusedSuggestionIndex}`\r\n              : undefined\r\n          }\r\n        />\r\n\r\n        {hasSuggestions && (\r\n          <Dropdown\r\n            key={suggestionsMenuKey}\r\n            trigger={\r\n              <span\r\n                ref={dropdownSpanRef}\r\n                className=\"eidos-tag-input-dropdown-anchor\"\r\n                aria-hidden=\"true\"\r\n              />\r\n            }\r\n            content={\r\n              <div\r\n                id={`${uid}-tag-suggestions`}\r\n                className=\"eidos-tag-input-suggestions\"\r\n                role=\"listbox\"\r\n                aria-label={label ?? 'Suggestions'}\r\n                onMouseDown={(e) => e.preventDefault()}\r\n              >\r\n                {filteredSuggestions.length === 0 ? (\r\n                  <div className=\"eidos-tag-input-suggestions-empty\">{suggestionsEmptyText}</div>\r\n                ) : (\r\n                  filteredSuggestions.map((suggestion, index) => (\r\n                    <div\r\n                      key={suggestion}\r\n                      id={`${uid}-tag-suggestion-${index}`}\r\n                      className={[\r\n                        'eidos-tag-input-suggestion',\r\n                        index === focusedSuggestionIndex && 'eidos-tag-input-suggestion--focused',\r\n                      ]\r\n                        .filter(Boolean)\r\n                        .join(' ')}\r\n                      role=\"option\"\r\n                      aria-selected={index === focusedSuggestionIndex}\r\n                      onClick={() => selectSuggestion(suggestion)}\r\n                      onMouseEnter={() => setFocusedSuggestionIndex(index)}\r\n                    >\r\n                      {suggestion}\r\n                    </div>\r\n                  ))\r\n                )}\r\n              </div>\r\n            }\r\n            triggerRef={fieldRef as React.RefObject<HTMLElement | null>}\r\n            autoWidth\r\n            closeOnClickOutside={false}\r\n            closeOnEscape={false}\r\n          />\r\n        )}\r\n      </div>\r\n\r\n      {hint && !hasError && (\r\n        <p className=\"eidos-tag-input-hint\" id={hintId}>\r\n          {hint}\r\n        </p>\r\n      )}\r\n\r\n      {hasError && (\r\n        <p className=\"eidos-tag-input-error-message\" id={errorId} role=\"alert\">\r\n          <CircleAlert />\r\n          {displayError}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nTagInput.displayName = 'TagInput';\r\n"]}

package/dist/chunk-5QG2I3FK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-5QG2I3FK.cjs","../src/components/Tabs/Tabs.component.tsx"],"names":[],"mappings":"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","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-5QG2I3FK.cjs","sourcesContent":[null,"import React, { useState, useRef, useContext, useLayoutEffect } from 'react';\r\nimport { renderIcon } from '../../utils';\r\nimport type { TabsProps, TabProps, TabPanelProps, TabsContextValue } from './Tabs.types';\r\n\r\n// ============================================================================\r\n// CONTEXT\r\n// ============================================================================\r\n\r\nconst TabsContext = React.createContext<TabsContextValue | null>(null);\r\n\r\nconst useTabsContext = (): TabsContextValue => {\r\n  const ctx = useContext(TabsContext);\r\n  if (!ctx) throw new Error('Tab/TabPanel must be used inside <Tabs>');\r\n  return ctx;\r\n};\r\n\r\n// ============================================================================\r\n// TAB - individual tab trigger button\r\n// Defined before Tabs so Tabs can use `child.type === Tab` for child separation.\r\n// ============================================================================\r\n\r\nexport const Tab: React.FC<TabProps> = ({\r\n  value,\r\n  children,\r\n  disabled = false,\r\n  icon,\r\n  className = '',\r\n}) => {\r\n  const { activeValue, onSelect, size, fullWidth, listRef } = useTabsContext();\r\n  const isActive = activeValue === value;\r\n\r\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLButtonElement>) => {\r\n    const list = listRef.current;\r\n    if (!list) return;\r\n\r\n    const allTabs = Array.from(\r\n      list.querySelectorAll('[role=\"tab\"]:not([disabled])'),\r\n    ) as HTMLElement[];\r\n    const currentIndex = allTabs.indexOf(e.currentTarget);\r\n    if (currentIndex === -1) return;\r\n\r\n    let targetIndex = -1;\r\n    if (e.key === 'ArrowRight') targetIndex = (currentIndex + 1) % allTabs.length;\r\n    else if (e.key === 'ArrowLeft')\r\n      targetIndex = (currentIndex - 1 + allTabs.length) % allTabs.length;\r\n    else if (e.key === 'Home') targetIndex = 0;\r\n    else if (e.key === 'End') targetIndex = allTabs.length - 1;\r\n\r\n    if (targetIndex !== -1) {\r\n      e.preventDefault();\r\n      allTabs[targetIndex].focus();\r\n    }\r\n  };\r\n\r\n  const tabClasses = [\r\n    'eidos-tab',\r\n    `eidos-tab--${size}`,\r\n    isActive && 'eidos-tab--active',\r\n    disabled && 'eidos-tab--disabled',\r\n    fullWidth && 'eidos-tab--fullWidth',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return (\r\n    <button\r\n      id={`eidos-tab-${value}`}\r\n      role=\"tab\"\r\n      aria-selected={isActive}\r\n      aria-controls={`eidos-tabpanel-${value}`}\r\n      tabIndex={isActive ? 0 : -1}\r\n      disabled={disabled}\r\n      className={tabClasses}\r\n      onClick={() => !disabled && onSelect(value)}\r\n      onKeyDown={handleKeyDown}\r\n      type=\"button\"\r\n    >\r\n      {icon && <span className=\"eidos-tab-icon\">{renderIcon(icon, 'eidos-tab-icon-svg')}</span>}\r\n      <span className=\"eidos-tab-label\">{children}</span>\r\n    </button>\r\n  );\r\n};\r\n\r\nTab.displayName = 'Tab';\r\n\r\n// ============================================================================\r\n// TAB PANEL - content region shown when its value matches the active tab\r\n// Defined before Tabs for the same `child.type === TabPanel` check.\r\n// ============================================================================\r\n\r\nexport const TabPanel: React.FC<TabPanelProps> = ({ value, children, className = '' }) => {\r\n  const { activeValue } = useTabsContext();\r\n  const isActive = activeValue === value;\r\n\r\n  if (!isActive) return null;\r\n\r\n  return (\r\n    <div\r\n      id={`eidos-tabpanel-${value}`}\r\n      role=\"tabpanel\"\r\n      aria-labelledby={`eidos-tab-${value}`}\r\n      tabIndex={0}\r\n      className={['eidos-tab-panel', className].filter(Boolean).join(' ')}\r\n    >\r\n      {children}\r\n    </div>\r\n  );\r\n};\r\n\r\nTabPanel.displayName = 'TabPanel';\r\n\r\n// ============================================================================\r\n// TABS - root container; provides context, separates tab/panel children\r\n// ============================================================================\r\n\r\nexport const Tabs: React.FC<TabsProps> = ({\r\n  value,\r\n  defaultValue,\r\n  onChange,\r\n  variant = 'line',\r\n  size = 'md',\r\n  color = 'primary',\r\n  fullWidth = false,\r\n  className = '',\r\n  children,\r\n}) => {\r\n  const isControlled = value !== undefined;\r\n  const [localValue, setLocalValue] = useState(defaultValue ?? '');\r\n  const activeValue = isControlled ? value! : localValue;\r\n\r\n  const listRef = useRef<HTMLDivElement>(null);\r\n  const indicatorRef = useRef<HTMLSpanElement>(null);\r\n  // Tracks whether the indicator has been positioned at least once so we can\r\n  // skip the CSS transition on the very first render and avoid it animating\r\n  // from the top-left corner to the initial tab.\r\n  const hasPositioned = useRef(false);\r\n\r\n  useLayoutEffect(() => {\r\n    if (variant !== 'line') return;\r\n    const list = listRef.current;\r\n    const indicator = indicatorRef.current;\r\n    if (!list || !indicator) return;\r\n\r\n    const activeTab = list.querySelector('[aria-selected=\"true\"]') as HTMLElement | null;\r\n    if (!activeTab) return;\r\n\r\n    // Suppress the CSS transition on the initial paint so the indicator snaps\r\n    // into place rather than sliding from 0.\r\n    if (!hasPositioned.current) {\r\n      indicator.style.transition = 'none';\r\n    }\r\n\r\n    indicator.style.left = `${activeTab.offsetLeft}px`;\r\n    indicator.style.width = `${activeTab.offsetWidth}px`;\r\n\r\n    if (!hasPositioned.current) {\r\n      // Force a synchronous reflow so the browser commits the no-transition\r\n      // position before we re-enable the transition for future clicks.\r\n      void indicator.offsetWidth;\r\n      indicator.style.transition = '';\r\n      hasPositioned.current = true;\r\n    }\r\n  }, [activeValue, variant, fullWidth]);\r\n\r\n  const onSelect = (newValue: string) => {\r\n    if (!isControlled) {\r\n      setLocalValue(newValue);\r\n    }\r\n    onChange?.(newValue);\r\n  };\r\n\r\n  // Separate Tab and TabPanel children so the list and panels render in\r\n  // distinct DOM regions, regardless of how the consumer orders them.\r\n  const tabChildren: React.ReactElement[] = [];\r\n  const panelChildren: React.ReactElement[] = [];\r\n\r\n  React.Children.forEach(children, (child) => {\r\n    if (!React.isValidElement(child)) return;\r\n    if (child.type === Tab) {\r\n      tabChildren.push(child);\r\n    } else if (child.type === TabPanel) {\r\n      panelChildren.push(child);\r\n    }\r\n  });\r\n\r\n  const rootClasses = ['eidos-tabs', `eidos-tabs--${variant}`, `eidos-tabs--${color}`, className]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const listClasses = [\r\n    'eidos-tabs-list',\r\n    `eidos-tabs-list--${size}`,\r\n    fullWidth && 'eidos-tabs-list--fullWidth',\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const contextValue: TabsContextValue = {\r\n    activeValue,\r\n    onSelect,\r\n    variant,\r\n    size,\r\n    color,\r\n    fullWidth,\r\n    listRef,\r\n  };\r\n\r\n  return (\r\n    <TabsContext.Provider value={contextValue}>\r\n      <div className={rootClasses}>\r\n        <div ref={listRef} className={listClasses} role=\"tablist\">\r\n          {tabChildren}\r\n          {variant === 'line' && (\r\n            <span ref={indicatorRef} className=\"eidos-tabs-indicator\" aria-hidden=\"true\" />\r\n          )}\r\n        </div>\r\n        <div className=\"eidos-tabs-panels\">{panelChildren}</div>\r\n      </div>\r\n    </TabsContext.Provider>\r\n  );\r\n};\r\n\r\nTabs.displayName = 'Tabs';\r\n"]}

package/dist/chunk-5TGBNYZK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-5TGBNYZK.cjs","../src/components/Kbd/Kbd.component.tsx"],"names":[],"mappings":"AAAA;AC2BS,+CAAA;AAHF,IAAM,IAAA,EAA0B,CAAC,EAAE,QAAA,EAAU,KAAA,EAAO,IAAA,EAAM,UAAA,EAAY,GAAG,CAAA,EAAA,GAAM;AACpF,EAAA,MAAM,QAAA,EAAU,CAAC,WAAA,EAAa,CAAA,WAAA,EAAc,IAAI,CAAA,CAAA;AAEzB,EAAA;AACzB;ADtBmD;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-5TGBNYZK.cjs","sourcesContent":[null,"import React from 'react';\r\nimport type { KbdProps } from './Kbd.types';\r\n\r\n/**\r\n * Kbd - renders a keyboard key or shortcut with a physical key appearance.\r\n *\r\n * Use it anywhere a keyboard shortcut needs to be communicated: tooltips,\r\n * menu item shortcuts, inline documentation, command palettes.\r\n *\r\n * For multi-key combinations, place `<Kbd>` elements side-by-side and\r\n * separate them with a `+` character or a thin space as suits the context.\r\n *\r\n * @example\r\n * ```tsx\r\n * // Single key\r\n * <Kbd>⌘</Kbd>\r\n *\r\n * // Compound shortcut - wrap in a fragment or span\r\n * <span><Kbd>⌘</Kbd><Kbd>K</Kbd></span>\r\n *\r\n * // Inline in prose\r\n * Press <Kbd>Enter</Kbd> to confirm.\r\n * ```\r\n */\r\nexport const Kbd: React.FC<KbdProps> = ({ children, size = 'md', className = '' }) => {\r\n  const classes = ['eidos-kbd', `eidos-kbd--${size}`, className].filter(Boolean).join(' ');\r\n\r\n  return <kbd className={classes}>{children}</kbd>;\r\n};\r\n"]}

package/dist/chunk-63N2KZZX.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-63N2KZZX.cjs","../src/components/Progress/Progress.component.tsx"],"names":[],"mappings":"AAAA;ACyCI,+CAAA;AArCG,IAAM,SAAA,EAAoC,CAAC;AAAA,EAChD,KAAA;AAAA,EACA,IAAA,EAAM,GAAA;AAAA,EACN,MAAA,EAAQ,SAAA;AAAA,EACR,KAAA,EAAO,IAAA;AAAA,EACP,UAAA,EAAY,KAAA;AAAA,EACZ,KAAA;AAAA,EACA,QAAA,EAAU,KAAA;AAAA,EACV;AACF,CAAA,EAAA,GAAM;AACJ,EAAA,MAAM,WAAA,EACJ,MAAA,IAAU,KAAA,EAAA,EAAY,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAI,MAAA,EAAQ,IAAA,EAAO,GAAG,CAAC,EAAA,EAAI,KAAA,CAAA;AAE1E,EAAA,MAAM,gBAAA,EAAkB,WAAA,IAAe,KAAA,CAAA;AAEvC,EAAA,MAAM,aAAA,mBACJ,KAAA,UAAA,CAAU,WAAA,IAAe,KAAA,EAAA,EAAY,CAAA,EAAA;AAEvB,EAAA;AACd,IAAA;AACwB,IAAA;AACD,IAAA;AACZ,IAAA;AACQ,IAAA;AACnB,IAAA;AAGS,EAAA;AAES,EAAA;AAClB,IAAA;AACmB,IAAA;AAGV,EAAA;AAGT,EAAA;AAAC,IAAA;AAAA,IAAA;AACY,MAAA;AACN,MAAA;AACU,MAAA;AACA,MAAA;AACA,MAAA;AACyB,MAAA;AAExC,MAAA;AAAe,wBAAA;AACZ,UAAA;AAAA,UAAA;AACY,YAAA;AAC2B,YAAA;AAAkB,UAAA;AAE5D,QAAA;AAEE,QAAA;AAAqD,MAAA;AAAA,IAAA;AAEzD,EAAA;AAEJ;ADX0D;AACA;AACA;AACA","file":"/Users/pedromealha/Documents/Repositories/Personal/eidos-ui/dist/chunk-63N2KZZX.cjs","sourcesContent":[null,"import React from 'react';\r\nimport type { ProgressProps } from './Progress.types';\r\nimport './Progress.scss';\r\n\r\nexport const Progress: React.FC<ProgressProps> = ({\r\n  value,\r\n  max = 100,\r\n  color = 'primary',\r\n  size = 'md',\r\n  showLabel = false,\r\n  label,\r\n  striped = false,\r\n  className,\r\n}) => {\r\n  const percentage =\r\n    value !== undefined ? Math.min(100, Math.max(0, (value / max) * 100)) : undefined;\r\n\r\n  const isIndeterminate = percentage === undefined;\r\n\r\n  const displayLabel =\r\n    label ?? (percentage !== undefined ? `${Math.round(percentage)}%` : undefined);\r\n\r\n  const classes = [\r\n    'eidos-progress',\r\n    `eidos-progress--${color}`,\r\n    `eidos-progress--${size}`,\r\n    striped && 'eidos-progress--striped',\r\n    isIndeterminate && 'eidos-progress--indeterminate',\r\n    className,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  const fillClasses = [\r\n    'eidos-progress-fill',\r\n    isIndeterminate && 'eidos-progress-fill--indeterminate',\r\n  ]\r\n    .filter(Boolean)\r\n    .join(' ');\r\n\r\n  return (\r\n    <div\r\n      className={classes}\r\n      role=\"progressbar\"\r\n      aria-valuenow={percentage}\r\n      aria-valuemin={0}\r\n      aria-valuemax={100}\r\n      aria-label={label ?? (isIndeterminate ? 'Loading…' : `${Math.round(percentage!)}%`)}\r\n    >\r\n      <div className=\"eidos-progress-track\">\r\n        <div\r\n          className={fillClasses}\r\n          style={!isIndeterminate ? { width: `${percentage}%` } : undefined}\r\n        />\r\n      </div>\r\n      {showLabel && !isIndeterminate && (\r\n        <span className=\"eidos-progress-label\">{displayLabel}</span>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"]}