@marigold/system 14.0.0 → 15.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.d.mts +12 -45
  2. package/dist/index.d.ts +12 -45
  3. package/dist/index.js +2 -25
  4. package/dist/index.mjs +2 -23
  5. package/package.json +8 -8
package/dist/index.d.mts CHANGED
@@ -21,7 +21,7 @@ interface DateFormatProps extends DateFormatterOptions {
21
21
  /**
22
22
  * Value to be formatted.
23
23
  */
24
- value: Date;
24
+ value: Date | [Date, Date];
25
25
  /**
26
26
  * Specifies that the digits should take the full width.
27
27
  * @default true
@@ -123,23 +123,21 @@ type Theme = {
123
123
  components: {
124
124
  Accordion?: Record<'container' | 'item' | 'header' | 'content' | 'icon', ComponentStyleFunction<string, string>>;
125
125
  Badge?: ComponentStyleFunction<string, string>;
126
- Body?: ComponentStyleFunction<string, string>;
126
+ Breadcrumbs?: Record<'container' | 'item' | 'link' | 'current', ComponentStyleFunction<string, string>>;
127
127
  Button?: ComponentStyleFunction<string, string>;
128
128
  Card?: ComponentStyleFunction<string, string>;
129
129
  CloseButton?: ComponentStyleFunction<string, string>;
130
+ Collapsible?: Record<'container' | 'trigger' | 'content', ComponentStyleFunction<string, string>>;
130
131
  ContextualHelp?: Record<'trigger' | 'popover' | 'dialog' | 'title' | 'content', ComponentStyleFunction<string, string>>;
131
132
  DateField?: Record<'segment' | 'field' | 'action', ComponentStyleFunction<string, string>>;
132
133
  Dialog?: Record<'closeButton' | 'container' | 'header' | 'content' | 'actions' | 'title', ComponentStyleFunction<string, string>>;
133
134
  Divider?: ComponentStyleFunction<string, string>;
134
135
  Drawer?: Record<'overlay' | 'closeButton' | 'container' | 'header' | 'title' | 'content' | 'actions', ComponentStyleFunction<string, string>>;
135
136
  Field?: ComponentStyleFunction<string, string>;
136
- Footer?: ComponentStyleFunction<string, string>;
137
- Header?: ComponentStyleFunction<string, string>;
138
137
  Headline?: ComponentStyleFunction<string, string>;
139
138
  Popover?: ComponentStyleFunction<string, string>;
140
139
  HelpText?: Record<'container' | 'icon', ComponentStyleFunction<string, string>>;
141
140
  IconButton?: ComponentStyleFunction<string, string>;
142
- Image?: ComponentStyleFunction<string, string>;
143
141
  Checkbox?: Record<'container' | 'label' | 'checkbox' | 'group', ComponentStyleFunction<string, string>>;
144
142
  Switch?: Record<'container' | 'track' | 'thumb', ComponentStyleFunction<string, string>>;
145
143
  Input?: Record<'input' | 'icon' | 'action', ComponentStyleFunction<string, string>>;
@@ -150,7 +148,7 @@ type Theme = {
150
148
  Menu?: Record<'container' | 'section' | 'item' | 'button', ComponentStyleFunction<string, string>>;
151
149
  Modal?: ComponentStyleFunction<string, string>;
152
150
  MultiSelect?: Record<'container' | 'closeButton' | 'field' | 'input' | 'icon' | 'listContainer' | 'list' | 'option' | 'tag' | 'valueContainer', ComponentStyleFunction<string, string>>;
153
- Pagination?: Record<'navigationButton' | 'pageButton' | 'icon', ComponentStyleFunction<string, string>>;
151
+ Pagination?: Record<'container' | 'navigationButton' | 'pageButton' | 'icon' | 'ellipsis', ComponentStyleFunction<string, string>>;
154
152
  ProgressCycle?: ComponentStyleFunction<string, string>;
155
153
  Radio?: Record<'container' | 'label' | 'radio' | 'group', ComponentStyleFunction<string, string>>;
156
154
  Slider?: Record<'container' | 'track' | 'thumb' | 'output' | 'selectedTrack', ComponentStyleFunction<string, string>>;
@@ -158,10 +156,11 @@ type Theme = {
158
156
  NumberField?: Record<'group' | 'stepper' | 'input', ComponentStyleFunction<string, string>>;
159
157
  SectionMessage?: Record<'container' | 'icon' | 'title' | 'content' | 'close', ComponentStyleFunction<string, string>>;
160
158
  Table?: Record<'table' | 'headerRow' | 'header' | 'thead' | 'body' | 'row' | 'cell', ComponentStyleFunction<string, string>>;
161
- Tag?: Record<'tag' | 'listItems' | 'closeButton', ComponentStyleFunction<string, string>>;
159
+ Tag?: Record<'container' | 'tag' | 'listItems' | 'closeButton' | 'removeAll', ComponentStyleFunction<string, string>>;
162
160
  Text?: ComponentStyleFunction<string, string>;
163
161
  TextArea?: ComponentStyleFunction<string, string>;
164
162
  Tooltip?: Record<'container' | 'arrow', ComponentStyleFunction<string, string>>;
163
+ Toast?: Record<'toast' | 'title' | 'description' | 'closeButton' | 'icon' | 'content' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'top' | 'bottom', ComponentStyleFunction<string, string>>;
165
164
  Tabs?: Record<'container' | 'tabsList' | 'tabpanel' | 'tab', ComponentStyleFunction<string, string>>;
166
165
  Underlay?: ComponentStyleFunction<string, string>;
167
166
  Calendar?: Record<'calendar' | 'calendarListboxButton' | 'calendarCell' | 'calendarControllers' | 'calendarHeader' | 'calendarGrid' | 'select', ComponentStyleFunction<string, string>>;
@@ -241,23 +240,21 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
241
240
  components: {
242
241
  Accordion?: Record<"container" | "item" | "header" | "content" | "icon", ComponentStyleFunction<string, string>>;
243
242
  Badge?: ComponentStyleFunction<string, string>;
244
- Body?: ComponentStyleFunction<string, string>;
243
+ Breadcrumbs?: Record<"container" | "item" | "link" | "current", ComponentStyleFunction<string, string>>;
245
244
  Button?: ComponentStyleFunction<string, string>;
246
245
  Card?: ComponentStyleFunction<string, string>;
247
246
  CloseButton?: ComponentStyleFunction<string, string>;
247
+ Collapsible?: Record<"container" | "trigger" | "content", ComponentStyleFunction<string, string>>;
248
248
  ContextualHelp?: Record<"trigger" | "popover" | "dialog" | "title" | "content", ComponentStyleFunction<string, string>>;
249
249
  DateField?: Record<"segment" | "field" | "action", ComponentStyleFunction<string, string>>;
250
250
  Dialog?: Record<"closeButton" | "container" | "header" | "content" | "actions" | "title", ComponentStyleFunction<string, string>>;
251
251
  Divider?: ComponentStyleFunction<string, string>;
252
252
  Drawer?: Record<"overlay" | "closeButton" | "container" | "header" | "title" | "content" | "actions", ComponentStyleFunction<string, string>>;
253
253
  Field?: ComponentStyleFunction<string, string>;
254
- Footer?: ComponentStyleFunction<string, string>;
255
- Header?: ComponentStyleFunction<string, string>;
256
254
  Headline?: ComponentStyleFunction<string, string>;
257
255
  Popover?: ComponentStyleFunction<string, string>;
258
256
  HelpText?: Record<"container" | "icon", ComponentStyleFunction<string, string>>;
259
257
  IconButton?: ComponentStyleFunction<string, string>;
260
- Image?: ComponentStyleFunction<string, string>;
261
258
  Checkbox?: Record<"container" | "label" | "checkbox" | "group", ComponentStyleFunction<string, string>>;
262
259
  Switch?: Record<"container" | "track" | "thumb", ComponentStyleFunction<string, string>>;
263
260
  Input?: Record<"input" | "icon" | "action", ComponentStyleFunction<string, string>>;
@@ -268,7 +265,7 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
268
265
  Menu?: Record<"container" | "section" | "item" | "button", ComponentStyleFunction<string, string>>;
269
266
  Modal?: ComponentStyleFunction<string, string>;
270
267
  MultiSelect?: Record<"container" | "closeButton" | "field" | "input" | "icon" | "listContainer" | "list" | "option" | "tag" | "valueContainer", ComponentStyleFunction<string, string>>;
271
- Pagination?: Record<"navigationButton" | "pageButton" | "icon", ComponentStyleFunction<string, string>>;
268
+ Pagination?: Record<"container" | "navigationButton" | "pageButton" | "icon" | "ellipsis", ComponentStyleFunction<string, string>>;
272
269
  ProgressCycle?: ComponentStyleFunction<string, string>;
273
270
  Radio?: Record<"container" | "label" | "radio" | "group", ComponentStyleFunction<string, string>>;
274
271
  Slider?: Record<"container" | "track" | "thumb" | "output" | "selectedTrack", ComponentStyleFunction<string, string>>;
@@ -276,10 +273,11 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
276
273
  NumberField?: Record<"group" | "stepper" | "input", ComponentStyleFunction<string, string>>;
277
274
  SectionMessage?: Record<"container" | "icon" | "title" | "content" | "close", ComponentStyleFunction<string, string>>;
278
275
  Table?: Record<"table" | "headerRow" | "header" | "thead" | "body" | "row" | "cell", ComponentStyleFunction<string, string>>;
279
- Tag?: Record<"tag" | "listItems" | "closeButton", ComponentStyleFunction<string, string>>;
276
+ Tag?: Record<"container" | "tag" | "listItems" | "closeButton" | "removeAll", ComponentStyleFunction<string, string>>;
280
277
  Text?: ComponentStyleFunction<string, string>;
281
278
  TextArea?: ComponentStyleFunction<string, string>;
282
279
  Tooltip?: Record<"container" | "arrow", ComponentStyleFunction<string, string>>;
280
+ Toast?: Record<"toast" | "title" | "description" | "closeButton" | "icon" | "content" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | "top" | "bottom", ComponentStyleFunction<string, string>>;
283
281
  Tabs?: Record<"container" | "tabsList" | "tabpanel" | "tab", ComponentStyleFunction<string, string>>;
284
282
  Underlay?: ComponentStyleFunction<string, string>;
285
283
  Calendar?: Record<"calendar" | "calendarListboxButton" | "calendarCell" | "calendarControllers" | "calendarHeader" | "calendarGrid" | "select", ComponentStyleFunction<string, string>>;
@@ -886,25 +884,6 @@ declare const aspect: {
886
884
  ultrawide: string;
887
885
  golden: string;
888
886
  };
889
- declare const objectFit: {
890
- contain: string;
891
- cover: string;
892
- fill: string;
893
- none: string;
894
- scaleDown: string;
895
- };
896
- declare const objectPosition: {
897
- none: undefined;
898
- bottom: string;
899
- center: string;
900
- left: string;
901
- leftBottom: string;
902
- leftTop: string;
903
- right: string;
904
- rightBottom: string;
905
- rightTop: string;
906
- top: string;
907
- };
908
887
  declare const cursorStyle: {
909
888
  auto: string;
910
889
  default: string;
@@ -977,18 +956,6 @@ type GapSpaceProp = {
977
956
  */
978
957
  space?: keyof typeof gapSpace;
979
958
  };
980
- type ObjectFitProp = {
981
- /**
982
- * Set the object-fit property for the element.
983
- */
984
- fit?: keyof typeof objectFit;
985
- };
986
- type ObjectPositionProp = {
987
- /**
988
- * Set the object-position property for the element. You can see allowed tokens [here](https://tailwindcss.com/docs/object-position).
989
- */
990
- position?: keyof typeof objectPosition;
991
- };
992
959
  type PaddingSpaceProp = {
993
960
  /**
994
961
  * Set the padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
@@ -1062,4 +1029,4 @@ type HeightProp = {
1062
1029
  height?: keyof typeof height;
1063
1030
  };
1064
1031
 
1065
- export { type AlignmentProp, type AspectProp, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type HeightProp, type MaxWidthProp, type NestedStringObject, type NumerFormatterOptions, NumericFormat, type ObjectFitProp, type ObjectPositionProp, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type Theme, type ThemeComponent, type ThemeComponentParts, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, ensureCssVar, extendTheme, fontWeight, gapSpace, get, height, isValidCssCustomPropertyName, maxWidth, objectFit, objectPosition, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
1032
+ export { type AlignmentProp, type AspectProp, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type HeightProp, type MaxWidthProp, type NestedStringObject, type NumerFormatterOptions, NumericFormat, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type Theme, type ThemeComponent, type ThemeComponentParts, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, ensureCssVar, extendTheme, fontWeight, gapSpace, get, height, isValidCssCustomPropertyName, maxWidth, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
package/dist/index.d.ts CHANGED
@@ -21,7 +21,7 @@ interface DateFormatProps extends DateFormatterOptions {
21
21
  /**
22
22
  * Value to be formatted.
23
23
  */
24
- value: Date;
24
+ value: Date | [Date, Date];
25
25
  /**
26
26
  * Specifies that the digits should take the full width.
27
27
  * @default true
@@ -123,23 +123,21 @@ type Theme = {
123
123
  components: {
124
124
  Accordion?: Record<'container' | 'item' | 'header' | 'content' | 'icon', ComponentStyleFunction<string, string>>;
125
125
  Badge?: ComponentStyleFunction<string, string>;
126
- Body?: ComponentStyleFunction<string, string>;
126
+ Breadcrumbs?: Record<'container' | 'item' | 'link' | 'current', ComponentStyleFunction<string, string>>;
127
127
  Button?: ComponentStyleFunction<string, string>;
128
128
  Card?: ComponentStyleFunction<string, string>;
129
129
  CloseButton?: ComponentStyleFunction<string, string>;
130
+ Collapsible?: Record<'container' | 'trigger' | 'content', ComponentStyleFunction<string, string>>;
130
131
  ContextualHelp?: Record<'trigger' | 'popover' | 'dialog' | 'title' | 'content', ComponentStyleFunction<string, string>>;
131
132
  DateField?: Record<'segment' | 'field' | 'action', ComponentStyleFunction<string, string>>;
132
133
  Dialog?: Record<'closeButton' | 'container' | 'header' | 'content' | 'actions' | 'title', ComponentStyleFunction<string, string>>;
133
134
  Divider?: ComponentStyleFunction<string, string>;
134
135
  Drawer?: Record<'overlay' | 'closeButton' | 'container' | 'header' | 'title' | 'content' | 'actions', ComponentStyleFunction<string, string>>;
135
136
  Field?: ComponentStyleFunction<string, string>;
136
- Footer?: ComponentStyleFunction<string, string>;
137
- Header?: ComponentStyleFunction<string, string>;
138
137
  Headline?: ComponentStyleFunction<string, string>;
139
138
  Popover?: ComponentStyleFunction<string, string>;
140
139
  HelpText?: Record<'container' | 'icon', ComponentStyleFunction<string, string>>;
141
140
  IconButton?: ComponentStyleFunction<string, string>;
142
- Image?: ComponentStyleFunction<string, string>;
143
141
  Checkbox?: Record<'container' | 'label' | 'checkbox' | 'group', ComponentStyleFunction<string, string>>;
144
142
  Switch?: Record<'container' | 'track' | 'thumb', ComponentStyleFunction<string, string>>;
145
143
  Input?: Record<'input' | 'icon' | 'action', ComponentStyleFunction<string, string>>;
@@ -150,7 +148,7 @@ type Theme = {
150
148
  Menu?: Record<'container' | 'section' | 'item' | 'button', ComponentStyleFunction<string, string>>;
151
149
  Modal?: ComponentStyleFunction<string, string>;
152
150
  MultiSelect?: Record<'container' | 'closeButton' | 'field' | 'input' | 'icon' | 'listContainer' | 'list' | 'option' | 'tag' | 'valueContainer', ComponentStyleFunction<string, string>>;
153
- Pagination?: Record<'navigationButton' | 'pageButton' | 'icon', ComponentStyleFunction<string, string>>;
151
+ Pagination?: Record<'container' | 'navigationButton' | 'pageButton' | 'icon' | 'ellipsis', ComponentStyleFunction<string, string>>;
154
152
  ProgressCycle?: ComponentStyleFunction<string, string>;
155
153
  Radio?: Record<'container' | 'label' | 'radio' | 'group', ComponentStyleFunction<string, string>>;
156
154
  Slider?: Record<'container' | 'track' | 'thumb' | 'output' | 'selectedTrack', ComponentStyleFunction<string, string>>;
@@ -158,10 +156,11 @@ type Theme = {
158
156
  NumberField?: Record<'group' | 'stepper' | 'input', ComponentStyleFunction<string, string>>;
159
157
  SectionMessage?: Record<'container' | 'icon' | 'title' | 'content' | 'close', ComponentStyleFunction<string, string>>;
160
158
  Table?: Record<'table' | 'headerRow' | 'header' | 'thead' | 'body' | 'row' | 'cell', ComponentStyleFunction<string, string>>;
161
- Tag?: Record<'tag' | 'listItems' | 'closeButton', ComponentStyleFunction<string, string>>;
159
+ Tag?: Record<'container' | 'tag' | 'listItems' | 'closeButton' | 'removeAll', ComponentStyleFunction<string, string>>;
162
160
  Text?: ComponentStyleFunction<string, string>;
163
161
  TextArea?: ComponentStyleFunction<string, string>;
164
162
  Tooltip?: Record<'container' | 'arrow', ComponentStyleFunction<string, string>>;
163
+ Toast?: Record<'toast' | 'title' | 'description' | 'closeButton' | 'icon' | 'content' | 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right' | 'top' | 'bottom', ComponentStyleFunction<string, string>>;
165
164
  Tabs?: Record<'container' | 'tabsList' | 'tabpanel' | 'tab', ComponentStyleFunction<string, string>>;
166
165
  Underlay?: ComponentStyleFunction<string, string>;
167
166
  Calendar?: Record<'calendar' | 'calendarListboxButton' | 'calendarCell' | 'calendarControllers' | 'calendarHeader' | 'calendarGrid' | 'select', ComponentStyleFunction<string, string>>;
@@ -241,23 +240,21 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
241
240
  components: {
242
241
  Accordion?: Record<"container" | "item" | "header" | "content" | "icon", ComponentStyleFunction<string, string>>;
243
242
  Badge?: ComponentStyleFunction<string, string>;
244
- Body?: ComponentStyleFunction<string, string>;
243
+ Breadcrumbs?: Record<"container" | "item" | "link" | "current", ComponentStyleFunction<string, string>>;
245
244
  Button?: ComponentStyleFunction<string, string>;
246
245
  Card?: ComponentStyleFunction<string, string>;
247
246
  CloseButton?: ComponentStyleFunction<string, string>;
247
+ Collapsible?: Record<"container" | "trigger" | "content", ComponentStyleFunction<string, string>>;
248
248
  ContextualHelp?: Record<"trigger" | "popover" | "dialog" | "title" | "content", ComponentStyleFunction<string, string>>;
249
249
  DateField?: Record<"segment" | "field" | "action", ComponentStyleFunction<string, string>>;
250
250
  Dialog?: Record<"closeButton" | "container" | "header" | "content" | "actions" | "title", ComponentStyleFunction<string, string>>;
251
251
  Divider?: ComponentStyleFunction<string, string>;
252
252
  Drawer?: Record<"overlay" | "closeButton" | "container" | "header" | "title" | "content" | "actions", ComponentStyleFunction<string, string>>;
253
253
  Field?: ComponentStyleFunction<string, string>;
254
- Footer?: ComponentStyleFunction<string, string>;
255
- Header?: ComponentStyleFunction<string, string>;
256
254
  Headline?: ComponentStyleFunction<string, string>;
257
255
  Popover?: ComponentStyleFunction<string, string>;
258
256
  HelpText?: Record<"container" | "icon", ComponentStyleFunction<string, string>>;
259
257
  IconButton?: ComponentStyleFunction<string, string>;
260
- Image?: ComponentStyleFunction<string, string>;
261
258
  Checkbox?: Record<"container" | "label" | "checkbox" | "group", ComponentStyleFunction<string, string>>;
262
259
  Switch?: Record<"container" | "track" | "thumb", ComponentStyleFunction<string, string>>;
263
260
  Input?: Record<"input" | "icon" | "action", ComponentStyleFunction<string, string>>;
@@ -268,7 +265,7 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
268
265
  Menu?: Record<"container" | "section" | "item" | "button", ComponentStyleFunction<string, string>>;
269
266
  Modal?: ComponentStyleFunction<string, string>;
270
267
  MultiSelect?: Record<"container" | "closeButton" | "field" | "input" | "icon" | "listContainer" | "list" | "option" | "tag" | "valueContainer", ComponentStyleFunction<string, string>>;
271
- Pagination?: Record<"navigationButton" | "pageButton" | "icon", ComponentStyleFunction<string, string>>;
268
+ Pagination?: Record<"container" | "navigationButton" | "pageButton" | "icon" | "ellipsis", ComponentStyleFunction<string, string>>;
272
269
  ProgressCycle?: ComponentStyleFunction<string, string>;
273
270
  Radio?: Record<"container" | "label" | "radio" | "group", ComponentStyleFunction<string, string>>;
274
271
  Slider?: Record<"container" | "track" | "thumb" | "output" | "selectedTrack", ComponentStyleFunction<string, string>>;
@@ -276,10 +273,11 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
276
273
  NumberField?: Record<"group" | "stepper" | "input", ComponentStyleFunction<string, string>>;
277
274
  SectionMessage?: Record<"container" | "icon" | "title" | "content" | "close", ComponentStyleFunction<string, string>>;
278
275
  Table?: Record<"table" | "headerRow" | "header" | "thead" | "body" | "row" | "cell", ComponentStyleFunction<string, string>>;
279
- Tag?: Record<"tag" | "listItems" | "closeButton", ComponentStyleFunction<string, string>>;
276
+ Tag?: Record<"container" | "tag" | "listItems" | "closeButton" | "removeAll", ComponentStyleFunction<string, string>>;
280
277
  Text?: ComponentStyleFunction<string, string>;
281
278
  TextArea?: ComponentStyleFunction<string, string>;
282
279
  Tooltip?: Record<"container" | "arrow", ComponentStyleFunction<string, string>>;
280
+ Toast?: Record<"toast" | "title" | "description" | "closeButton" | "icon" | "content" | "bottom-left" | "bottom-right" | "top-left" | "top-right" | "top" | "bottom", ComponentStyleFunction<string, string>>;
283
281
  Tabs?: Record<"container" | "tabsList" | "tabpanel" | "tab", ComponentStyleFunction<string, string>>;
284
282
  Underlay?: ComponentStyleFunction<string, string>;
285
283
  Calendar?: Record<"calendar" | "calendarListboxButton" | "calendarCell" | "calendarControllers" | "calendarHeader" | "calendarGrid" | "select", ComponentStyleFunction<string, string>>;
@@ -886,25 +884,6 @@ declare const aspect: {
886
884
  ultrawide: string;
887
885
  golden: string;
888
886
  };
889
- declare const objectFit: {
890
- contain: string;
891
- cover: string;
892
- fill: string;
893
- none: string;
894
- scaleDown: string;
895
- };
896
- declare const objectPosition: {
897
- none: undefined;
898
- bottom: string;
899
- center: string;
900
- left: string;
901
- leftBottom: string;
902
- leftTop: string;
903
- right: string;
904
- rightBottom: string;
905
- rightTop: string;
906
- top: string;
907
- };
908
887
  declare const cursorStyle: {
909
888
  auto: string;
910
889
  default: string;
@@ -977,18 +956,6 @@ type GapSpaceProp = {
977
956
  */
978
957
  space?: keyof typeof gapSpace;
979
958
  };
980
- type ObjectFitProp = {
981
- /**
982
- * Set the object-fit property for the element.
983
- */
984
- fit?: keyof typeof objectFit;
985
- };
986
- type ObjectPositionProp = {
987
- /**
988
- * Set the object-position property for the element. You can see allowed tokens [here](https://tailwindcss.com/docs/object-position).
989
- */
990
- position?: keyof typeof objectPosition;
991
- };
992
959
  type PaddingSpaceProp = {
993
960
  /**
994
961
  * Set the padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
@@ -1062,4 +1029,4 @@ type HeightProp = {
1062
1029
  height?: keyof typeof height;
1063
1030
  };
1064
1031
 
1065
- export { type AlignmentProp, type AspectProp, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type HeightProp, type MaxWidthProp, type NestedStringObject, type NumerFormatterOptions, NumericFormat, type ObjectFitProp, type ObjectPositionProp, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type Theme, type ThemeComponent, type ThemeComponentParts, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, ensureCssVar, extendTheme, fontWeight, gapSpace, get, height, isValidCssCustomPropertyName, maxWidth, objectFit, objectPosition, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
1032
+ export { type AlignmentProp, type AspectProp, type ComponentClassNames, type ComponentNames, type ComponentState, type ComponentStyleFunction, type Config, type ConfigSchema, type ConfigVariants, type ConfigVariantsMulti, type CursorProp, DateFormat, type FontSizeProp, type FontStyleProp, type FontWeightProp, type GapSpaceProp, type HeightProp, type MaxWidthProp, type NestedStringObject, type NumerFormatterOptions, NumericFormat, type PaddingBottomProp, type PaddingLeftProp, type PaddingRightProp, type PaddingSpaceProp, type PaddingSpacePropX, type PaddingSpacePropY, type PaddingTopProp, type PlaceItemsProp, type Props, SVG, type SVGProps, type StateAttrKeyProps, type StateAttrProps, type StylesProps, type TextAlignProp, type Theme, type ThemeComponent, type ThemeComponentParts, ThemeProvider, type ThemeProviderProps, type UseClassNamesProps, type UseStateProps, type WidthProp, alignment, aspect, cn, createVar, cursorStyle, cva, defaultTheme, ensureCssVar, extendTheme, fontWeight, gapSpace, get, height, isValidCssCustomPropertyName, maxWidth, paddingBottom, paddingLeft, paddingRight, paddingSpace, paddingSpaceX, paddingSpaceY, paddingTop, placeItems, textAlign, textSize, textStyle, useClassNames, useResponsiveValue, useSmallScreen, useStateProps, useTheme, width };
package/dist/index.js CHANGED
@@ -49,8 +49,6 @@ __export(index_exports, {
49
49
  height: () => height,
50
50
  isValidCssCustomPropertyName: () => isValidCssCustomPropertyName,
51
51
  maxWidth: () => maxWidth,
52
- objectFit: () => objectFit,
53
- objectPosition: () => objectPosition,
54
52
  paddingBottom: () => paddingBottom,
55
53
  paddingLeft: () => paddingLeft,
56
54
  paddingRight: () => paddingRight,
@@ -122,10 +120,10 @@ var SVG = (0, import_react.forwardRef)(
122
120
  var import_react2 = __toESM(require("react"));
123
121
  var import_i18n = require("@react-aria/i18n");
124
122
  var DateFormat = ({ value, tabular, ...props }) => {
125
- const dateFormatter = (0, import_i18n.useDateFormatter)({
123
+ const formatter = (0, import_i18n.useDateFormatter)({
126
124
  ...props
127
125
  });
128
- return /* @__PURE__ */ import_react2.default.createElement("span", { className: tabular ? "tabular-nums" : "" }, dateFormatter.format(value));
126
+ return /* @__PURE__ */ import_react2.default.createElement("span", { className: tabular ? "tabular-nums" : "" }, Array.isArray(value) ? formatter.formatRange(value[0], value[1]) : formatter.format(value));
129
127
  };
130
128
 
131
129
  // src/components/Formatters/NumericFormat.tsx
@@ -939,25 +937,6 @@ var aspect = {
939
937
  ultrawide: "aspect-18/5",
940
938
  golden: "aspect-[1.6180/1]"
941
939
  };
942
- var objectFit = {
943
- contain: "object-contain",
944
- cover: "object-cover",
945
- fill: "object-fill",
946
- none: "unset",
947
- scaleDown: "object-scale-down"
948
- };
949
- var objectPosition = {
950
- none: void 0,
951
- bottom: "object-bottom",
952
- center: "object-center",
953
- left: "object-left",
954
- leftBottom: "object-left-bottom",
955
- leftTop: "object-left-top",
956
- right: "object-right",
957
- rightBottom: "object-right-bottom",
958
- rightTop: "object-right-top",
959
- top: "object-top"
960
- };
961
940
  var cursorStyle = {
962
941
  auto: "cursor-auto",
963
942
  default: "cursor-default",
@@ -1006,8 +985,6 @@ var cursorStyle = {
1006
985
  height,
1007
986
  isValidCssCustomPropertyName,
1008
987
  maxWidth,
1009
- objectFit,
1010
- objectPosition,
1011
988
  paddingBottom,
1012
989
  paddingLeft,
1013
990
  paddingRight,
package/dist/index.mjs CHANGED
@@ -49,10 +49,10 @@ var SVG = forwardRef(
49
49
  import React2 from "react";
50
50
  import { useDateFormatter } from "@react-aria/i18n";
51
51
  var DateFormat = ({ value, tabular, ...props }) => {
52
- const dateFormatter = useDateFormatter({
52
+ const formatter = useDateFormatter({
53
53
  ...props
54
54
  });
55
- return /* @__PURE__ */ React2.createElement("span", { className: tabular ? "tabular-nums" : "" }, dateFormatter.format(value));
55
+ return /* @__PURE__ */ React2.createElement("span", { className: tabular ? "tabular-nums" : "" }, Array.isArray(value) ? formatter.formatRange(value[0], value[1]) : formatter.format(value));
56
56
  };
57
57
 
58
58
  // src/components/Formatters/NumericFormat.tsx
@@ -866,25 +866,6 @@ var aspect = {
866
866
  ultrawide: "aspect-18/5",
867
867
  golden: "aspect-[1.6180/1]"
868
868
  };
869
- var objectFit = {
870
- contain: "object-contain",
871
- cover: "object-cover",
872
- fill: "object-fill",
873
- none: "unset",
874
- scaleDown: "object-scale-down"
875
- };
876
- var objectPosition = {
877
- none: void 0,
878
- bottom: "object-bottom",
879
- center: "object-center",
880
- left: "object-left",
881
- leftBottom: "object-left-bottom",
882
- leftTop: "object-left-top",
883
- right: "object-right",
884
- rightBottom: "object-right-bottom",
885
- rightTop: "object-right-top",
886
- top: "object-top"
887
- };
888
869
  var cursorStyle = {
889
870
  auto: "cursor-auto",
890
871
  default: "cursor-default",
@@ -932,8 +913,6 @@ export {
932
913
  height,
933
914
  isValidCssCustomPropertyName,
934
915
  maxWidth,
935
- objectFit,
936
- objectPosition,
937
916
  paddingBottom,
938
917
  paddingLeft,
939
918
  paddingRight,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marigold/system",
3
- "version": "14.0.0",
3
+ "version": "15.0.0",
4
4
  "description": "Marigold System Library",
5
5
  "license": "MIT",
6
6
  "keywords": [
@@ -34,25 +34,25 @@
34
34
  "directory": "packages/system"
35
35
  },
36
36
  "dependencies": {
37
- "@react-aria/i18n": "3.12.10",
37
+ "@react-aria/i18n": "3.12.11",
38
38
  "class-variance-authority": "0.7.1",
39
39
  "deepmerge": "4.3.1",
40
40
  "react-fast-compare": "3.2.2",
41
41
  "tailwind-merge": "3.3.1",
42
- "@marigold/types": "1.3.1"
42
+ "@marigold/types": "1.3.2"
43
43
  },
44
44
  "peerDependencies": {
45
45
  "react": ">=17.0.0",
46
46
  "react-dom": ">=17.0.0"
47
47
  },
48
48
  "devDependencies": {
49
- "@babel/core": "7.27.7",
50
- "@types/react": "19.1.8",
49
+ "@babel/core": "7.28.3",
50
+ "@types/react": "19.1.9",
51
51
  "postcss": "8.5.6",
52
- "react": "19.1.0",
52
+ "react": "19.1.1",
53
53
  "tailwindcss": "4.1.11",
54
- "tsup": "8.4.0",
55
- "@marigold/tsconfig": "0.4.0"
54
+ "tsup": "8.5.0",
55
+ "@marigold/tsconfig": "0.4.1"
56
56
  },
57
57
  "scripts": {
58
58
  "build": "tsup src/index.ts",