@marigold/system 14.1.1 → 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 +6 -43
  2. package/dist/index.d.ts +6 -43
  3. package/dist/index.js +2 -25
  4. package/dist/index.mjs +2 -23
  5. package/package.json +2 -2
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,24 +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>;
127
126
  Breadcrumbs?: Record<'container' | 'item' | 'link' | 'current', ComponentStyleFunction<string, string>>;
128
127
  Button?: ComponentStyleFunction<string, string>;
129
128
  Card?: ComponentStyleFunction<string, string>;
130
129
  CloseButton?: ComponentStyleFunction<string, string>;
130
+ Collapsible?: Record<'container' | 'trigger' | 'content', ComponentStyleFunction<string, string>>;
131
131
  ContextualHelp?: Record<'trigger' | 'popover' | 'dialog' | 'title' | 'content', ComponentStyleFunction<string, string>>;
132
132
  DateField?: Record<'segment' | 'field' | 'action', ComponentStyleFunction<string, string>>;
133
133
  Dialog?: Record<'closeButton' | 'container' | 'header' | 'content' | 'actions' | 'title', ComponentStyleFunction<string, string>>;
134
134
  Divider?: ComponentStyleFunction<string, string>;
135
135
  Drawer?: Record<'overlay' | 'closeButton' | 'container' | 'header' | 'title' | 'content' | 'actions', ComponentStyleFunction<string, string>>;
136
136
  Field?: ComponentStyleFunction<string, string>;
137
- Footer?: ComponentStyleFunction<string, string>;
138
- Header?: ComponentStyleFunction<string, string>;
139
137
  Headline?: ComponentStyleFunction<string, string>;
140
138
  Popover?: ComponentStyleFunction<string, string>;
141
139
  HelpText?: Record<'container' | 'icon', ComponentStyleFunction<string, string>>;
142
140
  IconButton?: ComponentStyleFunction<string, string>;
143
- Image?: ComponentStyleFunction<string, string>;
144
141
  Checkbox?: Record<'container' | 'label' | 'checkbox' | 'group', ComponentStyleFunction<string, string>>;
145
142
  Switch?: Record<'container' | 'track' | 'thumb', ComponentStyleFunction<string, string>>;
146
143
  Input?: Record<'input' | 'icon' | 'action', ComponentStyleFunction<string, string>>;
@@ -159,7 +156,7 @@ type Theme = {
159
156
  NumberField?: Record<'group' | 'stepper' | 'input', ComponentStyleFunction<string, string>>;
160
157
  SectionMessage?: Record<'container' | 'icon' | 'title' | 'content' | 'close', ComponentStyleFunction<string, string>>;
161
158
  Table?: Record<'table' | 'headerRow' | 'header' | 'thead' | 'body' | 'row' | 'cell', ComponentStyleFunction<string, string>>;
162
- Tag?: Record<'tag' | 'listItems' | 'closeButton', ComponentStyleFunction<string, string>>;
159
+ Tag?: Record<'container' | 'tag' | 'listItems' | 'closeButton' | 'removeAll', ComponentStyleFunction<string, string>>;
163
160
  Text?: ComponentStyleFunction<string, string>;
164
161
  TextArea?: ComponentStyleFunction<string, string>;
165
162
  Tooltip?: Record<'container' | 'arrow', ComponentStyleFunction<string, string>>;
@@ -243,24 +240,21 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
243
240
  components: {
244
241
  Accordion?: Record<"container" | "item" | "header" | "content" | "icon", ComponentStyleFunction<string, string>>;
245
242
  Badge?: ComponentStyleFunction<string, string>;
246
- Body?: ComponentStyleFunction<string, string>;
247
243
  Breadcrumbs?: Record<"container" | "item" | "link" | "current", ComponentStyleFunction<string, string>>;
248
244
  Button?: ComponentStyleFunction<string, string>;
249
245
  Card?: ComponentStyleFunction<string, string>;
250
246
  CloseButton?: ComponentStyleFunction<string, string>;
247
+ Collapsible?: Record<"container" | "trigger" | "content", ComponentStyleFunction<string, string>>;
251
248
  ContextualHelp?: Record<"trigger" | "popover" | "dialog" | "title" | "content", ComponentStyleFunction<string, string>>;
252
249
  DateField?: Record<"segment" | "field" | "action", ComponentStyleFunction<string, string>>;
253
250
  Dialog?: Record<"closeButton" | "container" | "header" | "content" | "actions" | "title", ComponentStyleFunction<string, string>>;
254
251
  Divider?: ComponentStyleFunction<string, string>;
255
252
  Drawer?: Record<"overlay" | "closeButton" | "container" | "header" | "title" | "content" | "actions", ComponentStyleFunction<string, string>>;
256
253
  Field?: ComponentStyleFunction<string, string>;
257
- Footer?: ComponentStyleFunction<string, string>;
258
- Header?: ComponentStyleFunction<string, string>;
259
254
  Headline?: ComponentStyleFunction<string, string>;
260
255
  Popover?: ComponentStyleFunction<string, string>;
261
256
  HelpText?: Record<"container" | "icon", ComponentStyleFunction<string, string>>;
262
257
  IconButton?: ComponentStyleFunction<string, string>;
263
- Image?: ComponentStyleFunction<string, string>;
264
258
  Checkbox?: Record<"container" | "label" | "checkbox" | "group", ComponentStyleFunction<string, string>>;
265
259
  Switch?: Record<"container" | "track" | "thumb", ComponentStyleFunction<string, string>>;
266
260
  Input?: Record<"input" | "icon" | "action", ComponentStyleFunction<string, string>>;
@@ -279,7 +273,7 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
279
273
  NumberField?: Record<"group" | "stepper" | "input", ComponentStyleFunction<string, string>>;
280
274
  SectionMessage?: Record<"container" | "icon" | "title" | "content" | "close", ComponentStyleFunction<string, string>>;
281
275
  Table?: Record<"table" | "headerRow" | "header" | "thead" | "body" | "row" | "cell", ComponentStyleFunction<string, string>>;
282
- Tag?: Record<"tag" | "listItems" | "closeButton", ComponentStyleFunction<string, string>>;
276
+ Tag?: Record<"container" | "tag" | "listItems" | "closeButton" | "removeAll", ComponentStyleFunction<string, string>>;
283
277
  Text?: ComponentStyleFunction<string, string>;
284
278
  TextArea?: ComponentStyleFunction<string, string>;
285
279
  Tooltip?: Record<"container" | "arrow", ComponentStyleFunction<string, string>>;
@@ -890,25 +884,6 @@ declare const aspect: {
890
884
  ultrawide: string;
891
885
  golden: string;
892
886
  };
893
- declare const objectFit: {
894
- contain: string;
895
- cover: string;
896
- fill: string;
897
- none: string;
898
- scaleDown: string;
899
- };
900
- declare const objectPosition: {
901
- none: undefined;
902
- bottom: string;
903
- center: string;
904
- left: string;
905
- leftBottom: string;
906
- leftTop: string;
907
- right: string;
908
- rightBottom: string;
909
- rightTop: string;
910
- top: string;
911
- };
912
887
  declare const cursorStyle: {
913
888
  auto: string;
914
889
  default: string;
@@ -981,18 +956,6 @@ type GapSpaceProp = {
981
956
  */
982
957
  space?: keyof typeof gapSpace;
983
958
  };
984
- type ObjectFitProp = {
985
- /**
986
- * Set the object-fit property for the element.
987
- */
988
- fit?: keyof typeof objectFit;
989
- };
990
- type ObjectPositionProp = {
991
- /**
992
- * Set the object-position property for the element. You can see allowed tokens [here](https://tailwindcss.com/docs/object-position).
993
- */
994
- position?: keyof typeof objectPosition;
995
- };
996
959
  type PaddingSpaceProp = {
997
960
  /**
998
961
  * Set the padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
@@ -1066,4 +1029,4 @@ type HeightProp = {
1066
1029
  height?: keyof typeof height;
1067
1030
  };
1068
1031
 
1069
- 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,24 +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>;
127
126
  Breadcrumbs?: Record<'container' | 'item' | 'link' | 'current', ComponentStyleFunction<string, string>>;
128
127
  Button?: ComponentStyleFunction<string, string>;
129
128
  Card?: ComponentStyleFunction<string, string>;
130
129
  CloseButton?: ComponentStyleFunction<string, string>;
130
+ Collapsible?: Record<'container' | 'trigger' | 'content', ComponentStyleFunction<string, string>>;
131
131
  ContextualHelp?: Record<'trigger' | 'popover' | 'dialog' | 'title' | 'content', ComponentStyleFunction<string, string>>;
132
132
  DateField?: Record<'segment' | 'field' | 'action', ComponentStyleFunction<string, string>>;
133
133
  Dialog?: Record<'closeButton' | 'container' | 'header' | 'content' | 'actions' | 'title', ComponentStyleFunction<string, string>>;
134
134
  Divider?: ComponentStyleFunction<string, string>;
135
135
  Drawer?: Record<'overlay' | 'closeButton' | 'container' | 'header' | 'title' | 'content' | 'actions', ComponentStyleFunction<string, string>>;
136
136
  Field?: ComponentStyleFunction<string, string>;
137
- Footer?: ComponentStyleFunction<string, string>;
138
- Header?: ComponentStyleFunction<string, string>;
139
137
  Headline?: ComponentStyleFunction<string, string>;
140
138
  Popover?: ComponentStyleFunction<string, string>;
141
139
  HelpText?: Record<'container' | 'icon', ComponentStyleFunction<string, string>>;
142
140
  IconButton?: ComponentStyleFunction<string, string>;
143
- Image?: ComponentStyleFunction<string, string>;
144
141
  Checkbox?: Record<'container' | 'label' | 'checkbox' | 'group', ComponentStyleFunction<string, string>>;
145
142
  Switch?: Record<'container' | 'track' | 'thumb', ComponentStyleFunction<string, string>>;
146
143
  Input?: Record<'input' | 'icon' | 'action', ComponentStyleFunction<string, string>>;
@@ -159,7 +156,7 @@ type Theme = {
159
156
  NumberField?: Record<'group' | 'stepper' | 'input', ComponentStyleFunction<string, string>>;
160
157
  SectionMessage?: Record<'container' | 'icon' | 'title' | 'content' | 'close', ComponentStyleFunction<string, string>>;
161
158
  Table?: Record<'table' | 'headerRow' | 'header' | 'thead' | 'body' | 'row' | 'cell', ComponentStyleFunction<string, string>>;
162
- Tag?: Record<'tag' | 'listItems' | 'closeButton', ComponentStyleFunction<string, string>>;
159
+ Tag?: Record<'container' | 'tag' | 'listItems' | 'closeButton' | 'removeAll', ComponentStyleFunction<string, string>>;
163
160
  Text?: ComponentStyleFunction<string, string>;
164
161
  TextArea?: ComponentStyleFunction<string, string>;
165
162
  Tooltip?: Record<'container' | 'arrow', ComponentStyleFunction<string, string>>;
@@ -243,24 +240,21 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
243
240
  components: {
244
241
  Accordion?: Record<"container" | "item" | "header" | "content" | "icon", ComponentStyleFunction<string, string>>;
245
242
  Badge?: ComponentStyleFunction<string, string>;
246
- Body?: ComponentStyleFunction<string, string>;
247
243
  Breadcrumbs?: Record<"container" | "item" | "link" | "current", ComponentStyleFunction<string, string>>;
248
244
  Button?: ComponentStyleFunction<string, string>;
249
245
  Card?: ComponentStyleFunction<string, string>;
250
246
  CloseButton?: ComponentStyleFunction<string, string>;
247
+ Collapsible?: Record<"container" | "trigger" | "content", ComponentStyleFunction<string, string>>;
251
248
  ContextualHelp?: Record<"trigger" | "popover" | "dialog" | "title" | "content", ComponentStyleFunction<string, string>>;
252
249
  DateField?: Record<"segment" | "field" | "action", ComponentStyleFunction<string, string>>;
253
250
  Dialog?: Record<"closeButton" | "container" | "header" | "content" | "actions" | "title", ComponentStyleFunction<string, string>>;
254
251
  Divider?: ComponentStyleFunction<string, string>;
255
252
  Drawer?: Record<"overlay" | "closeButton" | "container" | "header" | "title" | "content" | "actions", ComponentStyleFunction<string, string>>;
256
253
  Field?: ComponentStyleFunction<string, string>;
257
- Footer?: ComponentStyleFunction<string, string>;
258
- Header?: ComponentStyleFunction<string, string>;
259
254
  Headline?: ComponentStyleFunction<string, string>;
260
255
  Popover?: ComponentStyleFunction<string, string>;
261
256
  HelpText?: Record<"container" | "icon", ComponentStyleFunction<string, string>>;
262
257
  IconButton?: ComponentStyleFunction<string, string>;
263
- Image?: ComponentStyleFunction<string, string>;
264
258
  Checkbox?: Record<"container" | "label" | "checkbox" | "group", ComponentStyleFunction<string, string>>;
265
259
  Switch?: Record<"container" | "track" | "thumb", ComponentStyleFunction<string, string>>;
266
260
  Input?: Record<"input" | "icon" | "action", ComponentStyleFunction<string, string>>;
@@ -279,7 +273,7 @@ declare const extendTheme: (newStyles: StylesProps, theme: Theme) => {
279
273
  NumberField?: Record<"group" | "stepper" | "input", ComponentStyleFunction<string, string>>;
280
274
  SectionMessage?: Record<"container" | "icon" | "title" | "content" | "close", ComponentStyleFunction<string, string>>;
281
275
  Table?: Record<"table" | "headerRow" | "header" | "thead" | "body" | "row" | "cell", ComponentStyleFunction<string, string>>;
282
- Tag?: Record<"tag" | "listItems" | "closeButton", ComponentStyleFunction<string, string>>;
276
+ Tag?: Record<"container" | "tag" | "listItems" | "closeButton" | "removeAll", ComponentStyleFunction<string, string>>;
283
277
  Text?: ComponentStyleFunction<string, string>;
284
278
  TextArea?: ComponentStyleFunction<string, string>;
285
279
  Tooltip?: Record<"container" | "arrow", ComponentStyleFunction<string, string>>;
@@ -890,25 +884,6 @@ declare const aspect: {
890
884
  ultrawide: string;
891
885
  golden: string;
892
886
  };
893
- declare const objectFit: {
894
- contain: string;
895
- cover: string;
896
- fill: string;
897
- none: string;
898
- scaleDown: string;
899
- };
900
- declare const objectPosition: {
901
- none: undefined;
902
- bottom: string;
903
- center: string;
904
- left: string;
905
- leftBottom: string;
906
- leftTop: string;
907
- right: string;
908
- rightBottom: string;
909
- rightTop: string;
910
- top: string;
911
- };
912
887
  declare const cursorStyle: {
913
888
  auto: string;
914
889
  default: string;
@@ -981,18 +956,6 @@ type GapSpaceProp = {
981
956
  */
982
957
  space?: keyof typeof gapSpace;
983
958
  };
984
- type ObjectFitProp = {
985
- /**
986
- * Set the object-fit property for the element.
987
- */
988
- fit?: keyof typeof objectFit;
989
- };
990
- type ObjectPositionProp = {
991
- /**
992
- * Set the object-position property for the element. You can see allowed tokens [here](https://tailwindcss.com/docs/object-position).
993
- */
994
- position?: keyof typeof objectPosition;
995
- };
996
959
  type PaddingSpaceProp = {
997
960
  /**
998
961
  * Set the padding space for the element. You can see allowed tokens [here](../../foundations/design-tokens?theme=core#spacing).
@@ -1066,4 +1029,4 @@ type HeightProp = {
1066
1029
  height?: keyof typeof height;
1067
1030
  };
1068
1031
 
1069
- 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.1.1",
3
+ "version": "15.0.0",
4
4
  "description": "Marigold System Library",
5
5
  "license": "MIT",
6
6
  "keywords": [
@@ -46,7 +46,7 @@
46
46
  "react-dom": ">=17.0.0"
47
47
  },
48
48
  "devDependencies": {
49
- "@babel/core": "7.28.0",
49
+ "@babel/core": "7.28.3",
50
50
  "@types/react": "19.1.9",
51
51
  "postcss": "8.5.6",
52
52
  "react": "19.1.1",