sdaia-ui 1.2.0 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (145) hide show
  1. package/dist/index.js +36 -15
  2. package/package.json +1 -1
  3. package/dist/icons/AIIcon.d.ts +0 -11
  4. package/dist/icons/AaIcon.d.ts +0 -11
  5. package/dist/icons/AlertCircle02Icon.d.ts +0 -8
  6. package/dist/icons/AlertCircleIcon.d.ts +0 -9
  7. package/dist/icons/AlertCircleSVG.d.ts +0 -3
  8. package/dist/icons/AlertCircleWarningIcon.d.ts +0 -9
  9. package/dist/icons/AlertTriangleIcon.d.ts +0 -9
  10. package/dist/icons/AlignCenterIcon.d.ts +0 -10
  11. package/dist/icons/AlignLeftIcon.d.ts +0 -10
  12. package/dist/icons/AlignRightIcon.d.ts +0 -10
  13. package/dist/icons/ArrowDownIcon.d.ts +0 -9
  14. package/dist/icons/ArrowDownLeft01Icon.d.ts +0 -14
  15. package/dist/icons/ArrowDownSVG.d.ts +0 -3
  16. package/dist/icons/ArrowIcon.d.ts +0 -18
  17. package/dist/icons/ArrowLeft01Icon.d.ts +0 -4
  18. package/dist/icons/ArrowLeft02SVG.d.ts +0 -3
  19. package/dist/icons/ArrowLeftIcon.d.ts +0 -4
  20. package/dist/icons/ArrowRight01Icon.d.ts +0 -4
  21. package/dist/icons/ArrowRight01SVG.d.ts +0 -3
  22. package/dist/icons/ArrowRightIcon.d.ts +0 -4
  23. package/dist/icons/ArrowUpIcon.d.ts +0 -9
  24. package/dist/icons/ArrowUpRight01Icon.d.ts +0 -11
  25. package/dist/icons/ArrowUpSVG.d.ts +0 -3
  26. package/dist/icons/AtIcon.d.ts +0 -10
  27. package/dist/icons/BeakBottom.d.ts +0 -4
  28. package/dist/icons/BeakDown.d.ts +0 -13
  29. package/dist/icons/BeakLeft.d.ts +0 -4
  30. package/dist/icons/BeakRight.d.ts +0 -3
  31. package/dist/icons/BeakTop.d.ts +0 -4
  32. package/dist/icons/BeakUp.d.ts +0 -8
  33. package/dist/icons/BellCircleIcon.d.ts +0 -9
  34. package/dist/icons/BellIcon.d.ts +0 -9
  35. package/dist/icons/BoldIcon.d.ts +0 -10
  36. package/dist/icons/CalendarIcon.d.ts +0 -3
  37. package/dist/icons/ChartsIcon.d.ts +0 -3
  38. package/dist/icons/CheckCircleIcon.d.ts +0 -9
  39. package/dist/icons/ChevronDownIcon.d.ts +0 -9
  40. package/dist/icons/ChevronDownSmIcon.d.ts +0 -10
  41. package/dist/icons/ChevronLeftIcon.d.ts +0 -2
  42. package/dist/icons/ChevronRightIcon.d.ts +0 -3
  43. package/dist/icons/ClearIcon.d.ts +0 -12
  44. package/dist/icons/ClockIcon.d.ts +0 -12
  45. package/dist/icons/CloseIcon.d.ts +0 -9
  46. package/dist/icons/CloudUploadIcon.d.ts +0 -3
  47. package/dist/icons/CodeSnippetChevronDownIcon.d.ts +0 -3
  48. package/dist/icons/CodeSnippetCopyIcon.d.ts +0 -4
  49. package/dist/icons/CodeSnippetStarIcon.d.ts +0 -3
  50. package/dist/icons/ColorSquareIcon.d.ts +0 -6
  51. package/dist/icons/ComponentsIcon.d.ts +0 -3
  52. package/dist/icons/DGALogoSVG.d.ts +0 -3
  53. package/dist/icons/DeleteIcon.d.ts +0 -3
  54. package/dist/icons/DownloadIcon.d.ts +0 -6
  55. package/dist/icons/DragHandleVerticalIcon.d.ts +0 -3
  56. package/dist/icons/FeedbackEmojiDislikeIcon.d.ts +0 -2
  57. package/dist/icons/FeedbackEmojiLikeIcon.d.ts +0 -2
  58. package/dist/icons/FeedbackEmojiNeutralIcon.d.ts +0 -2
  59. package/dist/icons/FeedbackThumbDislikeFilledIcon.d.ts +0 -2
  60. package/dist/icons/FeedbackThumbDislikeIcon.d.ts +0 -2
  61. package/dist/icons/FeedbackThumbLikeFilledIcon.d.ts +0 -2
  62. package/dist/icons/FeedbackThumbLikeIcon.d.ts +0 -2
  63. package/dist/icons/FileUploadItemCloseIcon.d.ts +0 -6
  64. package/dist/icons/FileUploadItemEmptyFileIcon.d.ts +0 -5
  65. package/dist/icons/FileUploadItemPdfIcon.d.ts +0 -6
  66. package/dist/icons/FilterFunnelIcon.d.ts +0 -12
  67. package/dist/icons/FilterIcon.d.ts +0 -9
  68. package/dist/icons/FitIcon.d.ts +0 -6
  69. package/dist/icons/FolderFilledIcon.d.ts +0 -3
  70. package/dist/icons/FolderIcon.d.ts +0 -4
  71. package/dist/icons/FoundationsIcon.d.ts +0 -3
  72. package/dist/icons/FullscreenExitIcon.d.ts +0 -11
  73. package/dist/icons/FullscreenIcon.d.ts +0 -10
  74. package/dist/icons/GoBackward10Icon.d.ts +0 -3
  75. package/dist/icons/GoForward10Icon.d.ts +0 -3
  76. package/dist/icons/GridSquaresIcon.d.ts +0 -12
  77. package/dist/icons/HamburgerIcon.d.ts +0 -7
  78. package/dist/icons/HelpCircleIcon.d.ts +0 -7
  79. package/dist/icons/HomeIcon.d.ts +0 -2
  80. package/dist/icons/HomeSVG.d.ts +0 -3
  81. package/dist/icons/IconFactory.d.ts +0 -142
  82. package/dist/icons/Image01SVG.d.ts +0 -3
  83. package/dist/icons/ImageIcon.d.ts +0 -10
  84. package/dist/icons/InfoCircleIcon.d.ts +0 -10
  85. package/dist/icons/InfoCircleSVG.d.ts +0 -3
  86. package/dist/icons/InfoIcon.d.ts +0 -9
  87. package/dist/icons/ItalicIcon.d.ts +0 -10
  88. package/dist/icons/LearnMoreArrowIcon.d.ts +0 -4
  89. package/dist/icons/LinkCircleSVG.d.ts +0 -3
  90. package/dist/icons/LinkIcon.d.ts +0 -10
  91. package/dist/icons/ListLinesIcon.d.ts +0 -12
  92. package/dist/icons/LockCircleSVG.d.ts +0 -3
  93. package/dist/icons/LockIcon.d.ts +0 -13
  94. package/dist/icons/Logout02Icon.d.ts +0 -3
  95. package/dist/icons/MicrophoneIcon.d.ts +0 -2
  96. package/dist/icons/MinusIcon.d.ts +0 -19
  97. package/dist/icons/MoreHorizontalIcon.d.ts +0 -7
  98. package/dist/icons/MoreVerticalIcon.d.ts +0 -9
  99. package/dist/icons/NextIcon.d.ts +0 -10
  100. package/dist/icons/PDFSvg.d.ts +0 -12
  101. package/dist/icons/PatternsIcon.d.ts +0 -2
  102. package/dist/icons/PauseIcon.d.ts +0 -6
  103. package/dist/icons/PencilIcon.d.ts +0 -8
  104. package/dist/icons/PlayButtonCardIcon.d.ts +0 -14
  105. package/dist/icons/PlayCenterIcon.d.ts +0 -13
  106. package/dist/icons/PlayIcon.d.ts +0 -3
  107. package/dist/icons/PlayIconSolid.d.ts +0 -6
  108. package/dist/icons/PlayIconStroke.d.ts +0 -2
  109. package/dist/icons/PlayIconTwotone.d.ts +0 -6
  110. package/dist/icons/PlayVideoIcon.d.ts +0 -14
  111. package/dist/icons/PlusCircleIcon.d.ts +0 -9
  112. package/dist/icons/PlusIcon.d.ts +0 -22
  113. package/dist/icons/PreviousIcon.d.ts +0 -10
  114. package/dist/icons/PrintIcon.d.ts +0 -4
  115. package/dist/icons/QuestionMarkGrayBgIcon.d.ts +0 -22
  116. package/dist/icons/QuestionMarkIcon.d.ts +0 -11
  117. package/dist/icons/RedoIcon.d.ts +0 -10
  118. package/dist/icons/SaudiFlagSVG.d.ts +0 -3
  119. package/dist/icons/SdaiaNavLogo.d.ts +0 -2
  120. package/dist/icons/SearchIcon.d.ts +0 -12
  121. package/dist/icons/SettingsIcon.d.ts +0 -2
  122. package/dist/icons/ShareIcon.d.ts +0 -4
  123. package/dist/icons/SidebarCollapseIcon.d.ts +0 -3
  124. package/dist/icons/SmileIcon.d.ts +0 -11
  125. package/dist/icons/SortIcon.d.ts +0 -2
  126. package/dist/icons/StarIcon.d.ts +0 -11
  127. package/dist/icons/StatusBadgeIcon.d.ts +0 -2
  128. package/dist/icons/TextTIcon.d.ts +0 -10
  129. package/dist/icons/Tick02Icon.d.ts +0 -8
  130. package/dist/icons/TickIcon.d.ts +0 -12
  131. package/dist/icons/TrashIcon.d.ts +0 -14
  132. package/dist/icons/UnderlineIcon.d.ts +0 -10
  133. package/dist/icons/UndoIcon.d.ts +0 -10
  134. package/dist/icons/UploadArrowIcon.d.ts +0 -10
  135. package/dist/icons/UserIcon.d.ts +0 -2
  136. package/dist/icons/VolumeHighIcon.d.ts +0 -3
  137. package/dist/icons/VolumeMuteIcon.d.ts +0 -11
  138. package/dist/icons/XCircleIcon.d.ts +0 -8
  139. package/dist/icons/XIcon.d.ts +0 -8
  140. package/dist/icons/XIconSVG.d.ts +0 -3
  141. package/dist/icons/XSmallIcon.d.ts +0 -7
  142. package/dist/icons/XSvg.d.ts +0 -3
  143. package/dist/icons/ZoomInIcon.d.ts +0 -4
  144. package/dist/icons.cjs +0 -4452
  145. package/dist/icons.js +0 -4429
package/dist/index.js CHANGED
@@ -366,12 +366,12 @@ import path4 from "node:path";
366
366
  function transformImports(source, componentDir, utilsDir, componentName) {
367
367
  const componentPath = path4.posix.join(componentDir, componentName);
368
368
  const utilsRelative = path4.posix.relative(componentPath, utilsDir);
369
- const cnImportPath = utilsRelative ? `${utilsRelative}/cn` : "./cn";
369
+ const utilsPrefix = utilsRelative || ".";
370
370
  const sdaiaAssetsImportPath = "../sdaia-assets";
371
371
  let result = source;
372
372
  result = result.replace(
373
- /from\s+(['"])\.\.\/\.\.\/lib\/cn\1/g,
374
- `from '${cnImportPath}'`
373
+ /from\s+(['"])\.\.\/\.\.\/lib\/([^'"\/]+)\1/g,
374
+ (_match, _quote, fileBase) => `from '${utilsPrefix}/${fileBase}'`
375
375
  );
376
376
  result = result.replace(
377
377
  /from\s+(['"])sdaia-ui\/sdaia-assets\1/g,
@@ -391,6 +391,12 @@ function transformImports(source, componentDir, utilsDir, componentName) {
391
391
  );
392
392
  return result;
393
393
  }
394
+ function transformSdaiaAssetsImports(source) {
395
+ return source.replace(
396
+ /from\s+(['"])\.\.\/components\/([^'"]+)\1/g,
397
+ (_match, _quote, rest) => `from '../${rest}'`
398
+ );
399
+ }
394
400
  function ensureReactImport(source, fileName) {
395
401
  if (!fileName.endsWith(".tsx")) return source;
396
402
  if (/import\s+React[\s,]/m.test(source)) return source;
@@ -476,7 +482,9 @@ async function add(componentSlugs, options) {
476
482
  );
477
483
  source = ensureReactImport(source, fileName);
478
484
  }
479
- fs4.writeFileSync(path5.join(compDir, fileName), source);
485
+ const target = path5.join(compDir, fileName);
486
+ fs4.mkdirSync(path5.dirname(target), { recursive: true });
487
+ fs4.writeFileSync(target, source);
480
488
  }
481
489
  logger.success(
482
490
  ` ${entry.name} \u2192 ${path5.relative(process.cwd(), compDir)}/`
@@ -489,25 +497,38 @@ async function add(componentSlugs, options) {
489
497
  for (const utilName of utilityDepsNeeded) {
490
498
  const util = registry.utilities.find((u) => u.name === utilName);
491
499
  if (!util) continue;
492
- const baseDir = util.name === "sdaia-assets" ? config.componentDir : config.utilsDir;
493
- const utilDir = path5.resolve(process.cwd(), baseDir, util.name);
494
- const alreadyHere = fs4.existsSync(utilDir) && fs4.existsSync(path5.join(utilDir, "index.ts"));
495
- if (alreadyHere && !options.overwrite) {
496
- logger.info(`Utility ${util.name} already installed (skipping)`);
497
- continue;
500
+ let utilDir;
501
+ if (util.name === "sdaia-assets") {
502
+ utilDir = path5.resolve(process.cwd(), config.componentDir, util.name);
503
+ } else if (util.name === "lib-helpers") {
504
+ utilDir = path5.resolve(process.cwd(), config.utilsDir);
505
+ } else {
506
+ utilDir = path5.resolve(process.cwd(), config.utilsDir, util.name);
498
507
  }
499
508
  fs4.mkdirSync(utilDir, { recursive: true });
509
+ let installedAny = false;
500
510
  for (const fileName of util.files) {
501
- const source = await fetchComponentFile(
511
+ const target = path5.join(utilDir, fileName);
512
+ if (fs4.existsSync(target) && !options.overwrite) continue;
513
+ let source = await fetchComponentFile(
502
514
  config.registryUrl,
503
515
  util.name,
504
516
  fileName
505
517
  );
506
- fs4.writeFileSync(path5.join(utilDir, fileName), source);
518
+ if (util.name === "sdaia-assets") {
519
+ source = transformSdaiaAssetsImports(source);
520
+ }
521
+ fs4.mkdirSync(path5.dirname(target), { recursive: true });
522
+ fs4.writeFileSync(target, source);
523
+ installedAny = true;
524
+ }
525
+ if (installedAny) {
526
+ logger.success(
527
+ ` ${util.name} \u2192 ${path5.relative(process.cwd(), utilDir)}/`
528
+ );
529
+ } else {
530
+ logger.info(`Utility ${util.name} already installed (skipping)`);
507
531
  }
508
- logger.success(
509
- ` ${util.name} \u2192 ${path5.relative(process.cwd(), utilDir)}/`
510
- );
511
532
  }
512
533
  const npmDeps = collectNpmDependencies(toInstall);
513
534
  const baseDeps = ["clsx", "tailwind-merge", "@platformscode/icons"];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sdaia-ui",
3
- "version": "1.2.0",
3
+ "version": "1.2.2",
4
4
  "description": "CLI for installing SDAIA Design System components into your project",
5
5
  "type": "module",
6
6
  "bin": {
@@ -1,11 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Undo icon (undo-03) — 24×24 px.
4
- * Figma: node inside Rich Text Editor 6259:88649
5
- */
6
- export declare function AIIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
7
- /**
8
- * Text / T icon — 16×16 px.
9
- * Used inside the text-style selector trigger.
10
- * Figma: node inside Rich Text Editor 6259:88649
11
- */
@@ -1,11 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Undo icon (undo-03) — 24×24 px.
4
- * Figma: node inside Rich Text Editor 6259:88649
5
- */
6
- export declare function AaIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
7
- /**
8
- * Smile / emoji icon — 20×20 px.
9
- * Used in the input bottom bar.
10
- * Figma: node inside Rich Text Editor 6259:88649
11
- */
@@ -1,8 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * AlertCircle02Icon — 32 × 32 glyph used inside the NotificationPopup
4
- * "input" featured-icon (rendered on a light-green background circle).
5
- * The path is pre-colored with the Figma `icon-success` variable (#067647)
6
- * so the glyph reads correctly on the pale `background-primary-50` circle.
7
- */
8
- export declare function AlertCircle02Icon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- /**
3
- * Alert icons — colocated inside the package so the component has no
4
- * dependency on the host app's `/public` folder. All icons use
5
- * `currentColor` so state styling is controlled by the parent's text color.
6
- */
7
- type IconProps = React.SVGProps<SVGSVGElement>;
8
- export declare const AlertCircleIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1,3 +0,0 @@
1
- import * as React from "react";
2
- declare const AlertCircleSVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
- export default AlertCircleSVG;
@@ -1,9 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * AlertCircleWarningIcon — 64 × 64 warning badge.
4
- * Pre-colored filled-orange circle with a light-amber stroke and a white
5
- * exclamation glyph, sourced verbatim from the Figma warning illustration
6
- * used by the NotificationPopup warning state. Colors are intentional
7
- * (semantic) and do not follow `currentColor`.
8
- */
9
- export declare function AlertCircleWarningIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- /**
3
- * Alert icons — colocated inside the package so the component has no
4
- * dependency on the host app's `/public` folder. All icons use
5
- * `currentColor` so state styling is controlled by the parent's text color.
6
- */
7
- type IconProps = React.SVGProps<SVGSVGElement>;
8
- export declare const AlertTriangleIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1,10 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Undo icon (undo-03) — 24×24 px.
4
- * Figma: node inside Rich Text Editor 6259:88649
5
- */
6
- export declare function AlignCenterIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
7
- /**
8
- * Align right icon (text-align-justify-right) — 24×24 px.
9
- * Figma: node inside Rich Text Editor 6259:88649
10
- */
@@ -1,10 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Undo icon (undo-03) — 24×24 px.
4
- * Figma: node inside Rich Text Editor 6259:88649
5
- */
6
- export declare function AlignLeftIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
7
- /**
8
- * Align center icon (text-align-center) — 24×24 px.
9
- * Figma: node inside Rich Text Editor 6259:88649
10
- */
@@ -1,10 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Undo icon (undo-03) — 24×24 px.
4
- * Figma: node inside Rich Text Editor 6259:88649
5
- */
6
- export declare function AlignRightIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
7
- /**
8
- * Link icon (link-02) — 24×24 px.
9
- * Figma: node inside Rich Text Editor 6259:88649
10
- */
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- /**
3
- * Accordion chevrons — colocated inside the package so the component
4
- * has no dependency on the host app's `/public` folder. Both icons
5
- * use `currentColor` so the trigger's text color drives the fill.
6
- */
7
- type IconProps = React.SVGProps<SVGSVGElement>;
8
- export declare const ArrowDownIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1,14 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * ArrowDownLeft01Icon — 12 × 12 diagonal down-left arrow (Figma
4
- * `arrow-down-left-01`).
5
- *
6
- * Pre-colored red (#D92D20) — semantic "decrease" direction used by the
7
- * ChartBadge decrease state. The path fill is baked in (it's not a
8
- * `currentColor` glyph) because the icon is paired one-to-one with a
9
- * specific pill color and its direction is meaningful on its own.
10
- *
11
- * Uses `width="100%"` / `height="100%"` so the parent `size-icon-*` wrapper
12
- * controls the rendered size (ChartBadge uses `size-icon-xs` → 12 px).
13
- */
14
- export declare function ArrowDownLeft01Icon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,3 +0,0 @@
1
- import * as React from "react";
2
- declare const ArrowDownSVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
- export default ArrowDownSVG;
@@ -1,18 +0,0 @@
1
- /**
2
- * Inline SVG icons for InputPrefixSuffix.
3
- *
4
- * All icons:
5
- * - Use `width="100%" height="100%"` — the wrapping span controls the size.
6
- * - Use `currentColor` — the wrapping span's `text-*` class drives the color.
7
- * - Have `aria-hidden="true"` — the parent button's `aria-label` provides the label.
8
- * - Paths extracted from Figma node 5285:77926.
9
- *
10
- * SVG path sources:
11
- * minus-sign → Figma node 5285:77212 (horizontal bar, 24×24 vp)
12
- * plus-sign → Figma node 5285:77252 (cross/plus, 24×24 vp)
13
- * unfold-more → Figma node 5285:80168 (up+down chevrons, 24×24 vp)
14
- */
15
- /** Minus (−) — horizontal bar, centered in a 24×24 viewport. */
16
- export declare function ArrowIcon({ className }: {
17
- className?: string;
18
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /** Arrow pointing left — used for "previous" navigation. */
3
- export declare function ArrowLeft01Icon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
4
- /** Arrow pointing right — used for "next" navigation. */
@@ -1,3 +0,0 @@
1
- import * as React from "react";
2
- declare const ArrowLeft02SVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
- export default ArrowLeft02SVG;
@@ -1,4 +0,0 @@
1
- import type { SVGProps } from "react";
2
- /** Chevron pointing right. */
3
- export declare function ArrowLeftIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
4
- /** Chevron pointing down. */
@@ -1,4 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /** Arrow pointing left — used for "previous" navigation. */
3
- export declare function ArrowRight01Icon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
4
- /** Zoom in — plus magnifier. */
@@ -1,3 +0,0 @@
1
- import * as React from "react";
2
- declare const ArrowRight01SVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
- export default ArrowRight01SVG;
@@ -1,4 +0,0 @@
1
- import type { SVGProps } from "react";
2
- /** Chevron pointing right. */
3
- export declare function ArrowRightIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
4
- /** Chevron pointing left. */
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- /**
3
- * Accordion chevrons — colocated inside the package so the component
4
- * has no dependency on the host app's `/public` folder. Both icons
5
- * use `currentColor` so the trigger's text color drives the fill.
6
- */
7
- type IconProps = React.SVGProps<SVGSVGElement>;
8
- export declare const ArrowUpIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1,11 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * ArrowUpRight01Icon — 12 × 12 diagonal up-right arrow (Figma `arrow-up-right-01`).
4
- *
5
- * Color is inherited from `currentColor`, so wrappers (badges, links, trend
6
- * pills) can control the icon tone via text color tokens.
7
- *
8
- * Uses `width="100%"` / `height="100%"` so the parent `size-icon-*` wrapper
9
- * controls the rendered size (ChartBadge uses `size-icon-xs` → 12 px).
10
- */
11
- export declare function ArrowUpRight01Icon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,3 +0,0 @@
1
- import * as React from "react";
2
- declare const ArrowUpSVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
- export default ArrowUpSVG;
@@ -1,10 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Undo icon (undo-03) — 24×24 px.
4
- * Figma: node inside Rich Text Editor 6259:88649
5
- */
6
- export declare function AtIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
7
- /**
8
- * Color square icon — 24×24 px.
9
- * Represents a text/background color swatch in the toolbar.
10
- */
@@ -1,4 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /** Info icon — circle with question mark. Used as default `icon={true}`. */
3
- export declare function BeakBottom(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
4
- /** Left beak — triangle pointing left (6×12). */
@@ -1,13 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Popover beak pointing DOWN (▼) — 28 × 6 px.
4
- * Used for top placement: panel is above the trigger, beak points toward it.
5
- * fill="currentColor" so the parent's text-* class sets the triangle colour
6
- * (matching the panel background for a seamless join).
7
- */
8
- export declare function BeakDown(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
9
- /**
10
- * Popover beak pointing UP (▲) — 28 × 6 px.
11
- * Used for bottom placement: panel is below the trigger, beak points toward it.
12
- * fill="currentColor" so the parent's text-* class sets the triangle colour.
13
- */
@@ -1,4 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /** Info icon — circle with question mark. Used as default `icon={true}`. */
3
- export declare function BeakLeft(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
4
- /** Right beak — triangle pointing right (6×12). */
@@ -1,3 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /** Info icon — circle with question mark. Used as default `icon={true}`. */
3
- export declare function BeakRight(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /** Info icon — circle with question mark. Used as default `icon={true}`. */
3
- export declare function BeakTop(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
4
- /** Bottom beak — triangle pointing down (12×6). */
@@ -1,8 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Popover beak pointing DOWN (▼) — 28 × 6 px.
4
- * Used for top placement: panel is above the trigger, beak points toward it.
5
- * fill="currentColor" so the parent's text-* class sets the triangle colour
6
- * (matching the panel background for a seamless join).
7
- */
8
- export declare function BeakUp(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * BellCircleIcon — 60 × 60 notification badge.
4
- * Pre-colored filled-green circle with a white bell glyph, sourced verbatim
5
- * from the Figma "notification-02" illustration used by the NotificationPopup
6
- * alert state. Colors are intentional (semantic) and do not follow
7
- * `currentColor`. Distinct from the simple `BellIcon` glyph.
8
- */
9
- export declare function BellCircleIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- /**
3
- * Alert icons — colocated inside the package so the component has no
4
- * dependency on the host app's `/public` folder. All icons use
5
- * `currentColor` so state styling is controlled by the parent's text color.
6
- */
7
- type IconProps = React.SVGProps<SVGSVGElement>;
8
- export declare const BellIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1,10 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Undo icon (undo-03) — 24×24 px.
4
- * Figma: node inside Rich Text Editor 6259:88649
5
- */
6
- export declare function BoldIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
7
- /**
8
- * Italic icon (text-italic) — 24×24 px.
9
- * Figma: node inside Rich Text Editor 6259:88649
10
- */
@@ -1,3 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /** Calendar — outlined calendar grid, 24×24 viewport. */
3
- export declare function CalendarIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,3 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /** Charts / radar icon — 16×16 viewport. */
3
- export declare function ChartsIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- /**
3
- * Alert icons — colocated inside the package so the component has no
4
- * dependency on the host app's `/public` folder. All icons use
5
- * `currentColor` so state styling is controlled by the parent's text color.
6
- */
7
- type IconProps = React.SVGProps<SVGSVGElement>;
8
- export declare const CheckCircleIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1,9 +0,0 @@
1
- /**
2
- * Inline SVG icons used exclusively by the Filtration component.
3
- * All icons use `width="100%" height="100%"` — the wrapper controls sizing.
4
- */
5
- /** Funnel / filter icon — 24×24 viewport (Figma filter-01). */
6
- export declare function ChevronDownIcon({ className }: {
7
- className?: string;
8
- }): import("react/jsx-runtime").JSX.Element;
9
- /** X / cancel icon — used as the chip dismiss button (20×20 viewport). */
@@ -1,10 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Undo icon (undo-03) — 24×24 px.
4
- * Figma: node inside Rich Text Editor 6259:88649
5
- */
6
- export declare function ChevronDownSmIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
7
- /**
8
- * Chevron down — 16×16 px.
9
- * Used inside collapsed group buttons on mobile toolbar.
10
- */
@@ -1,2 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- export declare function ChevronLeftIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,3 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /** Right-pointing chevron (›). Mirrors to left (‹) in RTL via rtl:-scale-x-100 on the wrapper. */
3
- export declare function ChevronRightIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,12 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Search icon (search-01) — 20 × 20 px viewBox.
4
- * Used as the leading affordance in the input and as the icon for suggestion items.
5
- * Figma: search-01 referenced inside Autocomplete node 6183:86218
6
- */
7
- export declare function ClearIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
8
- /**
9
- * Clock icon (clock-02, Style=Stroke Type=Rounded) — 20 × 20 px viewBox.
10
- * Used as the icon for "Recents" dropdown items.
11
- * Figma: clock icon referenced inside Open state node 6183:86399
12
- */
@@ -1,12 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Search icon (search-01) — 20 × 20 px viewBox.
4
- * Used as the leading affordance in the input and as the icon for suggestion items.
5
- * Figma: search-01 referenced inside Autocomplete node 6183:86218
6
- */
7
- export declare function ClockIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
8
- /**
9
- * Help-circle icon — 16 × 16 px viewBox.
10
- * Used alongside helper text below the input.
11
- * Figma node: help-circle (2078:19165)
12
- */
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- /**
3
- * Alert icons — colocated inside the package so the component has no
4
- * dependency on the host app's `/public` folder. All icons use
5
- * `currentColor` so state styling is controlled by the parent's text color.
6
- */
7
- type IconProps = React.SVGProps<SVGSVGElement>;
8
- export declare const CloseIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
9
- export {};
@@ -1,3 +0,0 @@
1
- import * as React from "react";
2
- declare function CloudUploadIcon(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
3
- export { CloudUploadIcon };
@@ -1,3 +0,0 @@
1
- import { SVGProps } from "react";
2
- /** Default file header icon — stroke star (Figma `star` / favorite). */
3
- export declare function CodeSnippetChevronDownIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- import { SVGProps } from "react";
2
- /** Default file header icon — stroke star (Figma `star` / favorite). */
3
- export declare function CodeSnippetCopyIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
4
- /** Chevron down for "Show more". */
@@ -1,3 +0,0 @@
1
- /** Default file header icon — stroke star (Figma `star` / favorite). */
2
- export declare function CodeSnippetStarIcon(): import("react/jsx-runtime").JSX.Element;
3
- /** Copy — duplicate squares (Figma `copy-01`). */
@@ -1,6 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /**
3
- * Undo icon (undo-03) — 24×24 px.
4
- * Figma: node inside Rich Text Editor 6259:88649
5
- */
6
- export declare function ColorSquareIcon({ className, ...props }: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,3 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /** Components / archive icon — 16×16 viewport. */
3
- export declare function ComponentsIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,3 +0,0 @@
1
- import * as React from "react";
2
- declare const DGALogoSVG: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
3
- export default DGALogoSVG;
@@ -1,3 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /** Trash / delete icon used on the image preview hover overlay. */
3
- export declare function DeleteIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import type { SVGProps } from "react";
2
- type IconProps = SVGProps<SVGSVGElement> & {
3
- title?: string;
4
- };
5
- export declare function DownloadIcon({ title, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,3 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- /** Drag / rearrange handle (two vertical columns of dots). */
3
- export declare function DragHandleVerticalIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- export declare function FeedbackEmojiDislikeIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- export declare function FeedbackEmojiLikeIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- export declare function FeedbackEmojiNeutralIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- export declare function FeedbackThumbDislikeFilledIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- export declare function FeedbackThumbDislikeIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- export declare function FeedbackThumbLikeFilledIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- export declare function FeedbackThumbLikeIcon(props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
@@ -1,6 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- type IconProps = SVGProps<SVGSVGElement>;
3
- /** 16×16 dismiss — stroke, inherits `currentColor`. */
4
- export declare function FileUploadItemCloseIcon({ className, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
5
- export {};
6
- /** PDF document tile (32×32). */
@@ -1,5 +0,0 @@
1
- import type { SVGProps } from 'react';
2
- type IconProps = SVGProps<SVGSVGElement>;
3
- /** 16×16 dismiss — stroke, inherits `currentColor`. */
4
- export declare function FileUploadItemEmptyFileIcon(props: IconProps): import("react/jsx-runtime").JSX.Element;
5
- export {};