@epilot/volt-ui-experimental-griffel 0.1.0-experiment.1

package/dist/components/tooltip/tooltip.js

@@ -0,0 +1,167 @@
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import * as e from "react";
+import { Root as T, Content as x, Arrow as y, Portal as w, Provider as b, Trigger as v } from "../../node_modules/@radix-ui/react-tooltip/dist/index.js";
+import { shorthands as l } from "../../node_modules/@griffel/core/src/index.js";
+import { SLOT_ATTR as s } from "../../renderer/contract.js";
+import { makeVoltStyles as R } from "../../styles/make-styles.js";
+import { spacingElement2 as h, error12 as c, gray12 as p, spacingElement1 as n, error1 as C, errorA12 as N, gray1 as P, textXs as k, radiusLg as z } from "../../tokens/index.js";
+import { mergeClasses as S } from "../../node_modules/@griffel/core/src/mergeClasses.js";
+const X = R({
+  popup: {
+    width: "fit-content",
+    transformOrigin: "var(--radix-tooltip-content-transform-origin)",
+    ...l.borderRadius(z),
+    ...l.padding(h),
+    // v1 shadow-md; elevation has no token in this package.
+    boxShadow: "0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a",
+    fontSize: k,
+    // v1 leading-none; no line-height token exists.
+    lineHeight: "1",
+    textWrap: "balance",
+    zIndex: 50,
+    "&[data-variant='default']": {
+      backgroundColor: p,
+      color: P
+    },
+    "&[data-variant='destructive']": {
+      backgroundColor: N,
+      color: C
+    },
+    "&[data-state='open']": {
+      animationName: {
+        from: { opacity: 0, transform: "scale(0.95)" },
+        to: { opacity: 1, transform: "scale(1)" }
+      },
+      animationDuration: "150ms",
+      animationTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)"
+    },
+    "&[data-state='open'][data-side='bottom']": {
+      animationName: {
+        from: {
+          opacity: 0,
+          transform: `translateY(-${n}) scale(0.95)`
+        },
+        to: { opacity: 1, transform: "translateY(0) scale(1)" }
+      }
+    },
+    "&[data-state='open'][data-side='left']": {
+      animationName: {
+        from: {
+          opacity: 0,
+          transform: `translateX(${n}) scale(0.95)`
+        },
+        to: { opacity: 1, transform: "translateX(0) scale(1)" }
+      }
+    },
+    "&[data-state='open'][data-side='right']": {
+      animationName: {
+        from: {
+          opacity: 0,
+          transform: `translateX(-${n}) scale(0.95)`
+        },
+        to: { opacity: 1, transform: "translateX(0) scale(1)" }
+      }
+    },
+    "&[data-state='open'][data-side='top']": {
+      animationName: {
+        from: {
+          opacity: 0,
+          transform: `translateY(${n}) scale(0.95)`
+        },
+        to: { opacity: 1, transform: "translateY(0) scale(1)" }
+      }
+    },
+    "&[data-state='closed']": {
+      animationName: {
+        from: { opacity: 1, transform: "scale(1)" },
+        to: { opacity: 0, transform: "scale(0.95)" }
+      },
+      animationDuration: "0ms",
+      animationTimingFunction: "cubic-bezier(0.4, 0, 1, 1)"
+    }
+  },
+  arrow: {
+    position: "relative",
+    zIndex: 50,
+    width: "0.625rem",
+    height: "0.625rem",
+    transform: "translateY(calc(-50% - 2px)) rotate(45deg)",
+    ...l.borderRadius("2px"),
+    "&[data-variant='default']": {
+      backgroundColor: p,
+      fill: p
+    },
+    "&[data-variant='destructive']": {
+      backgroundColor: c,
+      fill: c
+    }
+  }
+}), F = e.forwardRef(function({ delayDuration: t = 0, ...o }, a) {
+  return /* @__PURE__ */ r(
+    b,
+    {
+      delayDuration: t,
+      "data-slot": "tooltip-provider",
+      ...o
+    }
+  );
+}), I = e.forwardRef(
+  function(t, o) {
+    return /* @__PURE__ */ r(T, { "data-slot": "tooltip", ...t });
+  }
+), L = e.forwardRef(function({ className: t, ...o }, a) {
+  return /* @__PURE__ */ r(
+    v,
+    {
+      ref: a,
+      "data-slot": "tooltip-trigger",
+      [s]: "tooltip-trigger",
+      className: t,
+      ...o
+    }
+  );
+}), O = e.forwardRef(
+  function(t, o) {
+    return /* @__PURE__ */ r(
+      w,
+      {
+        "data-slot": "tooltip-portal",
+        [s]: "tooltip-portal",
+        ...t
+      }
+    );
+  }
+), H = e.forwardRef(function({ className: t, hideArrow: o = !1, variant: a = "default", children: d, ...f }, u) {
+  const m = X();
+  return /* @__PURE__ */ g(
+    x,
+    {
+      ref: u,
+      "data-slot": "tooltip-content",
+      [s]: "tooltip-content",
+      "data-variant": a,
+      className: S(m.popup, t),
+      ...f,
+      children: [
+        d,
+        !o && /* @__PURE__ */ r(
+          y,
+          {
+            "data-slot": "tooltip-arrow",
+            [s]: "tooltip-arrow",
+            "data-variant": a,
+            className: m.arrow
+          }
+        )
+      ]
+    }
+  );
+});
+export {
+  I as Tooltip,
+  H as TooltipContent,
+  O as TooltipPortal,
+  F as TooltipProvider,
+  L as TooltipTrigger
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\"\nimport { mergeClasses, shorthands } from \"@griffel/core\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\n\nconst useStyles = makeVoltStyles({\n  popup: {\n    width: \"fit-content\",\n    transformOrigin: \"var(--radix-tooltip-content-transform-origin)\",\n    ...shorthands.borderRadius(tokens.radiusLg),\n    ...shorthands.padding(tokens.spacingElement2),\n    // v1 shadow-md; elevation has no token in this package.\n    boxShadow: \"0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a\",\n    fontSize: tokens.textXs,\n    // v1 leading-none; no line-height token exists.\n    lineHeight: \"1\",\n    textWrap: \"balance\",\n    zIndex: 50,\n    \"&[data-variant='default']\": {\n      backgroundColor: tokens.gray12,\n      color: tokens.gray1,\n    },\n    \"&[data-variant='destructive']\": {\n      backgroundColor: tokens.errorA12,\n      color: tokens.error1,\n    },\n    \"&[data-state='open']\": {\n      animationName: {\n        from: { opacity: 0, transform: \"scale(0.95)\" },\n        to: { opacity: 1, transform: \"scale(1)\" },\n      },\n      animationDuration: \"150ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 0.2, 1)\",\n    },\n    \"&[data-state='open'][data-side='bottom']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(-${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='left']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='right']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateX(-${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateX(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='open'][data-side='top']\": {\n      animationName: {\n        from: {\n          opacity: 0,\n          transform: `translateY(${tokens.spacingElement1}) scale(0.95)`,\n        },\n        to: { opacity: 1, transform: \"translateY(0) scale(1)\" },\n      },\n    },\n    \"&[data-state='closed']\": {\n      animationName: {\n        from: { opacity: 1, transform: \"scale(1)\" },\n        to: { opacity: 0, transform: \"scale(0.95)\" },\n      },\n      animationDuration: \"0ms\",\n      animationTimingFunction: \"cubic-bezier(0.4, 0, 1, 1)\",\n    },\n  },\n  arrow: {\n    position: \"relative\",\n    zIndex: 50,\n    width: \"0.625rem\",\n    height: \"0.625rem\",\n    transform: \"translateY(calc(-50% - 2px)) rotate(45deg)\",\n    ...shorthands.borderRadius(\"2px\"),\n    \"&[data-variant='default']\": {\n      backgroundColor: tokens.gray12,\n      fill: tokens.gray12,\n    },\n    \"&[data-variant='destructive']\": {\n      backgroundColor: tokens.error12,\n      fill: tokens.error12,\n    },\n  },\n})\n\nexport type TooltipProviderProps = React.ComponentProps<\n  typeof TooltipPrimitive.Provider\n>\n\nexport const TooltipProvider = React.forwardRef<\n  HTMLElement,\n  TooltipProviderProps\n>(function TooltipProvider({ delayDuration = 0, ...props }, _ref) {\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={delayDuration}\n      data-slot=\"tooltip-provider\"\n      {...props}\n    />\n  )\n})\n\nexport type TooltipProps = React.ComponentProps<typeof TooltipPrimitive.Root>\n\nexport const Tooltip = React.forwardRef<HTMLElement, TooltipProps>(\n  function Tooltip(props, _ref) {\n    return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n  }\n)\n\nexport type TooltipTriggerProps = React.ComponentProps<\n  typeof TooltipPrimitive.Trigger\n>\n\nexport const TooltipTrigger = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Trigger>,\n  TooltipTriggerProps\n>(function TooltipTrigger({ className, ...props }, ref) {\n  return (\n    <TooltipPrimitive.Trigger\n      ref={ref}\n      data-slot=\"tooltip-trigger\"\n      {...{ [SLOT_ATTR]: \"tooltip-trigger\" }}\n      className={className}\n      {...props}\n    />\n  )\n})\n\nexport type TooltipPortalProps = React.ComponentProps<\n  typeof TooltipPrimitive.Portal\n>\n\nexport const TooltipPortal = React.forwardRef<HTMLElement, TooltipPortalProps>(\n  function TooltipPortal(props, _ref) {\n    return (\n      <TooltipPrimitive.Portal\n        data-slot=\"tooltip-portal\"\n        {...{ [SLOT_ATTR]: \"tooltip-portal\" }}\n        {...props}\n      />\n    )\n  }\n)\n\nexport type TooltipContentProps = React.ComponentProps<\n  typeof TooltipPrimitive.Content\n> & {\n  hideArrow?: boolean\n  variant?: \"default\" | \"destructive\"\n}\n\nexport const TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  TooltipContentProps\n>(function TooltipContent(\n  { className, hideArrow = false, variant = \"default\", children, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <TooltipPrimitive.Content\n      ref={ref}\n      data-slot=\"tooltip-content\"\n      {...{ [SLOT_ATTR]: \"tooltip-content\" }}\n      data-variant={variant}\n      className={mergeClasses(styles.popup, className)}\n      {...props}\n    >\n      {children}\n      {!hideArrow && (\n        <TooltipPrimitive.Arrow\n          data-slot=\"tooltip-arrow\"\n          {...{ [SLOT_ATTR]: \"tooltip-arrow\" }}\n          data-variant={variant}\n          className={styles.arrow}\n        />\n      )}\n    </TooltipPrimitive.Content>\n  )\n})\n"],"names":["useStyles","makeVoltStyles","shorthands","tokens.radiusLg","tokens.spacingElement2","tokens.textXs","tokens.gray12","tokens.gray1","tokens.errorA12","tokens.error1","tokens.spacingElement1","tokens.error12","TooltipProvider","React","delayDuration","props","_ref","jsx","TooltipPrimitive.Provider","Tooltip","TooltipPrimitive.Root","TooltipTrigger","className","ref","TooltipPrimitive.Trigger","SLOT_ATTR","TooltipPortal","TooltipPrimitive.Portal","TooltipContent","hideArrow","variant","children","styles","jsxs","TooltipPrimitive.Content","mergeClasses","TooltipPrimitive.Arrow"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,47 @@
+export * as tokens from "./tokens";
+export { ensureCoreTokens, ensurePaletteTokens } from "./tokens/install";
+export { makeVoltStyles, makeVoltResetStyles } from "./styles/make-styles";
+export { SLOT_ATTR } from "./renderer/contract";
+export { assertAnchorIsFirstInHead } from "./renderer/insertion-point";
+export { mergeClasses } from "@griffel/core";
+export { Badge, BADGE_COLORS, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, } from "./components/badge/badge";
+export { Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps, } from "./components/breadcrumb/breadcrumb";
+export { Callout, CalloutAction, CalloutDescription, CalloutTitle, type CalloutActionProps, type CalloutDescriptionProps, type CalloutProps, type CalloutTitleProps, type CalloutVariant, } from "./components/callout/callout";
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type CardProps, } from "./components/card/card";
+export { Pill, PILL_COLORS, type PillColor, type PillProps, type PillVariant, } from "./components/pill/pill";
+export { Separator, type SeparatorOrientation, type SeparatorProps, } from "./components/separator/separator";
+export { Skeleton, type SkeletonProps, type SkeletonVariant, } from "./components/skeleton/skeleton";
+export { Spinner, type SpinnerProps, type SpinnerSize, } from "./components/spinner/spinner";
+export { Table, TableBody, TableCaption, TableCell, TableDensityContext, TableFooter, TableHead, TableHeader, TableRow, type TableCaptionProps, type TableCellProps, type TableDensity, type TableHeadProps, type TableProps, type TableRowProps, } from "./components/table/table";
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, type AccordionAlign, type AccordionContentProps, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, type AccordionType, } from "./components/accordion/accordion";
+export { Button, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, } from "./components/button/button";
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonGroupSeparatorProps, type ButtonGroupTextProps, } from "./components/button-group/button-group";
+export { Checkbox, type CheckboxProps } from "./components/checkbox/checkbox";
+export { Label, type LabelProps, type LabelSize, type LabelVariant, } from "./components/label/label";
+export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, } from "./components/radio/radio";
+export { Switch, type SwitchProps, type SwitchSize, type SwitchVariant, } from "./components/switch/switch";
+export { Avatar, type AvatarColor, type AvatarProps, type AvatarSize, } from "./components/avatar/avatar";
+export { AvatarGroup, type AvatarGroupProps, } from "./components/avatar/avatar-group";
+export { Tabs, TabsContent, TabsList, TabsTrigger, type TabsContentProps, type TabsListProps, type TabsProps, type TabsRootVariant, type TabsSize, type TabsTriggerProps, type TabsTriggerVariant, } from "./components/tabs/tabs";
+export { Toggle, type ToggleProps, type ToggleSize, type ToggleVariant, } from "./components/toggle/toggle";
+export { ToggleGroup, ToggleGroupItem, type ToggleGroupItemProps, type ToggleGroupProps, } from "./components/toggle/toggle-group";
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, type AlertDialogActionProps, type AlertDialogCancelProps, type AlertDialogContentProps, type AlertDialogDescriptionProps, type AlertDialogFooterProps, type AlertDialogHeaderProps, type AlertDialogOverlayProps, type AlertDialogPortalProps, type AlertDialogProps, type AlertDialogSize, type AlertDialogTitleProps, type AlertDialogTriggerProps, } from "./components/alert-dialog/alert-dialog";
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DialogCloseProps, type DialogContentProps, type DialogContentSize, type DialogDescriptionProps, type DialogFooterProps, type DialogHeaderProps, type DialogOverlayProps, type DialogPortalProps, type DialogProps, type DialogTitleProps, type DialogTriggerProps, } from "./components/dialog/dialog";
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, type DrawerCloseProps, type DrawerContentProps, type DrawerDescriptionProps, type DrawerFooterProps, type DrawerHeaderProps, type DrawerOverlayProps, type DrawerPortalProps, type DrawerProps, type DrawerSide, type DrawerTitleProps, type DrawerTriggerProps, } from "./components/drawer/drawer";
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type DropdownMenuCheckboxItemProps, type DropdownMenuContentProps, type DropdownMenuGroupProps, type DropdownMenuItemProps, type DropdownMenuLabelProps, type DropdownMenuPortalProps, type DropdownMenuProps, type DropdownMenuRadioGroupProps, type DropdownMenuRadioItemProps, type DropdownMenuSeparatorProps, type DropdownMenuShortcutProps, type DropdownMenuSubContentProps, type DropdownMenuSubProps, type DropdownMenuSubTriggerProps, type DropdownMenuTriggerProps, } from "./components/dropdown-menu/dropdown-menu";
+export { Popover, PopoverAnchor, PopoverContent, PopoverPortal, PopoverTrigger, type PopoverAnchorProps, type PopoverContentProps, type PopoverPortalProps, type PopoverProps, type PopoverTriggerProps, } from "./components/popover/popover";
+export { ScrollOverflow, useScrollOverflow, type ScrollOverflowProps, type UseScrollOverflowOptions, type UseScrollOverflowReturn, } from "./components/scroll-overflow/scroll-overflow";
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTriggerClear, SelectValue, type SelectContentProps, type SelectGroupProps, type SelectItemProps, type SelectLabelProps, type SelectProps, type SelectScrollDownButtonProps, type SelectScrollUpButtonProps, type SelectSeparatorProps, type SelectTriggerClearProps, type SelectTriggerProps, type SelectValueProps, } from "./components/select/select";
+export { Toaster, toast, type ToasterProps, type ToastOptions, } from "./components/toast/toast";
+export { Tooltip, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, type TooltipContentProps, type TooltipPortalProps, type TooltipProps, type TooltipProviderProps, type TooltipTriggerProps, } from "./components/tooltip/tooltip";
+export { CollapsibleSidebar, CollapsibleSidebarCondensed, CollapsibleSidebarContent, CollapsibleSidebarToggle, useCollapsibleSidebar, type CollapsibleSidebarCondensedProps, type CollapsibleSidebarContentProps, type CollapsibleSidebarProps, type CollapsibleSidebarToggleProps, } from "./components/collapsible-sidebar/collapsible-sidebar";
+export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldGroupAddon, FieldInput, FieldInputGroup, FieldLabel, FieldLabelContent, FieldSet, FieldTextarea, fieldDescriptionVariants, fieldVariants, inputGroupAddonVariants, useFieldContext, type FieldContentProps, type FieldDescriptionProps, type FieldDescriptionVariant, type FieldErrorProps, type FieldGroupAddonAlign, type FieldGroupAddonProps, type FieldGroupProps, type FieldInputGroupProps, type FieldInputProps, type FieldInputRef, type FieldLabelContentProps, type FieldLabelProps, type FieldProps, type FieldSetProps, type FieldTextareaProps, type FieldTextareaResize, type FieldVariant, } from "./components/field/field";
+export { SelectTrigger } from "./components/field/field-select";
+export { FieldCombobox, FieldComboboxClear, FieldComboboxClearValue, FieldComboboxContent, FieldComboboxEmpty, FieldComboboxGroup, FieldComboboxGroupLabel, FieldComboboxInput, FieldComboboxItem, FieldComboboxItemCheckIcon, FieldComboboxList, FieldComboboxLoading, FieldComboboxPlaceholder, FieldComboboxSeparator, FieldComboboxTrigger, FieldComboboxValue, type FieldComboboxClearProps, type FieldComboboxClearValueProps, type FieldComboboxContentProps, type FieldComboboxEmptyProps, type FieldComboboxGroupLabelProps, type FieldComboboxGroupProps, type FieldComboboxInputProps, type FieldComboboxItemCheckIconProps, type FieldComboboxItemProps, type FieldComboboxListProps, type FieldComboboxLoadingProps, type FieldComboboxPlaceholderProps, type FieldComboboxProps, type FieldComboboxSeparatorProps, type FieldComboboxTriggerProps, type FieldComboboxValueProps, } from "./components/field/field-combobox";
+export { List, ListGroup, ListGroupContent, ListGroupLabel, ListItem, ListItemActions, ListItemDescription, ListItemText, type ListDensity, type ListGroupContentProps, type ListGroupLabelProps, type ListGroupProps, type ListItemActionsProps, type ListItemDescriptionProps, type ListItemProps, type ListItemStatus, type ListItemTextProps, type ListProps, } from "./components/list/list";
+export { OptionCard, OptionCardContent, OptionCardControl, OptionCardDescription, OptionCardGroup, OptionCardMedia, OptionCardTitle, type OptionCardContentProps, type OptionCardControlProps, type OptionCardControlType, type OptionCardDescriptionProps, type OptionCardGroupProps, type OptionCardLayout, type OptionCardMediaProps, type OptionCardMediaVariant, type OptionCardProps, type OptionCardTitleProps, } from "./components/option-card/option-card";
+export { SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlLayout, type SegmentedControlProps, } from "./components/segmented-control/segmented-control";
+export { DateTimePicker, DateTimePickerRoot, DateTimePickerInput, DateTimePickerPopover, DateTimePickerPanel, Calendar, TimePicker, type DateTimePickerProps, type DateTimePickerRootProps, type DateTimePickerInputProps, type DateTimePickerPopoverProps, type DateTimePickerPanelProps, type CalendarProps, type TimePickerProps, type DateTimePickerLocale, } from "./components/date-time-picker/date-time-picker";
+export { DateRangePicker, RangeCalendar, type DateRangePickerProps, type DateRangePreset, type RangeCalendarProps, type DateRange, } from "./components/date-range-picker/date-range-picker";
+export { Text, type TextProps, type TextVariant } from "./components/text/text";
+export { ClearButton, type ClearButtonProps } from "./lib/clear-button";

package/dist/index.js

@@ -0,0 +1,253 @@
+import * as o from "./tokens/index.js";
+import { ensureCoreTokens as t, ensurePaletteTokens as l } from "./tokens/install.js";
+import { makeVoltResetStyles as a, makeVoltStyles as p } from "./styles/make-styles.js";
+import { SLOT_ATTR as m } from "./renderer/contract.js";
+import { assertAnchorIsFirstInHead as x } from "./renderer/insertion-point.js";
+import { BADGE_COLORS as b, Badge as u } from "./components/badge/badge.js";
+import { Breadcrumb as g, BreadcrumbItem as f } from "./components/breadcrumb/breadcrumb.js";
+import { Callout as T, CalloutAction as c, CalloutDescription as S, CalloutTitle as F } from "./components/callout/callout.js";
+import { Card as A, CardAction as P, CardContent as I, CardDescription as L, CardFooter as G, CardHeader as O, CardTitle as k } from "./components/card/card.js";
+import { PILL_COLORS as v, Pill as B } from "./components/pill/pill.js";
+import { Separator as h } from "./components/separator/separator.js";
+import { Skeleton as V } from "./components/skeleton/skeleton.js";
+import { Spinner as E } from "./components/spinner/spinner.js";
+import { Table as U, TableBody as j, TableCaption as q, TableCell as z, TableDensityContext as J, TableFooter as K, TableHead as N, TableHeader as Q, TableRow as W } from "./components/table/table.js";
+import { Accordion as Y, AccordionContent as Z, AccordionItem as $, AccordionTrigger as oo } from "./components/accordion/accordion.js";
+import { Button as ro } from "./components/button/button.js";
+import { ButtonGroup as lo, ButtonGroupSeparator as io, ButtonGroupText as ao } from "./components/button-group/button-group.js";
+import { Checkbox as no } from "./components/checkbox/checkbox.js";
+import { Label as xo } from "./components/label/label.js";
+import { RadioGroup as bo, RadioGroupItem as uo } from "./components/radio/radio.js";
+import { Switch as go } from "./components/switch/switch.js";
+import { Avatar as so } from "./components/avatar/avatar.js";
+import { AvatarGroup as co } from "./components/avatar/avatar-group.js";
+import { Tabs as Fo, TabsContent as wo, TabsList as Ao, TabsTrigger as Po } from "./components/tabs/tabs.js";
+import { Toggle as Lo } from "./components/toggle/toggle.js";
+import { ToggleGroup as Oo, ToggleGroupItem as ko } from "./components/toggle/toggle-group.js";
+import { AlertDialog as vo, AlertDialogAction as Bo, AlertDialogCancel as Ro, AlertDialogContent as ho, AlertDialogDescription as yo, AlertDialogFooter as Vo, AlertDialogHeader as Ho, AlertDialogOverlay as Eo, AlertDialogPortal as _o, AlertDialogTitle as Uo, AlertDialogTrigger as jo } from "./components/alert-dialog/alert-dialog.js";
+import { Dialog as zo, DialogClose as Jo, DialogContent as Ko, DialogDescription as No, DialogFooter as Qo, DialogHeader as Wo, DialogOverlay as Xo, DialogPortal as Yo, DialogTitle as Zo, DialogTrigger as $o } from "./components/dialog/dialog.js";
+import { Drawer as ee, DrawerClose as re, DrawerContent as te, DrawerDescription as le, DrawerFooter as ie, DrawerHeader as ae, DrawerOverlay as pe, DrawerPortal as ne, DrawerTitle as me, DrawerTrigger as de } from "./components/drawer/drawer.js";
+import { DropdownMenu as Ce, DropdownMenuCheckboxItem as be, DropdownMenuContent as ue, DropdownMenuGroup as De, DropdownMenuItem as ge, DropdownMenuLabel as fe, DropdownMenuPortal as se, DropdownMenuRadioGroup as Te, DropdownMenuRadioItem as ce, DropdownMenuSeparator as Se, DropdownMenuShortcut as Fe, DropdownMenuSub as we, DropdownMenuSubContent as Ae, DropdownMenuSubTrigger as Pe, DropdownMenuTrigger as Ie } from "./components/dropdown-menu/dropdown-menu.js";
+import { Popover as Ge, PopoverAnchor as Oe, PopoverContent as ke, PopoverPortal as Me, PopoverTrigger as ve } from "./components/popover/popover.js";
+import { ScrollOverflow as Re, useScrollOverflow as he } from "./components/scroll-overflow/scroll-overflow.js";
+import { Select as Ve, SelectContent as He, SelectGroup as Ee, SelectItem as _e, SelectLabel as Ue, SelectScrollDownButton as je, SelectScrollUpButton as qe, SelectSeparator as ze, SelectTriggerClear as Je, SelectValue as Ke } from "./components/select/select.js";
+import { Toaster as Qe } from "./components/toast/toast.js";
+import { Tooltip as Xe, TooltipContent as Ye, TooltipPortal as Ze, TooltipProvider as $e, TooltipTrigger as or } from "./components/tooltip/tooltip.js";
+import { CollapsibleSidebar as rr, CollapsibleSidebarCondensed as tr, CollapsibleSidebarContent as lr, CollapsibleSidebarToggle as ir, useCollapsibleSidebar as ar } from "./components/collapsible-sidebar/collapsible-sidebar.js";
+import { Field as nr, FieldContent as mr, FieldDescription as dr, FieldError as xr, FieldGroup as Cr, FieldGroupAddon as br, FieldInput as ur, FieldInputGroup as Dr, FieldLabel as gr, FieldLabelContent as fr, FieldSet as sr, FieldTextarea as Tr, fieldDescriptionVariants as cr, fieldVariants as Sr, inputGroupAddonVariants as Fr, useFieldContext as wr } from "./components/field/field.js";
+import { SelectTrigger as Pr } from "./components/field/field-select.js";
+import { FieldCombobox as Lr, FieldComboboxClear as Gr, FieldComboboxClearValue as Or, FieldComboboxContent as kr, FieldComboboxEmpty as Mr, FieldComboboxGroup as vr, FieldComboboxGroupLabel as Br, FieldComboboxInput as Rr, FieldComboboxItem as hr, FieldComboboxItemCheckIcon as yr, FieldComboboxList as Vr, FieldComboboxLoading as Hr, FieldComboboxPlaceholder as Er, FieldComboboxSeparator as _r, FieldComboboxTrigger as Ur, FieldComboboxValue as jr } from "./components/field/field-combobox.js";
+import { List as zr, ListGroup as Jr, ListGroupContent as Kr, ListGroupLabel as Nr, ListItem as Qr, ListItemActions as Wr, ListItemDescription as Xr, ListItemText as Yr } from "./components/list/list.js";
+import { OptionCard as $r, OptionCardContent as ot, OptionCardControl as et, OptionCardDescription as rt, OptionCardGroup as tt, OptionCardMedia as lt, OptionCardTitle as it } from "./components/option-card/option-card.js";
+import { SegmentedControl as pt, SegmentedControlItem as nt } from "./components/segmented-control/segmented-control.js";
+import { DateTimePicker as dt } from "./components/date-time-picker/date-time-picker.js";
+import { DateRangePicker as Ct } from "./components/date-range-picker/date-range-picker.js";
+import { Text as ut } from "./components/text/text.js";
+import { ClearButton as gt } from "./lib/clear-button.js";
+import { mergeClasses as st } from "./node_modules/@griffel/core/src/mergeClasses.js";
+import { toast as ct } from "./node_modules/sonner/dist/index.js";
+import { DateTimePickerRoot as Ft } from "./components/date-time-picker/date-time-picker-context.js";
+import { DateTimePickerInput as At } from "./components/date-time-picker/date-time-picker-input.js";
+import { DateTimePickerPopover as It } from "./components/date-time-picker/date-time-picker-popover.js";
+import { DateTimePickerPanel as Gt } from "./components/date-time-picker/date-time-picker-panel.js";
+import { Calendar as kt } from "./components/date-time-picker/calendar.js";
+import { TimePicker as vt } from "./components/date-time-picker/time-picker.js";
+import { RangeCalendar as Rt } from "./components/date-range-picker/range-calendar.js";
+export {
+  Y as Accordion,
+  Z as AccordionContent,
+  $ as AccordionItem,
+  oo as AccordionTrigger,
+  vo as AlertDialog,
+  Bo as AlertDialogAction,
+  Ro as AlertDialogCancel,
+  ho as AlertDialogContent,
+  yo as AlertDialogDescription,
+  Vo as AlertDialogFooter,
+  Ho as AlertDialogHeader,
+  Eo as AlertDialogOverlay,
+  _o as AlertDialogPortal,
+  Uo as AlertDialogTitle,
+  jo as AlertDialogTrigger,
+  so as Avatar,
+  co as AvatarGroup,
+  b as BADGE_COLORS,
+  u as Badge,
+  g as Breadcrumb,
+  f as BreadcrumbItem,
+  ro as Button,
+  lo as ButtonGroup,
+  io as ButtonGroupSeparator,
+  ao as ButtonGroupText,
+  kt as Calendar,
+  T as Callout,
+  c as CalloutAction,
+  S as CalloutDescription,
+  F as CalloutTitle,
+  A as Card,
+  P as CardAction,
+  I as CardContent,
+  L as CardDescription,
+  G as CardFooter,
+  O as CardHeader,
+  k as CardTitle,
+  no as Checkbox,
+  gt as ClearButton,
+  rr as CollapsibleSidebar,
+  tr as CollapsibleSidebarCondensed,
+  lr as CollapsibleSidebarContent,
+  ir as CollapsibleSidebarToggle,
+  Ct as DateRangePicker,
+  dt as DateTimePicker,
+  At as DateTimePickerInput,
+  Gt as DateTimePickerPanel,
+  It as DateTimePickerPopover,
+  Ft as DateTimePickerRoot,
+  zo as Dialog,
+  Jo as DialogClose,
+  Ko as DialogContent,
+  No as DialogDescription,
+  Qo as DialogFooter,
+  Wo as DialogHeader,
+  Xo as DialogOverlay,
+  Yo as DialogPortal,
+  Zo as DialogTitle,
+  $o as DialogTrigger,
+  ee as Drawer,
+  re as DrawerClose,
+  te as DrawerContent,
+  le as DrawerDescription,
+  ie as DrawerFooter,
+  ae as DrawerHeader,
+  pe as DrawerOverlay,
+  ne as DrawerPortal,
+  me as DrawerTitle,
+  de as DrawerTrigger,
+  Ce as DropdownMenu,
+  be as DropdownMenuCheckboxItem,
+  ue as DropdownMenuContent,
+  De as DropdownMenuGroup,
+  ge as DropdownMenuItem,
+  fe as DropdownMenuLabel,
+  se as DropdownMenuPortal,
+  Te as DropdownMenuRadioGroup,
+  ce as DropdownMenuRadioItem,
+  Se as DropdownMenuSeparator,
+  Fe as DropdownMenuShortcut,
+  we as DropdownMenuSub,
+  Ae as DropdownMenuSubContent,
+  Pe as DropdownMenuSubTrigger,
+  Ie as DropdownMenuTrigger,
+  nr as Field,
+  Lr as FieldCombobox,
+  Gr as FieldComboboxClear,
+  Or as FieldComboboxClearValue,
+  kr as FieldComboboxContent,
+  Mr as FieldComboboxEmpty,
+  vr as FieldComboboxGroup,
+  Br as FieldComboboxGroupLabel,
+  Rr as FieldComboboxInput,
+  hr as FieldComboboxItem,
+  yr as FieldComboboxItemCheckIcon,
+  Vr as FieldComboboxList,
+  Hr as FieldComboboxLoading,
+  Er as FieldComboboxPlaceholder,
+  _r as FieldComboboxSeparator,
+  Ur as FieldComboboxTrigger,
+  jr as FieldComboboxValue,
+  mr as FieldContent,
+  dr as FieldDescription,
+  xr as FieldError,
+  Cr as FieldGroup,
+  br as FieldGroupAddon,
+  ur as FieldInput,
+  Dr as FieldInputGroup,
+  gr as FieldLabel,
+  fr as FieldLabelContent,
+  sr as FieldSet,
+  Tr as FieldTextarea,
+  xo as Label,
+  zr as List,
+  Jr as ListGroup,
+  Kr as ListGroupContent,
+  Nr as ListGroupLabel,
+  Qr as ListItem,
+  Wr as ListItemActions,
+  Xr as ListItemDescription,
+  Yr as ListItemText,
+  $r as OptionCard,
+  ot as OptionCardContent,
+  et as OptionCardControl,
+  rt as OptionCardDescription,
+  tt as OptionCardGroup,
+  lt as OptionCardMedia,
+  it as OptionCardTitle,
+  v as PILL_COLORS,
+  B as Pill,
+  Ge as Popover,
+  Oe as PopoverAnchor,
+  ke as PopoverContent,
+  Me as PopoverPortal,
+  ve as PopoverTrigger,
+  bo as RadioGroup,
+  uo as RadioGroupItem,
+  Rt as RangeCalendar,
+  m as SLOT_ATTR,
+  Re as ScrollOverflow,
+  pt as SegmentedControl,
+  nt as SegmentedControlItem,
+  Ve as Select,
+  He as SelectContent,
+  Ee as SelectGroup,
+  _e as SelectItem,
+  Ue as SelectLabel,
+  je as SelectScrollDownButton,
+  qe as SelectScrollUpButton,
+  ze as SelectSeparator,
+  Pr as SelectTrigger,
+  Je as SelectTriggerClear,
+  Ke as SelectValue,
+  h as Separator,
+  V as Skeleton,
+  E as Spinner,
+  go as Switch,
+  U as Table,
+  j as TableBody,
+  q as TableCaption,
+  z as TableCell,
+  J as TableDensityContext,
+  K as TableFooter,
+  N as TableHead,
+  Q as TableHeader,
+  W as TableRow,
+  Fo as Tabs,
+  wo as TabsContent,
+  Ao as TabsList,
+  Po as TabsTrigger,
+  ut as Text,
+  vt as TimePicker,
+  Qe as Toaster,
+  Lo as Toggle,
+  Oo as ToggleGroup,
+  ko as ToggleGroupItem,
+  Xe as Tooltip,
+  Ye as TooltipContent,
+  Ze as TooltipPortal,
+  $e as TooltipProvider,
+  or as TooltipTrigger,
+  x as assertAnchorIsFirstInHead,
+  t as ensureCoreTokens,
+  l as ensurePaletteTokens,
+  cr as fieldDescriptionVariants,
+  Sr as fieldVariants,
+  Fr as inputGroupAddonVariants,
+  a as makeVoltResetStyles,
+  p as makeVoltStyles,
+  st as mergeClasses,
+  ct as toast,
+  o as tokens,
+  ar as useCollapsibleSidebar,
+  wr as useFieldContext,
+  he as useScrollOverflow
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/lib/clear-button.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export type ClearButtonProps = React.ComponentProps<"button"> & {
+    label?: string;
+};
+export declare const ClearButton: React.ForwardRefExoticComponent<Omit<ClearButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/lib/clear-button.js

@@ -0,0 +1,52 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as s from "react";
+import { SLOT_ATTR as a } from "../renderer/contract.js";
+import { makeVoltStyles as m } from "../styles/make-styles.js";
+import { accentA8 as c } from "../tokens/index.js";
+import { CloseIcon as u } from "./icons.js";
+import { mergeClasses as f } from "../node_modules/@griffel/core/src/mergeClasses.js";
+const p = m({
+  root: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    // rounded-full — no token for a fully rounded radius.
+    borderRadius: "9999px",
+    flexShrink: 0,
+    cursor: "pointer",
+    ":hover": {
+      // v1's `hover:bg-current/10` — a literal because no token expresses a currentColor tint.
+      backgroundColor: "color-mix(in srgb, currentColor 10%, transparent)"
+    },
+    ":focus-visible": {
+      outlineWidth: "2px",
+      outlineStyle: "solid",
+      outlineOffset: "1px",
+      outlineColor: c
+    }
+  },
+  icon: {
+    // size-3 — the CloseIcon fallback.
+    width: "0.75rem",
+    height: "0.75rem"
+  }
+}), R = s.forwardRef(function({ className: e, label: r = "Remove", children: n, ...i }, l) {
+  const o = p();
+  return /* @__PURE__ */ t(
+    "button",
+    {
+      ref: l,
+      type: "button",
+      "data-slot": "clear-button",
+      [a]: "clear-button",
+      "aria-label": r,
+      className: f(o.root, e),
+      ...i,
+      children: n ?? /* @__PURE__ */ t(u, { className: o.icon })
+    }
+  );
+});
+export {
+  R as ClearButton
+};
+//# sourceMappingURL=clear-button.js.map

package/dist/lib/clear-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clear-button.js","sources":["../../src/lib/clear-button.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { mergeClasses } from \"@griffel/core\"\n\nimport { SLOT_ATTR } from \"../renderer/contract\"\nimport { makeVoltStyles } from \"../styles/make-styles\"\nimport * as tokens from \"../tokens\"\nimport { CloseIcon } from \"./icons\"\n\n/**\n * ClearButton — v1's shared dismiss button ported to Griffel atoms.\n *\n * v1 (`packages/react/src/lib/clear-button.tsx`) paints a round, shrink-proof, hover-tinted icon\n * button and falls back to a size-3 `CloseIcon` when no children are given. Only the mechanism\n * changes here: `rounded-full` becomes a literal fully-rounded radius and `hover:bg-current/10`\n * becomes a single `:hover` atom (`color-mix(in srgb, currentColor 10%, transparent)`) — the colour\n * comes from `currentColor`, so one rule covers every host. The focus-visible ring is 2px solid\n * `accent-a8` with a 1px offset, exactly as v1.\n *\n * Both Callout and Pill compose this instead of inlining their own approximation, so the hover,\n * focus and fallback-icon behaviour lives in one place.\n */\n\nconst useStyles = makeVoltStyles({\n  root: {\n    display: \"inline-flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    // rounded-full — no token for a fully rounded radius.\n    borderRadius: \"9999px\",\n    flexShrink: 0,\n    cursor: \"pointer\",\n    \":hover\": {\n      // v1's `hover:bg-current/10` — a literal because no token expresses a currentColor tint.\n      backgroundColor: \"color-mix(in srgb, currentColor 10%, transparent)\",\n    },\n    \":focus-visible\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineOffset: \"1px\",\n      outlineColor: tokens.accentA8,\n    },\n  },\n  icon: {\n    // size-3 — the CloseIcon fallback.\n    width: \"0.75rem\",\n    height: \"0.75rem\",\n  },\n})\n\nexport type ClearButtonProps = React.ComponentProps<\"button\"> & {\n  label?: string\n}\n\nexport const ClearButton = React.forwardRef<\n  HTMLButtonElement,\n  ClearButtonProps\n>(function ClearButton(\n  { className, label = \"Remove\", children, ...props },\n  ref\n) {\n  const styles = useStyles()\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      data-slot=\"clear-button\"\n      {...{ [SLOT_ATTR]: \"clear-button\" }}\n      aria-label={label}\n      className={mergeClasses(styles.root, className)}\n      {...props}\n    >\n      {children ?? <CloseIcon className={styles.icon} />}\n    </button>\n  )\n})\n"],"names":["useStyles","makeVoltStyles","tokens.accentA8","ClearButton","React","className","label","children","props","ref","styles","jsx","SLOT_ATTR","mergeClasses","CloseIcon"],"mappings":";;;;;;;AAuBA,MAAMA,IAAYC,EAAe;AAAA,EAC/B,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA;AAAA,IAEhB,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,MAER,iBAAiB;AAAA,IAAA;AAAA,IAEnB,kBAAkB;AAAA,MAChB,cAAc;AAAA,MACd,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAcC;AAAAA,IAAO;AAAA,EACvB;AAAA,EAEF,MAAM;AAAA;AAAA,IAEJ,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA;AAEZ,CAAC,GAMYC,IAAcC,EAAM,WAG/B,SACA,EAAE,WAAAC,GAAW,OAAAC,IAAQ,UAAU,UAAAC,GAAU,GAAGC,EAAA,GAC5CC,GACA;AACA,QAAMC,IAASV,EAAA;AAEf,SACE,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,MAAK;AAAA,MACL,aAAU;AAAA,MACJ,CAACG,CAAS,GAAG;AAAA,MACnB,cAAYN;AAAA,MACZ,WAAWO,EAAaH,EAAO,MAAML,CAAS;AAAA,MAC7C,GAAGG;AAAA,MAEH,UAAAD,KAAY,gBAAAI,EAACG,GAAA,EAAU,WAAWJ,EAAO,KAAA,CAAM;AAAA,IAAA;AAAA,EAAA;AAGtD,CAAC;"}

package/dist/lib/icons.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const CloseIcon: (props: React.ComponentProps<"svg">) => import("react/jsx-runtime").JSX.Element;
+export { CloseIcon };

package/dist/lib/icons.js

@@ -0,0 +1,15 @@
+import { jsx as C } from "react/jsx-runtime";
+const L = (o) => /* @__PURE__ */ C(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    ...o,
+    children: /* @__PURE__ */ C("path", { d: "M12 13.4L7.10005 18.3C6.91672 18.4833 6.68338 18.575 6.40005 18.575C6.11672 18.575 5.88338 18.4833 5.70005 18.3C5.51672 18.1167 5.42505 17.8833 5.42505 17.6C5.42505 17.3167 5.51672 17.0833 5.70005 16.9L10.6 12L5.70005 7.1C5.51672 6.91667 5.42505 6.68334 5.42505 6.4C5.42505 6.11667 5.51672 5.88334 5.70005 5.7C5.88338 5.51667 6.11672 5.425 6.40005 5.425C6.68338 5.425 6.91672 5.51667 7.10005 5.7L12 10.6L16.9 5.7C17.0834 5.51667 17.3167 5.425 17.6 5.425C17.8834 5.425 18.1167 5.51667 18.3 5.7C18.4834 5.88334 18.575 6.11667 18.575 6.4C18.575 6.68334 18.4834 6.91667 18.3 7.1L13.4 12L18.3 16.9C18.4834 17.0833 18.575 17.3167 18.575 17.6C18.575 17.8833 18.4834 18.1167 18.3 18.3C18.1167 18.4833 17.8834 18.575 17.6 18.575C17.3167 18.575 17.0834 18.4833 16.9 18.3L12 13.4Z" })
+  }
+);
+export {
+  L as CloseIcon
+};
+//# sourceMappingURL=icons.js.map

package/dist/lib/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sources":["../../src/lib/icons.tsx"],"sourcesContent":["import * as React from \"react\"\n\nconst CloseIcon = (props: React.ComponentProps<\"svg\">) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M12 13.4L7.10005 18.3C6.91672 18.4833 6.68338 18.575 6.40005 18.575C6.11672 18.575 5.88338 18.4833 5.70005 18.3C5.51672 18.1167 5.42505 17.8833 5.42505 17.6C5.42505 17.3167 5.51672 17.0833 5.70005 16.9L10.6 12L5.70005 7.1C5.51672 6.91667 5.42505 6.68334 5.42505 6.4C5.42505 6.11667 5.51672 5.88334 5.70005 5.7C5.88338 5.51667 6.11672 5.425 6.40005 5.425C6.68338 5.425 6.91672 5.51667 7.10005 5.7L12 10.6L16.9 5.7C17.0834 5.51667 17.3167 5.425 17.6 5.425C17.8834 5.425 18.1167 5.51667 18.3 5.7C18.4834 5.88334 18.575 6.11667 18.575 6.4C18.575 6.68334 18.4834 6.91667 18.3 7.1L13.4 12L18.3 16.9C18.4834 17.0833 18.575 17.3167 18.575 17.6C18.575 17.8833 18.4834 18.1167 18.3 18.3C18.1167 18.4833 17.8834 18.575 17.6 18.575C17.3167 18.575 17.0834 18.4833 16.9 18.3L12 13.4Z\" />\n  </svg>\n)\n\nexport { CloseIcon }\n"],"names":["CloseIcon","props","jsx"],"mappings":";AAEA,MAAMA,IAAY,CAACC,MACjB,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAM;AAAA,IACN,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAGD;AAAA,IAEJ,UAAA,gBAAAC,EAAC,QAAA,EAAK,GAAE,owBAAA,CAAowB;AAAA,EAAA;AAC9wB;"}