@marigold/components 3.0.4 → 3.0.6

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.
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export { useAsyncList, useListData } from '@react-stately/data';
2
- import { ThemeExtension, ThemeComponentProps, ResponsiveStyleValue, ThemeExtensionsWithParts, CSSObject, BoxOwnProps, StateAttrProps, Theme as Theme$1, ThemeProviderProps, GlobalProps } from '@marigold/system';
2
+ import { ThemeExtension, ThemeComponentProps, ResponsiveStyleValue, ThemeExtensionsWithParts, CSSObject, BoxOwnProps, StateAttrProps, Theme as Theme$1, ThemeProviderProps, GlobalProps, SVGProps } from '@marigold/system';
3
3
  export { Box, BoxOwnProps, BoxProps, StyleProps, ThemeProvider, useTheme } from '@marigold/system';
4
4
  import React, { ReactNode, HTMLAttributes, Key, LabelHTMLAttributes, ForwardRefExoticComponent, RefAttributes, ReactElement } from 'react';
5
5
  import { ComponentProps, PolymorphicPropsWithRef, PolymorphicComponentWithRef, NonZeroPercentage } from '@marigold/types';
@@ -646,4 +646,6 @@ interface TilesProps {
646
646
  }
647
647
  declare const Tiles: React.ForwardRefExoticComponent<TilesProps & React.RefAttributes<HTMLDivElement>>;
648
648
 
649
- export { Aside, AsideProps, Aspect, AspectProps, Badge, BadgeProps, BadgeThemeExtension, Body, BodyProps, BodyThemeExtension, Breakout, BreakoutProps, Button, ButtonOwnProps, ButtonProps, ButtonThemeExtension, Card, CardProps, CardThemeExtension, Center, CenterProps, Checkbox, CheckboxGroup, CheckboxGroupContext, CheckboxGroupContextProps, CheckboxGroupThemeExtension, CheckboxProps, CheckboxThemeExtension, Columns, ColumnsProps, Container, ContainerProps, CustomCheckboxProps, CustomRadioProps, CustomSwitchProps, CustomTextAreaEvents, CustomTextFieldEvents, CustomizedTheme, Dialog, DialogChildProps, DialogProps, DialogThemeExtension, Divider, DividerProps, DividerThemeExtension, Footer, FooterProps, FooterThemeExtension, Header, HeaderProps, HeaderThemeExtension, Headline, HeadlineProps, HeadlineThemeExtension, Image, ImageProps, ImageThemeExtension, Inline, InlineProps, Input, InputOwnProps, InputProps, InputThemeExtension, Label, LabelProps, LabelThemeExtension, Link, LinkOwnProps, LinkProps, LinkThemeExtension, List, ListProps, ListThemeExtension, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, MenuThemeExtension, Message, MessageProps, MessageThemeExtension, NumberField, NumberFieldProps, NumberFieldThemeExtension, Overlay, OverlayProps, Popover, PopoverProps, Radio, RadioComponent, RadioGroupProps, RadioGroupThemeExtension, RadioProps, RadioThemeExtension, Select, SelectComponent, SelectProps, SelectThemeExtension, Slider, SliderProps, SliderThemeExtension, Split, SplitProps, Stack, StackProps, Switch, SwitchProps, SwitchThemeExtension, Table, TableProps, TableThemeExtension, Text, TextArea, TextAreaProps, TextAreaThemeExtension, TextField, TextFieldProps, TextProps, TextThemeExtension, Theme, Tiles, TilesProps, Tooltip, TooltipProps, TooltipThemeExtension, Underlay, UnderlayProps, UnderlayThemeExtension, extendTheme, useCheckboxGroupContext };
649
+ declare const XLoader: React.ForwardRefExoticComponent<SVGProps & React.RefAttributes<SVGElement>>;
650
+
651
+ export { Aside, AsideProps, Aspect, AspectProps, Badge, BadgeProps, BadgeThemeExtension, Body, BodyProps, BodyThemeExtension, Breakout, BreakoutProps, Button, ButtonOwnProps, ButtonProps, ButtonThemeExtension, Card, CardProps, CardThemeExtension, Center, CenterProps, Checkbox, CheckboxGroup, CheckboxGroupContext, CheckboxGroupContextProps, CheckboxGroupThemeExtension, CheckboxProps, CheckboxThemeExtension, Columns, ColumnsProps, Container, ContainerProps, CustomCheckboxProps, CustomRadioProps, CustomSwitchProps, CustomTextAreaEvents, CustomTextFieldEvents, CustomizedTheme, Dialog, DialogChildProps, DialogProps, DialogThemeExtension, Divider, DividerProps, DividerThemeExtension, Footer, FooterProps, FooterThemeExtension, Header, HeaderProps, HeaderThemeExtension, Headline, HeadlineProps, HeadlineThemeExtension, Image, ImageProps, ImageThemeExtension, Inline, InlineProps, Input, InputOwnProps, InputProps, InputThemeExtension, Label, LabelProps, LabelThemeExtension, Link, LinkOwnProps, LinkProps, LinkThemeExtension, List, ListProps, ListThemeExtension, MarigoldProvider, MarigoldProviderProps, Menu, MenuProps, MenuThemeExtension, Message, MessageProps, MessageThemeExtension, NumberField, NumberFieldProps, NumberFieldThemeExtension, Overlay, OverlayProps, Popover, PopoverProps, Radio, RadioComponent, RadioGroupProps, RadioGroupThemeExtension, RadioProps, RadioThemeExtension, Select, SelectComponent, SelectProps, SelectThemeExtension, Slider, SliderProps, SliderThemeExtension, Split, SplitProps, Stack, StackProps, Switch, SwitchProps, SwitchThemeExtension, Table, TableProps, TableThemeExtension, Text, TextArea, TextAreaProps, TextAreaThemeExtension, TextField, TextFieldProps, TextProps, TextThemeExtension, Theme, Tiles, TilesProps, Tooltip, TooltipProps, TooltipThemeExtension, Underlay, UnderlayProps, UnderlayThemeExtension, XLoader, extendTheme, useCheckboxGroupContext };
package/dist/index.js CHANGED
@@ -73,6 +73,7 @@ __export(src_exports, {
73
73
  Tooltip: () => Tooltip,
74
74
  Underlay: () => Underlay,
75
75
  VisuallyHidden: () => import_visually_hidden.VisuallyHidden,
76
+ XLoader: () => XLoader,
76
77
  extendTheme: () => extendTheme,
77
78
  useAsyncList: () => import_data.useAsyncList,
78
79
  useCheckboxGroupContext: () => useCheckboxGroupContext,
@@ -2792,6 +2793,131 @@ var Tooltip = ({ children, variant, size }) => {
2792
2793
  }));
2793
2794
  };
2794
2795
  Tooltip.Trigger = TooltipTrigger;
2796
+
2797
+ // src/XLoader/XLoader.tsx
2798
+ var import_system51 = require("@marigold/system");
2799
+ var import_react72 = __toESM(require("react"));
2800
+ var XLoader = (0, import_react72.forwardRef)((props, ref) => /* @__PURE__ */ import_react72.default.createElement(import_system51.SVG, {
2801
+ id: "XLoader",
2802
+ xmlns: "http://www.w3.org/2000/svg",
2803
+ size: 150,
2804
+ viewBox: "0 0 150 150",
2805
+ ...props,
2806
+ ...ref
2807
+ }, /* @__PURE__ */ import_react72.default.createElement("path", {
2808
+ id: "XMLID_1_",
2809
+ d: "M35.3 27h26.5l54 74.1H88.7z"
2810
+ }), /* @__PURE__ */ import_react72.default.createElement("path", {
2811
+ id: "XMLID_5_",
2812
+ d: "M124.3 12.8h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z"
2813
+ }, /* @__PURE__ */ import_react72.default.createElement("animate", {
2814
+ attributeName: "opacity",
2815
+ attributeType: "XML",
2816
+ values: "1; .01; 1; 1; 1;",
2817
+ begin: "1.1s",
2818
+ dur: "2.5s",
2819
+ repeatCount: "indefinite"
2820
+ })), /* @__PURE__ */ import_react72.default.createElement("path", {
2821
+ id: "XMLID_18_",
2822
+ d: "M115.9 24.4h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z"
2823
+ }, /* @__PURE__ */ import_react72.default.createElement("animate", {
2824
+ attributeName: "opacity",
2825
+ attributeType: "XML",
2826
+ values: "1; .01; 1; 1; 1;",
2827
+ begin: "0.9s",
2828
+ dur: "2.5s",
2829
+ repeatCount: "indefinite"
2830
+ })), /* @__PURE__ */ import_react72.default.createElement("path", {
2831
+ id: "XMLID_19_",
2832
+ d: "M107.5 35.9h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z"
2833
+ }, /* @__PURE__ */ import_react72.default.createElement("animate", {
2834
+ attributeName: "opacity",
2835
+ attributeType: "XML",
2836
+ values: "1; .01; 1; 1; 1;",
2837
+ begin: "0.8s",
2838
+ dur: "2.5s",
2839
+ repeatCount: "indefinite"
2840
+ })), /* @__PURE__ */ import_react72.default.createElement("path", {
2841
+ id: "XMLID_20_",
2842
+ d: "M99.1 47.5h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z"
2843
+ }, /* @__PURE__ */ import_react72.default.createElement("animate", {
2844
+ attributeName: "opacity",
2845
+ attributeType: "XML",
2846
+ values: "1; .01; 1; 1;",
2847
+ begin: "0.7s",
2848
+ dur: "2.5s",
2849
+ repeatCount: "indefinite"
2850
+ })), /* @__PURE__ */ import_react72.default.createElement("path", {
2851
+ id: "XMLID_21_",
2852
+ d: "M90.7 59H90c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.8-2.2 4.9-4.9 4.9z"
2853
+ }, /* @__PURE__ */ import_react72.default.createElement("animate", {
2854
+ attributeName: "opacity",
2855
+ attributeType: "XML",
2856
+ values: "1; .01; 1; 1; 1;",
2857
+ begin: "0.6s",
2858
+ dur: "2.5s",
2859
+ repeatCount: "indefinite"
2860
+ })), /* @__PURE__ */ import_react72.default.createElement("path", {
2861
+ id: "XMLID_22_",
2862
+ d: "M68 89.8h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.8c0 2.6-2.2 4.8-4.9 4.8z"
2863
+ }, /* @__PURE__ */ import_react72.default.createElement("animate", {
2864
+ attributeName: "opacity",
2865
+ attributeType: "XML",
2866
+ values: "1; .01; 1; 1; 1;",
2867
+ begin: "0.5s",
2868
+ dur: "2.5s",
2869
+ repeatCount: "indefinite"
2870
+ })), /* @__PURE__ */ import_react72.default.createElement("path", {
2871
+ id: "XMLID_23_",
2872
+ d: "M59.6 101.4h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z"
2873
+ }, /* @__PURE__ */ import_react72.default.createElement("animate", {
2874
+ attributeName: "opacity",
2875
+ attributeType: "XML",
2876
+ values: "1; .01; 1; 1; 1;",
2877
+ begin: "0.4s",
2878
+ dur: "2.5s",
2879
+ repeatCount: "indefinite"
2880
+ })), /* @__PURE__ */ import_react72.default.createElement("path", {
2881
+ id: "XMLID_24_",
2882
+ d: "M51.2 112.9h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.8-2.2 4.9-4.9 4.9z"
2883
+ }, /* @__PURE__ */ import_react72.default.createElement("animate", {
2884
+ attributeName: "opacity",
2885
+ attributeType: "XML",
2886
+ values: "1; .01; 1; 1; 1;",
2887
+ begin: "0.3s",
2888
+ dur: "2.5s",
2889
+ repeatCount: "indefinite"
2890
+ })), /* @__PURE__ */ import_react72.default.createElement("path", {
2891
+ id: "XMLID_25_",
2892
+ d: "M42.8 124.5h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.7-2.2 4.9-4.9 4.9z"
2893
+ }, /* @__PURE__ */ import_react72.default.createElement("animate", {
2894
+ attributeName: "opacity",
2895
+ attributeType: "XML",
2896
+ values: "1; .01; 1; 1; 1;",
2897
+ begin: "0.2s",
2898
+ dur: "2.5s",
2899
+ repeatCount: "indefinite"
2900
+ })), /* @__PURE__ */ import_react72.default.createElement("path", {
2901
+ id: "XMLID_26_",
2902
+ d: "M34.4 136h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.7-2.2 4.9-4.9 4.9z"
2903
+ }, /* @__PURE__ */ import_react72.default.createElement("animate", {
2904
+ attributeName: "opacity",
2905
+ attributeType: "XML",
2906
+ values: "1; .01; 1; 1; 1;",
2907
+ begin: "0.1s",
2908
+ dur: "2.5s",
2909
+ repeatCount: "indefinite"
2910
+ })), /* @__PURE__ */ import_react72.default.createElement("path", {
2911
+ id: "XMLID_27_",
2912
+ d: "M26 147.6h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.8-2.2 4.9-4.9 4.9z"
2913
+ }, /* @__PURE__ */ import_react72.default.createElement("animate", {
2914
+ attributeName: "opacity",
2915
+ attributeType: "XML",
2916
+ values: "1; .01; 1; 1; 1;",
2917
+ begin: "0.1s",
2918
+ dur: "2.5s",
2919
+ repeatCount: "indefinite"
2920
+ }))));
2795
2921
  // Annotate the CommonJS export names for ESM import in node:
2796
2922
  0 && (module.exports = {
2797
2923
  Aside,
@@ -2841,6 +2967,7 @@ Tooltip.Trigger = TooltipTrigger;
2841
2967
  Tooltip,
2842
2968
  Underlay,
2843
2969
  VisuallyHidden,
2970
+ XLoader,
2844
2971
  extendTheme,
2845
2972
  useAsyncList,
2846
2973
  useCheckboxGroupContext,
package/dist/index.mjs CHANGED
@@ -2804,6 +2804,131 @@ var Tooltip = ({ children, variant, size }) => {
2804
2804
  }));
2805
2805
  };
2806
2806
  Tooltip.Trigger = TooltipTrigger;
2807
+
2808
+ // src/XLoader/XLoader.tsx
2809
+ import { SVG } from "@marigold/system";
2810
+ import React65, { forwardRef as forwardRef15 } from "react";
2811
+ var XLoader = forwardRef15((props, ref) => /* @__PURE__ */ React65.createElement(SVG, {
2812
+ id: "XLoader",
2813
+ xmlns: "http://www.w3.org/2000/svg",
2814
+ size: 150,
2815
+ viewBox: "0 0 150 150",
2816
+ ...props,
2817
+ ...ref
2818
+ }, /* @__PURE__ */ React65.createElement("path", {
2819
+ id: "XMLID_1_",
2820
+ d: "M35.3 27h26.5l54 74.1H88.7z"
2821
+ }), /* @__PURE__ */ React65.createElement("path", {
2822
+ id: "XMLID_5_",
2823
+ d: "M124.3 12.8h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z"
2824
+ }, /* @__PURE__ */ React65.createElement("animate", {
2825
+ attributeName: "opacity",
2826
+ attributeType: "XML",
2827
+ values: "1; .01; 1; 1; 1;",
2828
+ begin: "1.1s",
2829
+ dur: "2.5s",
2830
+ repeatCount: "indefinite"
2831
+ })), /* @__PURE__ */ React65.createElement("path", {
2832
+ id: "XMLID_18_",
2833
+ d: "M115.9 24.4h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z"
2834
+ }, /* @__PURE__ */ React65.createElement("animate", {
2835
+ attributeName: "opacity",
2836
+ attributeType: "XML",
2837
+ values: "1; .01; 1; 1; 1;",
2838
+ begin: "0.9s",
2839
+ dur: "2.5s",
2840
+ repeatCount: "indefinite"
2841
+ })), /* @__PURE__ */ React65.createElement("path", {
2842
+ id: "XMLID_19_",
2843
+ d: "M107.5 35.9h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z"
2844
+ }, /* @__PURE__ */ React65.createElement("animate", {
2845
+ attributeName: "opacity",
2846
+ attributeType: "XML",
2847
+ values: "1; .01; 1; 1; 1;",
2848
+ begin: "0.8s",
2849
+ dur: "2.5s",
2850
+ repeatCount: "indefinite"
2851
+ })), /* @__PURE__ */ React65.createElement("path", {
2852
+ id: "XMLID_20_",
2853
+ d: "M99.1 47.5h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z"
2854
+ }, /* @__PURE__ */ React65.createElement("animate", {
2855
+ attributeName: "opacity",
2856
+ attributeType: "XML",
2857
+ values: "1; .01; 1; 1;",
2858
+ begin: "0.7s",
2859
+ dur: "2.5s",
2860
+ repeatCount: "indefinite"
2861
+ })), /* @__PURE__ */ React65.createElement("path", {
2862
+ id: "XMLID_21_",
2863
+ d: "M90.7 59H90c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.8-2.2 4.9-4.9 4.9z"
2864
+ }, /* @__PURE__ */ React65.createElement("animate", {
2865
+ attributeName: "opacity",
2866
+ attributeType: "XML",
2867
+ values: "1; .01; 1; 1; 1;",
2868
+ begin: "0.6s",
2869
+ dur: "2.5s",
2870
+ repeatCount: "indefinite"
2871
+ })), /* @__PURE__ */ React65.createElement("path", {
2872
+ id: "XMLID_22_",
2873
+ d: "M68 89.8h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.8c0 2.6-2.2 4.8-4.9 4.8z"
2874
+ }, /* @__PURE__ */ React65.createElement("animate", {
2875
+ attributeName: "opacity",
2876
+ attributeType: "XML",
2877
+ values: "1; .01; 1; 1; 1;",
2878
+ begin: "0.5s",
2879
+ dur: "2.5s",
2880
+ repeatCount: "indefinite"
2881
+ })), /* @__PURE__ */ React65.createElement("path", {
2882
+ id: "XMLID_23_",
2883
+ d: "M59.6 101.4h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c0 2.7-2.2 4.9-4.9 4.9z"
2884
+ }, /* @__PURE__ */ React65.createElement("animate", {
2885
+ attributeName: "opacity",
2886
+ attributeType: "XML",
2887
+ values: "1; .01; 1; 1; 1;",
2888
+ begin: "0.4s",
2889
+ dur: "2.5s",
2890
+ repeatCount: "indefinite"
2891
+ })), /* @__PURE__ */ React65.createElement("path", {
2892
+ id: "XMLID_24_",
2893
+ d: "M51.2 112.9h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.8-2.2 4.9-4.9 4.9z"
2894
+ }, /* @__PURE__ */ React65.createElement("animate", {
2895
+ attributeName: "opacity",
2896
+ attributeType: "XML",
2897
+ values: "1; .01; 1; 1; 1;",
2898
+ begin: "0.3s",
2899
+ dur: "2.5s",
2900
+ repeatCount: "indefinite"
2901
+ })), /* @__PURE__ */ React65.createElement("path", {
2902
+ id: "XMLID_25_",
2903
+ d: "M42.8 124.5h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.7-2.2 4.9-4.9 4.9z"
2904
+ }, /* @__PURE__ */ React65.createElement("animate", {
2905
+ attributeName: "opacity",
2906
+ attributeType: "XML",
2907
+ values: "1; .01; 1; 1; 1;",
2908
+ begin: "0.2s",
2909
+ dur: "2.5s",
2910
+ repeatCount: "indefinite"
2911
+ })), /* @__PURE__ */ React65.createElement("path", {
2912
+ id: "XMLID_26_",
2913
+ d: "M34.4 136h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.7-2.2 4.9-4.9 4.9z"
2914
+ }, /* @__PURE__ */ React65.createElement("animate", {
2915
+ attributeName: "opacity",
2916
+ attributeType: "XML",
2917
+ values: "1; .01; 1; 1; 1;",
2918
+ begin: "0.1s",
2919
+ dur: "2.5s",
2920
+ repeatCount: "indefinite"
2921
+ })), /* @__PURE__ */ React65.createElement("path", {
2922
+ id: "XMLID_27_",
2923
+ d: "M26 147.6h-.7c-2.7 0-4.9-2.2-4.9-4.9v-.7c0-2.7 2.2-4.9 4.9-4.9h.7c2.7 0 4.9 2.2 4.9 4.9v.7c-.1 2.8-2.2 4.9-4.9 4.9z"
2924
+ }, /* @__PURE__ */ React65.createElement("animate", {
2925
+ attributeName: "opacity",
2926
+ attributeType: "XML",
2927
+ values: "1; .01; 1; 1; 1;",
2928
+ begin: "0.1s",
2929
+ dur: "2.5s",
2930
+ repeatCount: "indefinite"
2931
+ }))));
2807
2932
  export {
2808
2933
  Aside,
2809
2934
  Aspect,
@@ -2852,6 +2977,7 @@ export {
2852
2977
  Tooltip,
2853
2978
  Underlay,
2854
2979
  VisuallyHidden,
2980
+ XLoader,
2855
2981
  extendTheme,
2856
2982
  useAsyncList,
2857
2983
  useCheckboxGroupContext,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marigold/components",
3
- "version": "3.0.4",
3
+ "version": "3.0.6",
4
4
  "description": "Components for the Marigold Design System",
5
5
  "license": "MIT",
6
6
  "keywords": [
@@ -23,8 +23,8 @@
23
23
  "directory": "packages/components"
24
24
  },
25
25
  "dependencies": {
26
- "@marigold/icons": "1.1.4",
27
- "@marigold/system": "3.0.4",
26
+ "@marigold/icons": "1.1.6",
27
+ "@marigold/system": "3.0.6",
28
28
  "@marigold/tokens": "3.1.0",
29
29
  "@marigold/types": "0.5.4",
30
30
  "@react-aria/button": "3.6.2",
@@ -80,7 +80,7 @@
80
80
  "@marigold/tsconfig": "0.3.0",
81
81
  "react": "18.2.0",
82
82
  "react-dom": "18.2.0",
83
- "tsup": "6.2.3"
83
+ "tsup": "6.3.0"
84
84
  },
85
85
  "scripts": {
86
86
  "build": "tsup src/index.ts",