@optimum-intelligence/opti-ui 0.5.2 → 0.6.0

package/dist/components.json

@@ -1,6 +1,6 @@
 {
   "package": "@optimum-intelligence/opti-ui",
-  "version": "0.5.2",
+  "version": "0.6.0",
   "description": "Optimum's customizable React component library, built on Base UI.",
   "categories": [
     "Theme",
@@ -1377,6 +1377,12 @@
           "description": "Text shown while nothing is selected.",
           "default": "'Select…'"
         },
+        {
+          "name": "allLabel",
+          "type": "React.ReactNode",
+          "required": false,
+          "description": "Adds a first option for \"no choice\", such as \"All\" in a filter. Choosing it\nreports `null`, and it shows while the value is `null`."
+        },
         {
           "name": "size",
           "type": "ControlSize",
@@ -2584,6 +2590,12 @@
           "description": "Visual emphasis.",
           "default": "'primary'"
         },
+        {
+          "name": "tone",
+          "type": "ButtonTone",
+          "required": false,
+          "description": "Status colour on top of the variant: a filled button in that colour for `primary`/`accent`, tinted text and borders for the others."
+        },
         {
           "name": "size",
           "type": "ButtonSize",
@@ -2725,6 +2737,12 @@
           "description": "Visual emphasis.",
           "default": "'ghost'"
         },
+        {
+          "name": "tone",
+          "type": "ButtonTone",
+          "required": false,
+          "description": "Status colour on top of the variant: a filled button in that colour for `primary`/`accent`, tinted text and borders for the others."
+        },
         {
           "name": "size",
           "type": "ButtonSize",
@@ -3104,6 +3122,13 @@
               ],
               "description": "How strongly the page behind the dialog is blurred. Override the radius with `--oui-backdrop-blur`.",
               "default": "'md'"
+            },
+            {
+              "name": "nestedBackdrop",
+              "type": "boolean",
+              "required": false,
+              "description": "Blur the dialog or drawer this one opens from, instead of showing no backdrop.",
+              "default": "false"
             }
           ],
           "extends": [
@@ -3266,6 +3291,140 @@
         "CommandItem = CommandItem>"
       ]
     },
+    {
+      "name": "ConfirmDialog",
+      "kind": "component",
+      "category": "Overlays",
+      "description": "Asks before an action runs: title, description, cancel and confirm buttons,\na pending state that keeps the dialog open, and room for the error.\nFor other layouts compose `AlertDialog`.",
+      "import": "import { ConfirmDialog } from '@optimum-intelligence/opti-ui';",
+      "propsType": "ConfirmDialogProps",
+      "props": [
+        {
+          "name": "ref",
+          "type": "React.Ref<HTMLDivElement>",
+          "required": false,
+          "description": "Ref to the dialog popup."
+        },
+        {
+          "name": "open",
+          "type": "boolean",
+          "required": false,
+          "description": "Whether the dialog is open (controlled)."
+        },
+        {
+          "name": "defaultOpen",
+          "type": "boolean",
+          "required": false,
+          "description": "Initial state when uncontrolled."
+        },
+        {
+          "name": "onOpenChange",
+          "type": "(open: boolean) => void",
+          "required": false,
+          "description": "Called when the dialog opens or closes. Not called to close while `pending`."
+        },
+        {
+          "name": "onOpenChangeComplete",
+          "type": "(open: boolean) => void",
+          "required": false,
+          "description": "Called once the open or close transition has finished, e.g. to unmount the dialog."
+        },
+        {
+          "name": "trigger",
+          "type": "React.ReactElement",
+          "required": false,
+          "description": "Element that opens the dialog, e.g. `<Button>Delete</Button>`. Omit when `open` is controlled."
+        },
+        {
+          "name": "title",
+          "type": "React.ReactNode",
+          "required": true,
+          "description": "The question, e.g. \"Delete this truck?\"."
+        },
+        {
+          "name": "description",
+          "type": "React.ReactNode",
+          "required": false,
+          "description": "What happens when confirmed."
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "required": false,
+          "description": "Extra content between the description and the buttons."
+        },
+        {
+          "name": "confirmLabel",
+          "type": "React.ReactNode",
+          "required": true,
+          "description": "Text of the confirm button."
+        },
+        {
+          "name": "cancelLabel",
+          "type": "React.ReactNode",
+          "required": false,
+          "description": "Text of the cancel button.",
+          "default": "'Cancel'"
+        },
+        {
+          "name": "onConfirm",
+          "type": "() => void",
+          "required": true,
+          "description": "Called by the confirm button. The dialog stays open; close it when the action succeeds."
+        },
+        {
+          "name": "destructive",
+          "type": "boolean",
+          "required": false,
+          "description": "Red confirm button, for actions that delete or cannot be undone.",
+          "default": "false"
+        },
+        {
+          "name": "pending",
+          "type": "boolean",
+          "required": false,
+          "description": "The action is running: the confirm button spins and the dialog cannot be closed.",
+          "default": "false"
+        },
+        {
+          "name": "error",
+          "type": "React.ReactNode",
+          "required": false,
+          "description": "Why the action failed, shown above the buttons."
+        },
+        {
+          "name": "size",
+          "type": "'sm' | 'md' | 'lg'",
+          "required": false,
+          "values": [
+            "sm",
+            "md",
+            "lg"
+          ],
+          "description": "Dialog width.",
+          "default": "'sm'"
+        },
+        {
+          "name": "backdropBlur",
+          "type": "DialogBackdropBlur",
+          "required": false,
+          "values": [
+            "none",
+            "sm",
+            "md",
+            "lg"
+          ],
+          "description": "How strongly the page behind the dialog is blurred."
+        },
+        {
+          "name": "nestedBackdrop",
+          "type": "boolean",
+          "required": false,
+          "description": "Blur the dialog or drawer this one opens from, instead of showing no backdrop."
+        }
+      ],
+      "example": "<ConfirmDialog\n  open={deleting}\n  onOpenChange={setDeleting}\n  title=\"Delete this truck?\"\n  description=\"Its trips stay, without a truck.\"\n  confirmLabel=\"Delete\"\n  destructive\n  pending={mutation.isPending}\n  error={mutation.error?.message}\n  onConfirm={() => mutation.mutate()}\n/>"
+    },
     {
       "name": "createToastManager",
       "kind": "function",
@@ -3356,6 +3515,13 @@
               "type": "BaseDialog.Backdrop.Props",
               "required": false,
               "description": "Props for the backdrop behind the dialog."
+            },
+            {
+              "name": "nestedBackdrop",
+              "type": "boolean",
+              "required": false,
+              "description": "Blur the dialog or drawer this one opens from. Nested dialogs otherwise\nshow no backdrop, so the parent stays sharp behind them.",
+              "default": "false"
             }
           ],
           "extends": [
@@ -3429,6 +3595,12 @@
           "required": false,
           "description": "Called when the drawer opens or closes."
         },
+        {
+          "name": "onOpenChangeComplete",
+          "type": "(open: boolean) => void",
+          "required": false,
+          "description": "Called once the open or close transition has finished, e.g. to unmount the drawer after it slid out."
+        },
         {
           "name": "trigger",
           "type": "React.ReactElement",
@@ -4363,15 +4535,7 @@
           "name": "tone",
           "type": "BadgeTone",
           "required": false,
-          "values": [
-            "neutral",
-            "accent",
-            "info",
-            "success",
-            "warning",
-            "danger"
-          ],
-          "description": "Semantic color.",
+          "description": "Status colour, or a plain colour from `ColorTone` for categories.",
           "default": "'neutral'"
         },
         {
@@ -4471,7 +4635,27 @@
           "name": "toolbar",
           "type": "React.ReactNode | ((context: DataTableToolbarContext<T>) => React.ReactNode)",
           "required": false,
-          "description": "Extra toolbar content (export, add…). A function receives the processed rows."
+          "description": "Extra toolbar content (add, bulk actions…). A function receives the processed rows."
+        },
+        {
+          "name": "showToolbar",
+          "type": "boolean",
+          "required": false,
+          "description": "`false` drops the search, filters, summary and toolbar content: rows only, for short tables under their own heading.",
+          "default": "true"
+        },
+        {
+          "name": "exportName",
+          "type": "string",
+          "required": false,
+          "description": "Adds an export button that saves the filtered, sorted rows as `<exportName>.csv`.\nColumns choose their text with `exportValue`."
+        },
+        {
+          "name": "fill",
+          "type": "boolean",
+          "required": false,
+          "description": "Grow to fill the height of a flex column container (a page, or a `Card`\nwhose content holds the table); only the rows scroll. `maxHeight` still caps it.",
+          "default": "false"
         },
         {
           "name": "className",
@@ -4572,7 +4756,7 @@
         },
         {
           "name": "DataTable.Filter",
-          "description": "The control of one filter: a dropdown, a toggle chip or a date range picker.",
+          "description": "The control of one filter: a dropdown, a toggle chip, a row of chips or a date range picker.",
           "propsType": "DataTableFilterProps",
           "props": [
             {
@@ -4709,6 +4893,68 @@
         }
       ]
     },
+    {
+      "name": "DescriptionItem",
+      "kind": "component",
+      "category": "Feedback & data display",
+      "description": "One label and value pair inside a `DescriptionList`.",
+      "import": "import { DescriptionItem } from '@optimum-intelligence/opti-ui';",
+      "propsType": "DescriptionItemProps",
+      "props": [
+        {
+          "name": "ref",
+          "type": "React.Ref<HTMLDivElement>",
+          "required": false,
+          "description": "Ref to the item's wrapper."
+        },
+        {
+          "name": "label",
+          "type": "React.ReactNode",
+          "required": true,
+          "description": "The term, e.g. \"Plate\"."
+        },
+        {
+          "name": "children",
+          "type": "React.ReactNode",
+          "required": false,
+          "description": "The value. Line breaks in text are kept."
+        }
+      ],
+      "extends": [
+        "Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>"
+      ]
+    },
+    {
+      "name": "DescriptionList",
+      "kind": "component",
+      "category": "Feedback & data display",
+      "description": "Label and value pairs, such as a record's details. Holds `DescriptionItem`s.",
+      "import": "import { DescriptionList } from '@optimum-intelligence/opti-ui';",
+      "propsType": "DescriptionListProps",
+      "props": [
+        {
+          "name": "ref",
+          "type": "React.Ref<HTMLDListElement>",
+          "required": false,
+          "description": "Ref to the `<dl>` element."
+        },
+        {
+          "name": "layout",
+          "type": "DescriptionListLayout",
+          "required": false,
+          "values": [
+            "rows",
+            "grid"
+          ],
+          "description": "How the label and value pairs are laid out.",
+          "default": "'rows'"
+        }
+      ],
+      "extends": [
+        "React.HTMLAttributes<HTMLDListElement>"
+      ],
+      "example": "<DescriptionList>\n  <DescriptionItem label=\"Plate\">ABC-123</DescriptionItem>\n  <DescriptionItem label=\"Depot\">North</DescriptionItem>\n</DescriptionList>"
+    },
     {
       "name": "EmptyState",
       "kind": "component",
@@ -5170,14 +5416,6 @@
           "name": "tone",
           "type": "BadgeTone",
           "required": false,
-          "values": [
-            "neutral",
-            "accent",
-            "info",
-            "success",
-            "warning",
-            "danger"
-          ],
           "description": "Semantic color.",
           "default": "'neutral'"
         },
@@ -5509,6 +5747,7 @@
         "CircleIcon",
         "CircleXIcon",
         "ClockIcon",
+        "DownloadIcon",
         "ExternalLinkIcon",
         "EyeIcon",
         "EyeOffIcon",

package/dist/icons/index.d.ts

@@ -107,6 +107,10 @@ export declare const UploadIcon: {
     ({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
     displayName: string;
 };
+export declare const DownloadIcon: {
+    ({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
+    displayName: string;
+};
 export declare const FileIcon: {
     ({ size, strokeWidth, ref, ...props }: IconProps): React.JSX.Element;
     displayName: string;

package/dist/icons/index.js

@@ -151,6 +151,11 @@ var UploadIcon = createIcon("UploadIcon", /* @__PURE__ */ jsxs(Fragment, { child
 	/* @__PURE__ */ jsx("path", { d: "m17 8-5-5-5 5" }),
 	/* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" })
 ] }));
+var DownloadIcon = createIcon("DownloadIcon", /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsx("path", { d: "M12 15V3" }),
+	/* @__PURE__ */ jsx("path", { d: "m7 10 5 5 5-5" }),
+	/* @__PURE__ */ jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" })
+] }));
 var FileIcon = createIcon("FileIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z" }), /* @__PURE__ */ jsx("path", { d: "M14 2v5a1 1 0 0 0 1 1h5" })] }));
 var EyeIcon = createIcon("EyeIcon", /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }), /* @__PURE__ */ jsx("circle", {
 	cx: "12",
@@ -177,6 +182,6 @@ var ExternalLinkIcon = createIcon("ExternalLinkIcon", /* @__PURE__ */ jsxs(Fragm
 	/* @__PURE__ */ jsx("path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" })
 ] }));
 //#endregion
-export { ArrowDownIcon, ArrowUpIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleCheckIcon, CircleIcon, CircleXIcon, ClockIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileIcon, InfoIcon, MenuIcon, MinusIcon, MoreHorizontalIcon, PencilIcon, PlusIcon, SearchIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleAlertIcon, UploadIcon, XIcon };
+export { ArrowDownIcon, ArrowUpIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleCheckIcon, CircleIcon, CircleXIcon, ClockIcon, DownloadIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileIcon, InfoIcon, MenuIcon, MinusIcon, MoreHorizontalIcon, PencilIcon, PlusIcon, SearchIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleAlertIcon, UploadIcon, XIcon };
 
 //# sourceMappingURL=index.js.map

package/dist/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","IconProps","SVGProps","SVGSVGElement","size","createIcon","name","paths","ReactNode","Icon","t0","$","_c","props","ref","t1","t2","strokeWidth","undefined","t3","displayName","CheckIcon","MinusIcon","PlusIcon","XIcon","ChevronDownIcon","ChevronUpIcon","ChevronRightIcon","ChevronLeftIcon","ChevronsUpDownIcon","ArrowUpIcon","ArrowDownIcon","TrendingUpIcon","TrendingDownIcon","InfoIcon","CircleCheckIcon","TriangleAlertIcon","CircleXIcon","SearchIcon","MenuIcon","MoreHorizontalIcon","CircleIcon","ChevronsLeftIcon","ChevronsRightIcon","CalendarIcon","ClockIcon","UploadIcon","FileIcon","EyeIcon","EyeOffIcon","PencilIcon","TrashIcon","ExternalLinkIcon","_c","_Fragment"],"sources":["../../src/icons/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface IconProps extends React.SVGProps<SVGSVGElement> {\n  /** Width and height. Defaults to `1em` so icons follow the font size. */\n  size?: number | string;\n}\n\nfunction createIcon(name: string, paths: React.ReactNode) {\n  function Icon({ size = '1em', strokeWidth = 2, ref, ...props }: IconProps) {\n    return (\n      <svg\n        ref={ref}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n        {...props}\n      >\n        {paths}\n      </svg>\n    );\n  }\n  Icon.displayName = name;\n  return Icon;\n}\n\nexport const CheckIcon = createIcon('CheckIcon', <path d=\"M20 6 9 17l-5-5\" />);\nexport const MinusIcon = createIcon('MinusIcon', <path d=\"M5 12h14\" />);\nexport const PlusIcon = createIcon(\n  'PlusIcon',\n  <>\n    <path d=\"M5 12h14\" />\n    <path d=\"M12 5v14\" />\n  </>,\n);\nexport const XIcon = createIcon(\n  'XIcon',\n  <>\n    <path d=\"M18 6 6 18\" />\n    <path d=\"m6 6 12 12\" />\n  </>,\n);\nexport const ChevronDownIcon = createIcon('ChevronDownIcon', <path d=\"m6 9 6 6 6-6\" />);\nexport const ChevronUpIcon = createIcon('ChevronUpIcon', <path d=\"m18 15-6-6-6 6\" />);\nexport const ChevronRightIcon = createIcon('ChevronRightIcon', <path d=\"m9 18 6-6-6-6\" />);\nexport const ChevronLeftIcon = createIcon('ChevronLeftIcon', <path d=\"m15 18-6-6 6-6\" />);\nexport const ChevronsUpDownIcon = createIcon(\n  'ChevronsUpDownIcon',\n  <>\n    <path d=\"m7 15 5 5 5-5\" />\n    <path d=\"m7 9 5-5 5 5\" />\n  </>,\n);\nexport const ArrowUpIcon = createIcon(\n  'ArrowUpIcon',\n  <>\n    <path d=\"m5 12 7-7 7 7\" />\n    <path d=\"M12 19V5\" />\n  </>,\n);\nexport const ArrowDownIcon = createIcon(\n  'ArrowDownIcon',\n  <>\n    <path d=\"M12 5v14\" />\n    <path d=\"m19 12-7 7-7-7\" />\n  </>,\n);\nexport const TrendingUpIcon = createIcon(\n  'TrendingUpIcon',\n  <>\n    <path d=\"M22 7 13.5 15.5 8.5 10.5 2 17\" />\n    <path d=\"M16 7h6v6\" />\n  </>,\n);\nexport const TrendingDownIcon = createIcon(\n  'TrendingDownIcon',\n  <>\n    <path d=\"M22 17 13.5 8.5 8.5 13.5 2 7\" />\n    <path d=\"M16 17h6v-6\" />\n  </>,\n);\nexport const InfoIcon = createIcon(\n  'InfoIcon',\n  <>\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 16v-4\" />\n    <path d=\"M12 8h.01\" />\n  </>,\n);\nexport const CircleCheckIcon = createIcon(\n  'CircleCheckIcon',\n  <>\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"m9 12 2 2 4-4\" />\n  </>,\n);\nexport const TriangleAlertIcon = createIcon(\n  'TriangleAlertIcon',\n  <>\n    <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n    <path d=\"M12 9v4\" />\n    <path d=\"M12 17h.01\" />\n  </>,\n);\nexport const CircleXIcon = createIcon(\n  'CircleXIcon',\n  <>\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"m15 9-6 6\" />\n    <path d=\"m9 9 6 6\" />\n  </>,\n);\nexport const SearchIcon = createIcon(\n  'SearchIcon',\n  <>\n    <circle cx=\"11\" cy=\"11\" r=\"8\" />\n    <path d=\"m21 21-4.3-4.3\" />\n  </>,\n);\nexport const MenuIcon = createIcon(\n  'MenuIcon',\n  <>\n    <path d=\"M4 6h16\" />\n    <path d=\"M4 12h16\" />\n    <path d=\"M4 18h16\" />\n  </>,\n);\nexport const MoreHorizontalIcon = createIcon(\n  'MoreHorizontalIcon',\n  <>\n    <circle cx=\"12\" cy=\"12\" r=\"1\" />\n    <circle cx=\"19\" cy=\"12\" r=\"1\" />\n    <circle cx=\"5\" cy=\"12\" r=\"1\" />\n  </>,\n);\nexport const CircleIcon = createIcon('CircleIcon', <circle cx=\"12\" cy=\"12\" r=\"10\" />);\nexport const ChevronsLeftIcon = createIcon(\n  'ChevronsLeftIcon',\n  <>\n    <path d=\"m11 17-5-5 5-5\" />\n    <path d=\"m18 17-5-5 5-5\" />\n  </>,\n);\nexport const ChevronsRightIcon = createIcon(\n  'ChevronsRightIcon',\n  <>\n    <path d=\"m6 17 5-5-5-5\" />\n    <path d=\"m13 17 5-5-5-5\" />\n  </>,\n);\nexport const CalendarIcon = createIcon(\n  'CalendarIcon',\n  <>\n    <path d=\"M8 2v4\" />\n    <path d=\"M16 2v4\" />\n    <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" />\n    <path d=\"M3 10h18\" />\n  </>,\n);\nexport const ClockIcon = createIcon(\n  'ClockIcon',\n  <>\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 6v6l4 2\" />\n  </>,\n);\nexport const UploadIcon = createIcon(\n  'UploadIcon',\n  <>\n    <path d=\"M12 3v12\" />\n    <path d=\"m17 8-5-5-5 5\" />\n    <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n  </>,\n);\nexport const FileIcon = createIcon(\n  'FileIcon',\n  <>\n    <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n    <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n  </>,\n);\nexport const EyeIcon = createIcon(\n  'EyeIcon',\n  <>\n    <path d=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\" />\n    <circle cx=\"12\" cy=\"12\" r=\"3\" />\n  </>,\n);\nexport const EyeOffIcon = createIcon(\n  'EyeOffIcon',\n  <>\n    <path d=\"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\" />\n    <path d=\"M14.084 14.158a3 3 0 0 1-4.242-4.242\" />\n    <path d=\"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\" />\n    <path d=\"m2 2 20 20\" />\n  </>,\n);\nexport const PencilIcon = createIcon(\n  'PencilIcon',\n  <>\n    <path d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\" />\n    <path d=\"m15 5 4 4\" />\n  </>,\n);\nexport const TrashIcon = createIcon(\n  'TrashIcon',\n  <>\n    <path d=\"M3 6h18\" />\n    <path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\" />\n    <path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" />\n    <path d=\"M10 11v6\" />\n    <path d=\"M14 11v6\" />\n  </>,\n);\nexport const ExternalLinkIcon = createIcon(\n  'ExternalLinkIcon',\n  <>\n    <path d=\"M15 3h6v6\" />\n    <path d=\"M10 14 21 3\" />\n    <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n  </>,\n);\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","IconProps","SVGProps","SVGSVGElement","size","createIcon","name","paths","ReactNode","Icon","t0","$","_c","props","ref","t1","t2","strokeWidth","undefined","t3","displayName","CheckIcon","MinusIcon","PlusIcon","XIcon","ChevronDownIcon","ChevronUpIcon","ChevronRightIcon","ChevronLeftIcon","ChevronsUpDownIcon","ArrowUpIcon","ArrowDownIcon","TrendingUpIcon","TrendingDownIcon","InfoIcon","CircleCheckIcon","TriangleAlertIcon","CircleXIcon","SearchIcon","MenuIcon","MoreHorizontalIcon","CircleIcon","ChevronsLeftIcon","ChevronsRightIcon","CalendarIcon","ClockIcon","UploadIcon","DownloadIcon","FileIcon","EyeIcon","EyeOffIcon","PencilIcon","TrashIcon","ExternalLinkIcon","_c","_Fragment"],"sources":["../../src/icons/index.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport interface IconProps extends React.SVGProps<SVGSVGElement> {\n  /** Width and height. Defaults to `1em` so icons follow the font size. */\n  size?: number | string;\n}\n\nfunction createIcon(name: string, paths: React.ReactNode) {\n  function Icon({ size = '1em', strokeWidth = 2, ref, ...props }: IconProps) {\n    return (\n      <svg\n        ref={ref}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={strokeWidth}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n        {...props}\n      >\n        {paths}\n      </svg>\n    );\n  }\n  Icon.displayName = name;\n  return Icon;\n}\n\nexport const CheckIcon = createIcon('CheckIcon', <path d=\"M20 6 9 17l-5-5\" />);\nexport const MinusIcon = createIcon('MinusIcon', <path d=\"M5 12h14\" />);\nexport const PlusIcon = createIcon(\n  'PlusIcon',\n  <>\n    <path d=\"M5 12h14\" />\n    <path d=\"M12 5v14\" />\n  </>,\n);\nexport const XIcon = createIcon(\n  'XIcon',\n  <>\n    <path d=\"M18 6 6 18\" />\n    <path d=\"m6 6 12 12\" />\n  </>,\n);\nexport const ChevronDownIcon = createIcon('ChevronDownIcon', <path d=\"m6 9 6 6 6-6\" />);\nexport const ChevronUpIcon = createIcon('ChevronUpIcon', <path d=\"m18 15-6-6-6 6\" />);\nexport const ChevronRightIcon = createIcon('ChevronRightIcon', <path d=\"m9 18 6-6-6-6\" />);\nexport const ChevronLeftIcon = createIcon('ChevronLeftIcon', <path d=\"m15 18-6-6 6-6\" />);\nexport const ChevronsUpDownIcon = createIcon(\n  'ChevronsUpDownIcon',\n  <>\n    <path d=\"m7 15 5 5 5-5\" />\n    <path d=\"m7 9 5-5 5 5\" />\n  </>,\n);\nexport const ArrowUpIcon = createIcon(\n  'ArrowUpIcon',\n  <>\n    <path d=\"m5 12 7-7 7 7\" />\n    <path d=\"M12 19V5\" />\n  </>,\n);\nexport const ArrowDownIcon = createIcon(\n  'ArrowDownIcon',\n  <>\n    <path d=\"M12 5v14\" />\n    <path d=\"m19 12-7 7-7-7\" />\n  </>,\n);\nexport const TrendingUpIcon = createIcon(\n  'TrendingUpIcon',\n  <>\n    <path d=\"M22 7 13.5 15.5 8.5 10.5 2 17\" />\n    <path d=\"M16 7h6v6\" />\n  </>,\n);\nexport const TrendingDownIcon = createIcon(\n  'TrendingDownIcon',\n  <>\n    <path d=\"M22 17 13.5 8.5 8.5 13.5 2 7\" />\n    <path d=\"M16 17h6v-6\" />\n  </>,\n);\nexport const InfoIcon = createIcon(\n  'InfoIcon',\n  <>\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 16v-4\" />\n    <path d=\"M12 8h.01\" />\n  </>,\n);\nexport const CircleCheckIcon = createIcon(\n  'CircleCheckIcon',\n  <>\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"m9 12 2 2 4-4\" />\n  </>,\n);\nexport const TriangleAlertIcon = createIcon(\n  'TriangleAlertIcon',\n  <>\n    <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n    <path d=\"M12 9v4\" />\n    <path d=\"M12 17h.01\" />\n  </>,\n);\nexport const CircleXIcon = createIcon(\n  'CircleXIcon',\n  <>\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"m15 9-6 6\" />\n    <path d=\"m9 9 6 6\" />\n  </>,\n);\nexport const SearchIcon = createIcon(\n  'SearchIcon',\n  <>\n    <circle cx=\"11\" cy=\"11\" r=\"8\" />\n    <path d=\"m21 21-4.3-4.3\" />\n  </>,\n);\nexport const MenuIcon = createIcon(\n  'MenuIcon',\n  <>\n    <path d=\"M4 6h16\" />\n    <path d=\"M4 12h16\" />\n    <path d=\"M4 18h16\" />\n  </>,\n);\nexport const MoreHorizontalIcon = createIcon(\n  'MoreHorizontalIcon',\n  <>\n    <circle cx=\"12\" cy=\"12\" r=\"1\" />\n    <circle cx=\"19\" cy=\"12\" r=\"1\" />\n    <circle cx=\"5\" cy=\"12\" r=\"1\" />\n  </>,\n);\nexport const CircleIcon = createIcon('CircleIcon', <circle cx=\"12\" cy=\"12\" r=\"10\" />);\nexport const ChevronsLeftIcon = createIcon(\n  'ChevronsLeftIcon',\n  <>\n    <path d=\"m11 17-5-5 5-5\" />\n    <path d=\"m18 17-5-5 5-5\" />\n  </>,\n);\nexport const ChevronsRightIcon = createIcon(\n  'ChevronsRightIcon',\n  <>\n    <path d=\"m6 17 5-5-5-5\" />\n    <path d=\"m13 17 5-5-5-5\" />\n  </>,\n);\nexport const CalendarIcon = createIcon(\n  'CalendarIcon',\n  <>\n    <path d=\"M8 2v4\" />\n    <path d=\"M16 2v4\" />\n    <rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" />\n    <path d=\"M3 10h18\" />\n  </>,\n);\nexport const ClockIcon = createIcon(\n  'ClockIcon',\n  <>\n    <circle cx=\"12\" cy=\"12\" r=\"10\" />\n    <path d=\"M12 6v6l4 2\" />\n  </>,\n);\nexport const UploadIcon = createIcon(\n  'UploadIcon',\n  <>\n    <path d=\"M12 3v12\" />\n    <path d=\"m17 8-5-5-5 5\" />\n    <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n  </>,\n);\nexport const DownloadIcon = createIcon(\n  'DownloadIcon',\n  <>\n    <path d=\"M12 15V3\" />\n    <path d=\"m7 10 5 5 5-5\" />\n    <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\" />\n  </>,\n);\nexport const FileIcon = createIcon(\n  'FileIcon',\n  <>\n    <path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\" />\n    <path d=\"M14 2v5a1 1 0 0 0 1 1h5\" />\n  </>,\n);\nexport const EyeIcon = createIcon(\n  'EyeIcon',\n  <>\n    <path d=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\" />\n    <circle cx=\"12\" cy=\"12\" r=\"3\" />\n  </>,\n);\nexport const EyeOffIcon = createIcon(\n  'EyeOffIcon',\n  <>\n    <path d=\"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\" />\n    <path d=\"M14.084 14.158a3 3 0 0 1-4.242-4.242\" />\n    <path d=\"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\" />\n    <path d=\"m2 2 20 20\" />\n  </>,\n);\nexport const PencilIcon = createIcon(\n  'PencilIcon',\n  <>\n    <path d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\" />\n    <path d=\"m15 5 4 4\" />\n  </>,\n);\nexport const TrashIcon = createIcon(\n  'TrashIcon',\n  <>\n    <path d=\"M3 6h18\" />\n    <path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6\" />\n    <path d=\"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\" />\n    <path d=\"M10 11v6\" />\n    <path d=\"M14 11v6\" />\n  </>,\n);\nexport const ExternalLinkIcon = createIcon(\n  'ExternalLinkIcon',\n  <>\n    <path d=\"M15 3h6v6\" />\n    <path d=\"M10 14 21 3\" />\n    <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n  </>,\n);\n"],"mappings":";;;;;AAOA,SAASK,WAAWC,MAAcC,OAAwB;CACxD,SAAAE,KAAAC,IAAA;EAAA,MAAAC,IAAAC,EAAA,EAAA;EAAA,IAAAC;EAAA,IAAAC;EAAA,IAAAC;EAAA,IAAAC;EAAA,IAAAL,EAAA,OAAAD,IAAA;GAAc,CAAA,CAAAN,MAAAW,IAAAE,aAAAD,IAAAF,KAAA,GAAAD,SAAAH;GAA2DC,EAAA,KAAAD;GAAAC,EAAA,KAAAE;GAAAF,EAAA,KAAAG;GAAAH,EAAA,KAAAI;GAAAJ,EAAA,KAAAK;EAAA,OAAA;GAAAH,QAAAF,EAAA;GAAAG,MAAAH,EAAA;GAAAI,KAAAJ,EAAA;GAAAK,KAAAL,EAAA;EAAA;EAAzD,MAAAP,OAAAW,OAAAG,KAAAA,IAAA,QAAAH;EAAc,MAAAE,cAAAD,OAAAE,KAAAA,IAAA,IAAAF;EAAe,IAAAG;EAAA,IAAAR,EAAA,OAAAE,SAAAF,EAAA,OAAAG,OAAAH,EAAA,OAAAP,QAAAO,EAAA,OAAAM,aAAA;GAEzCE,KAAA,oBAAA,OAAA;IACOL;IACC,OAAA;IACCV,OAAAA;IACCA,QAAAA;IACA,SAAA;IACH,MAAA;IACE,QAAA;IACMa;IACC,eAAA;IACC,gBAAA;IACH,eAAA;IACF,WAAA;IAAO,GACbJ;IAEHN,UAAAA;GACG,CAAA;GAAAI,EAAA,KAAAE;GAAAF,EAAA,KAAAG;GAAAH,EAAA,KAAAP;GAAAO,EAAA,KAAAM;GAAAN,EAAA,KAAAQ;EAAA,OAAAA,KAAAR,EAAA;EAAA,OAhBNQ;CAgBM;CAGVV,KAAKW,cAAcd;CACnB,OAAOG;AACT;AAEA,IAAaY,YAAYhB,WAAW,aAAa,oBAAC,QAAD,EAAM,GAAE,kBAAiB,CAAA,CAAG;AAC7E,IAAaiB,YAAYjB,WAAW,aAAa,oBAAC,QAAD,EAAM,GAAE,WAAU,CAAA,CAAG;AACtE,IAAakB,WAAWlB,WACtB,YACA,qBAAAkD,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAM,GAAE,WAAU,CAAA,GAClB,oBAAC,QAAD,EAAM,GAAE,WAAU,CAAA,CACpB,EAAA,CAAA,CACF;AACA,IAAa/B,QAAQnB,WACnB,SACA,qBAAAkD,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAM,GAAE,aAAY,CAAA,GACpB,oBAAC,QAAD,EAAM,GAAE,aAAY,CAAA,CACtB,EAAA,CAAA,CACF;AACA,IAAa9B,kBAAkBpB,WAAW,mBAAmB,oBAAC,QAAD,EAAM,GAAE,eAAc,CAAA,CAAG;AACtF,IAAaqB,gBAAgBrB,WAAW,iBAAiB,oBAAC,QAAD,EAAM,GAAE,iBAAgB,CAAA,CAAG;AACpF,IAAasB,mBAAmBtB,WAAW,oBAAoB,oBAAC,QAAD,EAAM,GAAE,gBAAe,CAAA,CAAG;AACzF,IAAauB,kBAAkBvB,WAAW,mBAAmB,oBAAC,QAAD,EAAM,GAAE,iBAAgB,CAAA,CAAG;AACxF,IAAawB,qBAAqBxB,WAChC,sBACA,qBAAAkD,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAM,GAAE,gBAAe,CAAA,GACvB,oBAAC,QAAD,EAAM,GAAE,eAAc,CAAA,CACxB,EAAA,CAAA,CACF;AACA,IAAazB,cAAczB,WACzB,eACA,qBAAAkD,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAM,GAAE,gBAAe,CAAA,GACvB,oBAAC,QAAD,EAAM,GAAE,WAAU,CAAA,CACpB,EAAA,CAAA,CACF;AACA,IAAaxB,gBAAgB1B,WAC3B,iBACA,qBAAAkD,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAM,GAAE,WAAU,CAAA,GAClB,oBAAC,QAAD,EAAM,GAAE,iBAAgB,CAAA,CAC1B,EAAA,CAAA,CACF;AACA,IAAavB,iBAAiB3B,WAC5B,kBACA,qBAAAkD,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAM,GAAE,gCAA+B,CAAA,GACvC,oBAAC,QAAD,EAAM,GAAE,YAAW,CAAA,CACrB,EAAA,CAAA,CACF;AACA,IAAatB,mBAAmB5B,WAC9B,oBACA,qBAAAkD,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAM,GAAE,+BAA8B,CAAA,GACtC,oBAAC,QAAD,EAAM,GAAE,cAAa,CAAA,CACvB,EAAA,CAAA,CACF;AACA,IAAarB,WAAW7B,WACtB,YACA,qBAAAkD,UAAA,EAAA,UAAA;CACE,oBAAC,UAAD;EAAQ,IAAG;EAAK,IAAG;EAAK,GAAE;CAAI,CAAA;CAC9B,oBAAC,QAAD,EAAM,GAAE,YAAW,CAAA;CACnB,oBAAC,QAAD,EAAM,GAAE,YAAW,CAAA;AACrB,EAAA,CAAA,CACF;AACA,IAAapB,kBAAkB9B,WAC7B,mBACA,qBAAAkD,UAAA,EAAA,UAAA,CACE,oBAAC,UAAD;CAAQ,IAAG;CAAK,IAAG;CAAK,GAAE;AAAI,CAAA,GAC9B,oBAAC,QAAD,EAAM,GAAE,gBAAe,CAAA,CACzB,EAAA,CAAA,CACF;AACA,IAAanB,oBAAoB/B,WAC/B,qBACA,qBAAAkD,UAAA,EAAA,UAAA;CACE,oBAAC,QAAD,EAAM,GAAE,2EAA0E,CAAA;CAClF,oBAAC,QAAD,EAAM,GAAE,UAAS,CAAA;CACjB,oBAAC,QAAD,EAAM,GAAE,aAAY,CAAA;AACtB,EAAA,CAAA,CACF;AACA,IAAalB,cAAchC,WACzB,eACA,qBAAAkD,UAAA,EAAA,UAAA;CACE,oBAAC,UAAD;EAAQ,IAAG;EAAK,IAAG;EAAK,GAAE;CAAI,CAAA;CAC9B,oBAAC,QAAD,EAAM,GAAE,YAAW,CAAA;CACnB,oBAAC,QAAD,EAAM,GAAE,WAAU,CAAA;AACpB,EAAA,CAAA,CACF;AACA,IAAajB,aAAajC,WACxB,cACA,qBAAAkD,UAAA,EAAA,UAAA,CACE,oBAAC,UAAD;CAAQ,IAAG;CAAK,IAAG;CAAK,GAAE;AAAG,CAAA,GAC7B,oBAAC,QAAD,EAAM,GAAE,iBAAgB,CAAA,CAC1B,EAAA,CAAA,CACF;AACA,IAAahB,WAAWlC,WACtB,YACA,qBAAAkD,UAAA,EAAA,UAAA;CACE,oBAAC,QAAD,EAAM,GAAE,UAAS,CAAA;CACjB,oBAAC,QAAD,EAAM,GAAE,WAAU,CAAA;CAClB,oBAAC,QAAD,EAAM,GAAE,WAAU,CAAA;AACpB,EAAA,CAAA,CACF;AACA,IAAaf,qBAAqBnC,WAChC,sBACA,qBAAAkD,UAAA,EAAA,UAAA;CACE,oBAAC,UAAD;EAAQ,IAAG;EAAK,IAAG;EAAK,GAAE;CAAG,CAAA;CAC7B,oBAAC,UAAD;EAAQ,IAAG;EAAK,IAAG;EAAK,GAAE;CAAG,CAAA;CAC7B,oBAAC,UAAD;EAAQ,IAAG;EAAI,IAAG;EAAK,GAAE;CAAG,CAAA;AAC9B,EAAA,CAAA,CACF;AACA,IAAad,aAAapC,WAAW,cAAc,oBAAC,UAAD;CAAQ,IAAG;CAAK,IAAG;CAAK,GAAE;AAAI,CAAA,CAAG;AACpF,IAAaqC,mBAAmBrC,WAC9B,oBACA,qBAAAkD,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAM,GAAE,iBAAgB,CAAA,GACxB,oBAAC,QAAD,EAAM,GAAE,iBAAgB,CAAA,CAC1B,EAAA,CAAA,CACF;AACA,IAAaZ,oBAAoBtC,WAC/B,qBACA,qBAAAkD,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAM,GAAE,gBAAe,CAAA,GACvB,oBAAC,QAAD,EAAM,GAAE,iBAAgB,CAAA,CAC1B,EAAA,CAAA,CACF;AACA,IAAaX,eAAevC,WAC1B,gBACA,qBAAAkD,UAAA,EAAA,UAAA;CACE,oBAAC,QAAD,EAAM,GAAE,SAAQ,CAAA;CAChB,oBAAC,QAAD,EAAM,GAAE,UAAS,CAAA;CACjB,oBAAC,QAAD;EAAM,OAAM;EAAK,QAAO;EAAK,GAAE;EAAI,GAAE;EAAI,IAAG;CAAG,CAAA;CAC/C,oBAAC,QAAD,EAAM,GAAE,WAAU,CAAA;AACpB,EAAA,CAAA,CACF;AACA,IAAaV,YAAYxC,WACvB,aACA,qBAAAkD,UAAA,EAAA,UAAA,CACE,oBAAC,UAAD;CAAQ,IAAG;CAAK,IAAG;CAAK,GAAE;AAAI,CAAA,GAC9B,oBAAC,QAAD,EAAM,GAAE,cAAa,CAAA,CACvB,EAAA,CAAA,CACF;AACA,IAAaT,aAAazC,WACxB,cACA,qBAAAkD,UAAA,EAAA,UAAA;CACE,oBAAC,QAAD,EAAM,GAAE,WAAU,CAAA;CAClB,oBAAC,QAAD,EAAM,GAAE,gBAAe,CAAA;CACvB,oBAAC,QAAD,EAAM,GAAE,4CAA2C,CAAA;AACrD,EAAA,CAAA,CACF;AACA,IAAaR,eAAe1C,WAC1B,gBACA,qBAAAkD,UAAA,EAAA,UAAA;CACE,oBAAC,QAAD,EAAM,GAAE,WAAU,CAAA;CAClB,oBAAC,QAAD,EAAM,GAAE,gBAAe,CAAA;CACvB,oBAAC,QAAD,EAAM,GAAE,4CAA2C,CAAA;AACrD,EAAA,CAAA,CACF;AACA,IAAaP,WAAW3C,WACtB,YACA,qBAAAkD,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAM,GAAE,iHAAgH,CAAA,GACxH,oBAAC,QAAD,EAAM,GAAE,0BAAyB,CAAA,CACnC,EAAA,CAAA,CACF;AACA,IAAaN,UAAU5C,WACrB,WACA,qBAAAkD,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAM,GAAE,wGAAuG,CAAA,GAC/G,oBAAC,UAAD;CAAQ,IAAG;CAAK,IAAG;CAAK,GAAE;AAAG,CAAA,CAC/B,EAAA,CAAA,CACF;AACA,IAAaL,aAAa7C,WACxB,cACA,qBAAAkD,UAAA,EAAA,UAAA;CACE,oBAAC,QAAD,EAAM,GAAE,iGAAgG,CAAA;CACxG,oBAAC,QAAD,EAAM,GAAE,uCAAsC,CAAA;CAC9C,oBAAC,QAAD,EAAM,GAAE,+FAA8F,CAAA;CACtG,oBAAC,QAAD,EAAM,GAAE,aAAY,CAAA;AACtB,EAAA,CAAA,CACF;AACA,IAAaJ,aAAa9C,WACxB,cACA,qBAAAkD,UAAA,EAAA,UAAA,CACE,oBAAC,QAAD,EAAM,GAAE,mIAAkI,CAAA,GAC1I,oBAAC,QAAD,EAAM,GAAE,YAAW,CAAA,CACrB,EAAA,CAAA,CACF;AACA,IAAaH,YAAY/C,WACvB,aACA,qBAAAkD,UAAA,EAAA,UAAA;CACE,oBAAC,QAAD,EAAM,GAAE,UAAS,CAAA;CACjB,oBAAC,QAAD,EAAM,GAAE,2CAA0C,CAAA;CAClD,oBAAC,QAAD,EAAM,GAAE,yCAAwC,CAAA;CAChD,oBAAC,QAAD,EAAM,GAAE,WAAU,CAAA;CAClB,oBAAC,QAAD,EAAM,GAAE,WAAU,CAAA;AACpB,EAAA,CAAA,CACF;AACA,IAAaF,mBAAmBhD,WAC9B,oBACA,qBAAAkD,UAAA,EAAA,UAAA;CACE,oBAAC,QAAD,EAAM,GAAE,YAAW,CAAA;CACnB,oBAAC,QAAD,EAAM,GAAE,cAAa,CAAA;CACrB,oBAAC,QAAD,EAAM,GAAE,2DAA0D,CAAA;AACpE,EAAA,CAAA,CACF"}

package/dist/index.d.ts

@@ -25,6 +25,7 @@ export * from './components/date-picker/DatePicker';
 export * from './components/date-picker/DateRangePicker';
 export * from './components/file-upload/FileUpload';
 export * from './components/dialog/Dialog';
+export * from './components/dialog/ConfirmDialog';
 export * from './components/drawer/Drawer';
 export * from './components/popover/Popover';
 export * from './components/tooltip/Tooltip';
@@ -49,6 +50,7 @@ export * from './components/data-table/DataTable';
 export { useDataTable } from './components/data-table/useDataTable';
 export type * from './components/data-table/types';
 export * from './components/empty-state/EmptyState';
+export * from './components/description-list/DescriptionList';
 export * from './icons';
 export { cx, withClass } from './utils/cx';
 export type { ClassValue } from './utils/cx';

package/dist/index.js

@@ -4,7 +4,7 @@ import { usePortalContainer } from "./utils/portal.js";
 import { cx, withClass } from "./utils/cx.js";
 import { ThemeProvider, createTheme, themeToStyle } from "./theme/ThemeProvider.js";
 import { DateConfigProvider, useDateConfig } from "./components/calendar/DateConfig.js";
-import { ArrowDownIcon, ArrowUpIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleCheckIcon, CircleIcon, CircleXIcon, ClockIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileIcon, InfoIcon, MenuIcon, MinusIcon, MoreHorizontalIcon, PencilIcon, PlusIcon, SearchIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleAlertIcon, UploadIcon, XIcon } from "./icons/index.js";
+import { ArrowDownIcon, ArrowUpIcon, CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleCheckIcon, CircleIcon, CircleXIcon, ClockIcon, DownloadIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, FileIcon, InfoIcon, MenuIcon, MinusIcon, MoreHorizontalIcon, PencilIcon, PlusIcon, SearchIcon, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleAlertIcon, UploadIcon, XIcon } from "./icons/index.js";
 import { AppShell, Grid, Navbar, NavbarBrand, NavbarFooter, NavbarGroup, NavbarHeader, NavbarItem, NavbarSection, NavbarSectionLabel, PageHeader } from "./components/app-shell/AppShell.js";
 import { Card, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./components/card/Card.js";
 import { Skeleton, SkeletonText } from "./components/skeleton/Skeleton.js";
@@ -35,6 +35,8 @@ import { DateRangePicker } from "./components/date-picker/DateRangePicker.js";
 import { Meter, Progress } from "./components/progress/Progress.js";
 import { Dropzone, FileItem, FileUpload, formatFileSize } from "./components/file-upload/FileUpload.js";
 import { AlertDialog, Dialog } from "./components/dialog/Dialog.js";
+import { Alert } from "./components/alert/Alert.js";
+import { ConfirmDialog } from "./components/dialog/ConfirmDialog.js";
 import { Drawer } from "./components/drawer/Drawer.js";
 import { Tooltip } from "./components/tooltip/Tooltip.js";
 import { PreviewCard } from "./components/preview-card/PreviewCard.js";
@@ -47,7 +49,6 @@ import { Collapsible } from "./components/collapsible/Collapsible.js";
 import { Breadcrumb, Breadcrumbs } from "./components/breadcrumbs/Breadcrumbs.js";
 import { Pagination, getPageItems } from "./components/pagination/Pagination.js";
 import { Stepper } from "./components/stepper/Stepper.js";
-import { Alert } from "./components/alert/Alert.js";
 import { Badge } from "./components/badge/Badge.js";
 import { Tag } from "./components/tag/Tag.js";
 import { Avatar, AvatarGroup } from "./components/avatar/Avatar.js";
@@ -56,4 +57,5 @@ import { useDataTableContext } from "./components/data-table/context.js";
 import { EmptyState } from "./components/empty-state/EmptyState.js";
 import { useDataTable } from "./components/data-table/useDataTable.js";
 import { DataTable } from "./components/data-table/DataTable.js";
-export { Accordion, Alert, AlertDialog, AppShell, ArrowDownIcon, ArrowUpIcon, Avatar, AvatarGroup, Badge, Breadcrumb, Breadcrumbs, Button, Calendar, CalendarIcon, Card, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckIcon, Checkbox, CheckboxGroup, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleCheckIcon, CircleIcon, CircleXIcon, ClockIcon, Collapsible, Combobox, CommandPalette, ContextMenu, DataTable, DateConfigProvider, DatePicker, DateRangePicker, DateTimePicker, Dialog, Drawer, Dropzone, EmptyState, ExternalLinkIcon, EyeIcon, EyeOffIcon, Eyebrow, Field, Fieldset, FileIcon, FileItem, FileUpload, Form, Grid, Heading, IconButton, InfoIcon, Input, Link, Menu, MenuIcon, Meter, MinusIcon, MoreHorizontalIcon, Navbar, NavbarBrand, NavbarFooter, NavbarGroup, NavbarHeader, NavbarItem, NavbarSection, NavbarSectionLabel, NumberField, PageHeader, Pagination, PasswordField, PasswordInput, PencilIcon, PlusIcon, Popover, PreviewCard, Progress, Radio, RadioGroup, RangeCalendar, ScrollArea, SearchIcon, SearchInput, SegmentedControl, Select, Separator, Skeleton, SkeletonText, Slider, Spinner, Stack, StatCard, Stepper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, Tag, Text, TextField, Textarea, TextareaField, ThemeProvider, ToastProvider, Toggle, ToggleGroup, Toolbar, Tooltip, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleAlertIcon, UploadIcon, XIcon, createTheme, createToastManager, cx, formatDate, formatFileSize, getPageItems, matchesQuery, normalizeText, themeToStyle, useDataTable, useDataTableContext, useDateConfig, usePortalContainer, useToast, withClass };
+import { DescriptionItem, DescriptionList } from "./components/description-list/DescriptionList.js";
+export { Accordion, Alert, AlertDialog, AppShell, ArrowDownIcon, ArrowUpIcon, Avatar, AvatarGroup, Badge, Breadcrumb, Breadcrumbs, Button, Calendar, CalendarIcon, Card, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CheckIcon, Checkbox, CheckboxGroup, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, ChevronsLeftIcon, ChevronsRightIcon, ChevronsUpDownIcon, CircleCheckIcon, CircleIcon, CircleXIcon, ClockIcon, Collapsible, Combobox, CommandPalette, ConfirmDialog, ContextMenu, DataTable, DateConfigProvider, DatePicker, DateRangePicker, DateTimePicker, DescriptionItem, DescriptionList, Dialog, DownloadIcon, Drawer, Dropzone, EmptyState, ExternalLinkIcon, EyeIcon, EyeOffIcon, Eyebrow, Field, Fieldset, FileIcon, FileItem, FileUpload, Form, Grid, Heading, IconButton, InfoIcon, Input, Link, Menu, MenuIcon, Meter, MinusIcon, MoreHorizontalIcon, Navbar, NavbarBrand, NavbarFooter, NavbarGroup, NavbarHeader, NavbarItem, NavbarSection, NavbarSectionLabel, NumberField, PageHeader, Pagination, PasswordField, PasswordInput, PencilIcon, PlusIcon, Popover, PreviewCard, Progress, Radio, RadioGroup, RangeCalendar, ScrollArea, SearchIcon, SearchInput, SegmentedControl, Select, Separator, Skeleton, SkeletonText, Slider, Spinner, Stack, StatCard, Stepper, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, Tag, Text, TextField, Textarea, TextareaField, ThemeProvider, ToastProvider, Toggle, ToggleGroup, Toolbar, Tooltip, TrashIcon, TrendingDownIcon, TrendingUpIcon, TriangleAlertIcon, UploadIcon, XIcon, createTheme, createToastManager, cx, formatDate, formatFileSize, getPageItems, matchesQuery, normalizeText, themeToStyle, useDataTable, useDataTableContext, useDateConfig, usePortalContainer, useToast, withClass };