achery-ui 0.13.1 → 0.14.1

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.
@@ -35,6 +35,11 @@ var palette = {
35
35
  fern: "#36643e",
36
36
  fernDeep: "#1d4825",
37
37
  fernLight: "#618d67",
38
+ // Olive — muted yellow-green, drab and earthy. Distinct from moss (blue-green),
39
+ // fern (pure green), and ochre (gold).
40
+ olive: "#5a5a2a",
41
+ oliveDeep: "#3f3f1c",
42
+ oliveLight: "#8a8a52",
38
43
  blush: "#955c63",
39
44
  blushDeep: "#713f45",
40
45
  blushLight: "#bc848a",
@@ -142,10 +147,17 @@ var accentColors = {
142
147
  deep: palette.blushDeep,
143
148
  fg: palette.paper,
144
149
  fgDark: palette.inkDeep
150
+ },
151
+ olive: {
152
+ main: palette.olive,
153
+ light: palette.oliveLight,
154
+ deep: palette.oliveDeep,
155
+ fg: palette.paper,
156
+ fgDark: palette.inkDeep
145
157
  }
146
158
  };
147
159
  var accentColorNames = Object.keys(accentColors);
148
160
 
149
161
  export { accentColorNames, accentColors, palette };
150
- //# sourceMappingURL=chunk-NBDD2PAR.js.map
151
- //# sourceMappingURL=chunk-NBDD2PAR.js.map
162
+ //# sourceMappingURL=chunk-22UR75CB.js.map
163
+ //# sourceMappingURL=chunk-22UR75CB.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/tokens/palette.ts","../src/tokens/accents.ts"],"names":[],"mappings":"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","file":"chunk-22UR75CB.js","sourcesContent":["export const palette = {\n ink: '#1f1d18',\n inkDeep: '#14130f',\n\n paper: '#fbf8f0',\n paperWarm: '#f0e9d6',\n paperToasted: '#e6dec5',\n cream: '#e8dfc8',\n creamSoft: '#d8cdb0',\n\n mossDeep: '#2e3a20',\n moss: '#4a5a32',\n mossMid: '#6b7a48',\n mossLight: '#8da866',\n sage: '#b6c898',\n\n terracotta: '#c46a3a',\n terracottaDeep: '#a05526',\n terracottaLight: '#d97a4a',\n\n plum: '#5d4a6a',\n plumMid: '#7a5e8a',\n plumLight: '#8b6fa8',\n\n rust: '#8a3a22',\n ochre: '#b8924a',\n\n slate: '#195a73',\n slateDeep: '#004157',\n slateLight: '#5189a1',\n\n verdigris: '#00685f',\n verdigrisDeep: '#004d46',\n verdigrisLight: '#3f9086',\n\n mauve: '#76425b',\n mauveDeep: '#5a2b43',\n mauveLight: '#a56c87',\n\n amber: '#9a6839',\n amberDeep: '#76491d',\n amberLight: '#be8c61',\n\n fern: '#36643e',\n fernDeep: '#1d4825',\n fernLight: '#618d67',\n\n // Olive — muted yellow-green, drab and earthy. Distinct from moss (blue-green),\n // fern (pure green), and ochre (gold).\n olive: '#5a5a2a',\n oliveDeep: '#3f3f1c',\n oliveLight: '#8a8a52',\n\n blush: '#955c63',\n blushDeep: '#713f45',\n blushLight: '#bc848a',\n\n leather: '#6b3a26',\n leatherMid: '#8a4e34',\n leatherLight: '#a86a48',\n\n copper: '#b8742a',\n copperDeep: '#8a531a',\n copperLight: '#d68f48',\n copperPatina: '#5a7a6a',\n\n silver: '#a8a098',\n silverDeep: '#6e6a62',\n silverLight: '#c8c0b6',\n\n wood: '#7a5a3a',\n woodLight: '#a88660',\n woodDeep: '#4a3422',\n\n gold: '#c69a4a',\n goldDeep: '#9a7430',\n goldLight: '#e0bc70',\n\n success: '#6ba03d',\n} as const\n\nexport type PaletteKey = keyof typeof palette\n","import { palette } from './palette'\nimport type { AccentColor } from '../types/theme'\n\nexport type { AccentColor }\n\nexport const accentColors: Record<AccentColor, {\n readonly main: string\n readonly light: string\n readonly deep: string\n readonly fg: string\n readonly fgDark: string\n}> = {\n terracotta: {\n main: palette.terracotta,\n light: palette.terracottaLight,\n deep: palette.terracottaDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n moss: {\n main: palette.moss,\n light: palette.mossLight,\n deep: palette.mossDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n plum: {\n main: palette.plum,\n light: palette.plumLight,\n deep: palette.plum,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n ochre: {\n main: palette.ochre,\n light: palette.goldLight,\n deep: palette.goldDeep,\n fg: palette.ink,\n fgDark: palette.ink,\n },\n rust: {\n main: palette.rust,\n light: palette.terracotta,\n deep: palette.rust,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n copper: {\n main: palette.copper,\n light: palette.copperLight,\n deep: palette.copperDeep,\n fg: palette.ink,\n fgDark: palette.ink,\n },\n slate: {\n main: palette.slate,\n light: palette.slateLight,\n deep: palette.slateDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n verdigris: {\n main: palette.verdigris,\n light: palette.verdigrisLight,\n deep: palette.verdigrisDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n mauve: {\n main: palette.mauve,\n light: palette.mauveLight,\n deep: palette.mauveDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n amber: {\n main: palette.amber,\n light: palette.amberLight,\n deep: palette.amberDeep,\n fg: palette.ink,\n fgDark: palette.ink,\n },\n fern: {\n main: palette.fern,\n light: palette.fernLight,\n deep: palette.fernDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n blush: {\n main: palette.blush,\n light: palette.blushLight,\n deep: palette.blushDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n olive: {\n main: palette.olive,\n light: palette.oliveLight,\n deep: palette.oliveDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n} as const\n\nexport const accentColorNames = Object.keys(accentColors) as AccentColor[]\n"]}
@@ -37,6 +37,11 @@ var palette = {
37
37
  fern: "#36643e",
38
38
  fernDeep: "#1d4825",
39
39
  fernLight: "#618d67",
40
+ // Olive — muted yellow-green, drab and earthy. Distinct from moss (blue-green),
41
+ // fern (pure green), and ochre (gold).
42
+ olive: "#5a5a2a",
43
+ oliveDeep: "#3f3f1c",
44
+ oliveLight: "#8a8a52",
40
45
  blush: "#955c63",
41
46
  blushDeep: "#713f45",
42
47
  blushLight: "#bc848a",
@@ -144,6 +149,13 @@ var accentColors = {
144
149
  deep: palette.blushDeep,
145
150
  fg: palette.paper,
146
151
  fgDark: palette.inkDeep
152
+ },
153
+ olive: {
154
+ main: palette.olive,
155
+ light: palette.oliveLight,
156
+ deep: palette.oliveDeep,
157
+ fg: palette.paper,
158
+ fgDark: palette.inkDeep
147
159
  }
148
160
  };
149
161
  var accentColorNames = Object.keys(accentColors);
@@ -151,5 +163,5 @@ var accentColorNames = Object.keys(accentColors);
151
163
  exports.accentColorNames = accentColorNames;
152
164
  exports.accentColors = accentColors;
153
165
  exports.palette = palette;
154
- //# sourceMappingURL=chunk-QKXPZEGC.cjs.map
155
- //# sourceMappingURL=chunk-QKXPZEGC.cjs.map
166
+ //# sourceMappingURL=chunk-EX44IOFJ.cjs.map
167
+ //# sourceMappingURL=chunk-EX44IOFJ.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/tokens/palette.ts","../src/tokens/accents.ts"],"names":[],"mappings":"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","file":"chunk-EX44IOFJ.cjs","sourcesContent":["export const palette = {\n ink: '#1f1d18',\n inkDeep: '#14130f',\n\n paper: '#fbf8f0',\n paperWarm: '#f0e9d6',\n paperToasted: '#e6dec5',\n cream: '#e8dfc8',\n creamSoft: '#d8cdb0',\n\n mossDeep: '#2e3a20',\n moss: '#4a5a32',\n mossMid: '#6b7a48',\n mossLight: '#8da866',\n sage: '#b6c898',\n\n terracotta: '#c46a3a',\n terracottaDeep: '#a05526',\n terracottaLight: '#d97a4a',\n\n plum: '#5d4a6a',\n plumMid: '#7a5e8a',\n plumLight: '#8b6fa8',\n\n rust: '#8a3a22',\n ochre: '#b8924a',\n\n slate: '#195a73',\n slateDeep: '#004157',\n slateLight: '#5189a1',\n\n verdigris: '#00685f',\n verdigrisDeep: '#004d46',\n verdigrisLight: '#3f9086',\n\n mauve: '#76425b',\n mauveDeep: '#5a2b43',\n mauveLight: '#a56c87',\n\n amber: '#9a6839',\n amberDeep: '#76491d',\n amberLight: '#be8c61',\n\n fern: '#36643e',\n fernDeep: '#1d4825',\n fernLight: '#618d67',\n\n // Olive — muted yellow-green, drab and earthy. Distinct from moss (blue-green),\n // fern (pure green), and ochre (gold).\n olive: '#5a5a2a',\n oliveDeep: '#3f3f1c',\n oliveLight: '#8a8a52',\n\n blush: '#955c63',\n blushDeep: '#713f45',\n blushLight: '#bc848a',\n\n leather: '#6b3a26',\n leatherMid: '#8a4e34',\n leatherLight: '#a86a48',\n\n copper: '#b8742a',\n copperDeep: '#8a531a',\n copperLight: '#d68f48',\n copperPatina: '#5a7a6a',\n\n silver: '#a8a098',\n silverDeep: '#6e6a62',\n silverLight: '#c8c0b6',\n\n wood: '#7a5a3a',\n woodLight: '#a88660',\n woodDeep: '#4a3422',\n\n gold: '#c69a4a',\n goldDeep: '#9a7430',\n goldLight: '#e0bc70',\n\n success: '#6ba03d',\n} as const\n\nexport type PaletteKey = keyof typeof palette\n","import { palette } from './palette'\nimport type { AccentColor } from '../types/theme'\n\nexport type { AccentColor }\n\nexport const accentColors: Record<AccentColor, {\n readonly main: string\n readonly light: string\n readonly deep: string\n readonly fg: string\n readonly fgDark: string\n}> = {\n terracotta: {\n main: palette.terracotta,\n light: palette.terracottaLight,\n deep: palette.terracottaDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n moss: {\n main: palette.moss,\n light: palette.mossLight,\n deep: palette.mossDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n plum: {\n main: palette.plum,\n light: palette.plumLight,\n deep: palette.plum,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n ochre: {\n main: palette.ochre,\n light: palette.goldLight,\n deep: palette.goldDeep,\n fg: palette.ink,\n fgDark: palette.ink,\n },\n rust: {\n main: palette.rust,\n light: palette.terracotta,\n deep: palette.rust,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n copper: {\n main: palette.copper,\n light: palette.copperLight,\n deep: palette.copperDeep,\n fg: palette.ink,\n fgDark: palette.ink,\n },\n slate: {\n main: palette.slate,\n light: palette.slateLight,\n deep: palette.slateDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n verdigris: {\n main: palette.verdigris,\n light: palette.verdigrisLight,\n deep: palette.verdigrisDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n mauve: {\n main: palette.mauve,\n light: palette.mauveLight,\n deep: palette.mauveDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n amber: {\n main: palette.amber,\n light: palette.amberLight,\n deep: palette.amberDeep,\n fg: palette.ink,\n fgDark: palette.ink,\n },\n fern: {\n main: palette.fern,\n light: palette.fernLight,\n deep: palette.fernDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n blush: {\n main: palette.blush,\n light: palette.blushLight,\n deep: palette.blushDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n olive: {\n main: palette.olive,\n light: palette.oliveLight,\n deep: palette.oliveDeep,\n fg: palette.paper,\n fgDark: palette.inkDeep,\n },\n} as const\n\nexport const accentColorNames = Object.keys(accentColors) as AccentColor[]\n"]}
package/dist/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var chunkQKXPZEGC_cjs = require('./chunk-QKXPZEGC.cjs');
3
+ var chunkEX44IOFJ_cjs = require('./chunk-EX44IOFJ.cjs');
4
4
  var chunkWMF2ZDRE_cjs = require('./chunk-WMF2ZDRE.cjs');
5
5
  var react = require('react');
6
6
  var jsxRuntime = require('react/jsx-runtime');
@@ -47,6 +47,7 @@ var AppBarSearchProvider = ({ children }) => {
47
47
  };
48
48
  var useAppBarSearch = () => react.useContext(AppBarSearchContext);
49
49
  var STORAGE_KEY = "achery-theme-mode";
50
+ var ACCENT_STORAGE_KEY = "achery-accent";
50
51
  var ThemeContext = react.createContext(null);
51
52
  function getSystemTheme() {
52
53
  if (typeof window === "undefined") return "light";
@@ -64,6 +65,14 @@ function readStoredMode(fallback) {
64
65
  }
65
66
  return fallback;
66
67
  }
68
+ function readStoredAccent(fallback) {
69
+ try {
70
+ const stored = localStorage.getItem(ACCENT_STORAGE_KEY);
71
+ if (stored) return stored;
72
+ } catch {
73
+ }
74
+ return fallback;
75
+ }
67
76
  function AcheryProvider({
68
77
  children,
69
78
  defaultTheme = "system",
@@ -75,24 +84,25 @@ function AcheryProvider({
75
84
  style
76
85
  }) {
77
86
  const [mode, setModeState] = react.useState(() => readStoredMode(defaultTheme));
78
- const [accent, setAccentState] = react.useState(defaultAccent);
87
+ const [accent, setAccentState] = react.useState(() => readStoredAccent(defaultAccent));
79
88
  const [dial, setDialState] = react.useState(defaultDial);
80
89
  const [material, setMaterialState] = react.useState(defaultMaterial);
81
90
  const [surfaceOrigin] = react.useState(defaultSurfaceOrigin);
82
91
  const [resolvedTheme, setResolvedTheme] = react.useState(() => resolveTheme(readStoredMode(defaultTheme)));
92
+ const mounted = react.useRef(false);
83
93
  react.useEffect(() => {
84
- setModeState(defaultTheme);
85
- setResolvedTheme(resolveTheme(defaultTheme));
86
- }, [defaultTheme]);
87
- react.useEffect(() => {
94
+ if (!mounted.current) {
95
+ mounted.current = true;
96
+ return;
97
+ }
98
+ if (defaultTheme === "light" || defaultTheme === "dark") {
99
+ setModeState(defaultTheme);
100
+ setResolvedTheme(resolveTheme(defaultTheme));
101
+ }
88
102
  setAccentState(defaultAccent);
89
- }, [defaultAccent]);
90
- react.useEffect(() => {
91
103
  setDialState(defaultDial);
92
- }, [defaultDial]);
93
- react.useEffect(() => {
94
104
  setMaterialState(defaultMaterial);
95
- }, [defaultMaterial]);
105
+ }, [defaultTheme, defaultAccent, defaultDial, defaultMaterial]);
96
106
  const setTheme = react.useCallback((next) => {
97
107
  setModeState(next);
98
108
  setResolvedTheme(resolveTheme(next));
@@ -104,7 +114,13 @@ function AcheryProvider({
104
114
  const toggleTheme = react.useCallback(() => {
105
115
  setTheme(resolvedTheme === "light" ? "dark" : "light");
106
116
  }, [resolvedTheme, setTheme]);
107
- const setAccent = react.useCallback((next) => setAccentState(next), []);
117
+ const setAccent = react.useCallback((next) => {
118
+ setAccentState(next);
119
+ try {
120
+ localStorage.setItem(ACCENT_STORAGE_KEY, next);
121
+ } catch {
122
+ }
123
+ }, []);
108
124
  const setDial = react.useCallback((next) => setDialState(next), []);
109
125
  const setMaterial = react.useCallback((next) => setMaterialState(next), []);
110
126
  react.useEffect(() => {
@@ -1978,6 +1994,87 @@ function SearchInput({ className, ...props }) {
1978
1994
  )
1979
1995
  ] });
1980
1996
  }
1997
+
1998
+ // src/components/TagInput/TagInput.css.ts
1999
+ var chip = "TagInput_chip__5mfbv32";
2000
+ var field = "TagInput_field__5mfbv31";
2001
+ var input = "TagInput_input__5mfbv34";
2002
+ var remove = "TagInput_remove__5mfbv33";
2003
+ var suggestion = "TagInput_suggestion__5mfbv36";
2004
+ var suggestions = "TagInput_suggestions__5mfbv35";
2005
+ var wrap = "TagInput_wrap__5mfbv30";
2006
+ var defaultNormalize = (raw) => raw.trim().toLowerCase().replace(/\s+/g, " ");
2007
+ var MAX_SUGGESTIONS = 6;
2008
+ function TagInput({
2009
+ value: value2,
2010
+ onChange,
2011
+ suggestions: suggestions2 = [],
2012
+ placeholder,
2013
+ disabled = false,
2014
+ normalize = defaultNormalize,
2015
+ className,
2016
+ "aria-label": ariaLabel
2017
+ }) {
2018
+ const [draft, setDraft] = react.useState("");
2019
+ const add = (raw) => {
2020
+ const tag2 = normalize(raw);
2021
+ if (tag2 && !value2.includes(tag2)) onChange([...value2, tag2]);
2022
+ setDraft("");
2023
+ };
2024
+ const removeAt = (index) => onChange(value2.filter((_, i) => i !== index));
2025
+ const matches = draft.trim().length > 0 ? suggestions2.filter((s) => s.includes(normalize(draft)) && !value2.includes(s)).slice(0, MAX_SUGGESTIONS) : [];
2026
+ const onKeyDown = (e) => {
2027
+ if (e.key === "Enter") {
2028
+ e.preventDefault();
2029
+ add(draft);
2030
+ } else if (e.key === "Backspace" && !draft && value2.length) {
2031
+ removeAt(value2.length - 1);
2032
+ }
2033
+ };
2034
+ return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [wrap, className].filter(Boolean).join(" "), children: [
2035
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: field, children: [
2036
+ value2.map((tag2, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chip, children: [
2037
+ tag2,
2038
+ !disabled && /* @__PURE__ */ jsxRuntime.jsx(
2039
+ "button",
2040
+ {
2041
+ type: "button",
2042
+ className: remove,
2043
+ "aria-label": `Remove ${tag2}`,
2044
+ onClick: () => removeAt(i),
2045
+ children: /* @__PURE__ */ jsxRuntime.jsx(Glyph, { name: "close", size: 11 })
2046
+ }
2047
+ )
2048
+ ] }, `${tag2}-${i}`)),
2049
+ /* @__PURE__ */ jsxRuntime.jsx(
2050
+ "input",
2051
+ {
2052
+ className: input,
2053
+ value: draft,
2054
+ disabled,
2055
+ onChange: (e) => setDraft(e.target.value),
2056
+ onKeyDown,
2057
+ onBlur: () => add(draft),
2058
+ placeholder: value2.length ? "" : placeholder,
2059
+ "aria-label": ariaLabel
2060
+ }
2061
+ )
2062
+ ] }),
2063
+ matches.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: suggestions, children: matches.map((s) => /* @__PURE__ */ jsxRuntime.jsx(
2064
+ "button",
2065
+ {
2066
+ type: "button",
2067
+ className: suggestion,
2068
+ onMouseDown: (e) => {
2069
+ e.preventDefault();
2070
+ add(s);
2071
+ },
2072
+ children: s
2073
+ },
2074
+ s
2075
+ )) })
2076
+ ] });
2077
+ }
1981
2078
  var card = createRuntimeFn.createRuntimeFn({ defaultClassName: "Card_card__1uprgrr0", variantClassNames: { variant: { flat: "Card_card_variant_flat__1uprgrr1", stamp: "Card_card_variant_stamp__1uprgrr2", stampLg: "Card_card_variant_stampLg__1uprgrr3" }, padding: { none: "Card_card_padding_none__1uprgrr4", sm: "Card_card_padding_sm__1uprgrr5", md: "Card_card_padding_md__1uprgrr6", lg: "Card_card_padding_lg__1uprgrr7" } }, defaultVariants: { variant: "flat", padding: "md" }, compoundVariants: [] });
1982
2079
  var cardHeader = "Card_cardHeader__1uprgrr8";
1983
2080
  function Card({
@@ -2421,7 +2518,7 @@ function AppBar({
2421
2518
  ] }) }),
2422
2519
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: actions, children: [
2423
2520
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: actionsInner, children: [
2424
- onAccentChange && /* @__PURE__ */ jsxRuntime.jsx("div", { className: accentPicker, role: "group", "aria-label": "Brand colour", children: chunkQKXPZEGC_cjs.accentColorNames.map((name) => /* @__PURE__ */ jsxRuntime.jsx(
2521
+ onAccentChange && /* @__PURE__ */ jsxRuntime.jsx("div", { className: accentPicker, role: "group", "aria-label": "Brand colour", children: chunkEX44IOFJ_cjs.accentColorNames.map((name) => /* @__PURE__ */ jsxRuntime.jsx(
2425
2522
  "button",
2426
2523
  {
2427
2524
  className: accentSwatch,
@@ -2429,7 +2526,7 @@ function AppBar({
2429
2526
  onClick: () => onAccentChange(name),
2430
2527
  "aria-label": name,
2431
2528
  "aria-pressed": name === accent,
2432
- style: { background: chunkQKXPZEGC_cjs.accentColors[name].main }
2529
+ style: { background: chunkEX44IOFJ_cjs.accentColors[name].main }
2433
2530
  },
2434
2531
  name
2435
2532
  )) }),
@@ -2760,7 +2857,7 @@ function Menu({ trigger: trigger3, items, side = "bottom", align = "end", classN
2760
2857
  }
2761
2858
 
2762
2859
  // src/components/DatePicker/DatePicker.css.ts
2763
- var input = "DatePicker_input__1etdrw71";
2860
+ var input2 = "DatePicker_input__1etdrw71";
2764
2861
  var statusIcon2 = "DatePicker_statusIcon__1etdrw73";
2765
2862
  var statusIconVariants2 = { saving: "DatePicker_statusIconVariants_saving__1etdrw74", saved: "DatePicker_statusIconVariants_saved__1etdrw75", error: "DatePicker_statusIconVariants_error__1etdrw76" };
2766
2863
  var wrapper3 = "DatePicker_wrapper__1etdrw72";
@@ -2778,7 +2875,7 @@ function DatePicker({
2778
2875
  ...rest
2779
2876
  }) {
2780
2877
  const hasStatus = status && status !== "idle";
2781
- const input3 = /* @__PURE__ */ jsxRuntime.jsx(
2878
+ const input4 = /* @__PURE__ */ jsxRuntime.jsx(
2782
2879
  "input",
2783
2880
  {
2784
2881
  type,
@@ -2790,21 +2887,21 @@ function DatePicker({
2790
2887
  placeholder,
2791
2888
  "data-error": error || void 0,
2792
2889
  "data-has-status": hasStatus || void 0,
2793
- className: [input, !hasStatus && className].filter(Boolean).join(" "),
2890
+ className: [input2, !hasStatus && className].filter(Boolean).join(" "),
2794
2891
  ...rest
2795
2892
  }
2796
2893
  );
2797
- if (!hasStatus) return input3;
2894
+ if (!hasStatus) return input4;
2798
2895
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: [wrapper3, className].filter(Boolean).join(" "), children: [
2799
- input3,
2896
+ input4,
2800
2897
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: [statusIcon2, statusIconVariants2[status]].join(" "), "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(Glyph, { name: status === "saving" ? "spinner" : status === "saved" ? "tick" : "cross", size: 12 }) })
2801
2898
  ] });
2802
2899
  }
2803
2900
 
2804
2901
  // src/components/Combobox/Combobox.css.ts
2805
- var chip = "Combobox_chip__1irfr5o2";
2902
+ var chip2 = "Combobox_chip__1irfr5o2";
2806
2903
  var chipRemove = "Combobox_chipRemove__1irfr5o3";
2807
- var input2 = "Combobox_input__1irfr5o4";
2904
+ var input3 = "Combobox_input__1irfr5o4";
2808
2905
  var option = "Combobox_option__1irfr5o7";
2809
2906
  var optionCheck = "Combobox_optionCheck__1irfr5o8";
2810
2907
  var popover = "Combobox_popover__1irfr5o6";
@@ -2891,7 +2988,7 @@ function Combobox({
2891
2988
  "data-open": showDropdown || void 0,
2892
2989
  "data-error": error || void 0,
2893
2990
  children: [
2894
- value2.map((v) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chip, children: [
2991
+ value2.map((v) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chip2, children: [
2895
2992
  v,
2896
2993
  !disabled && /* @__PURE__ */ jsxRuntime.jsx(
2897
2994
  "button",
@@ -2912,7 +3009,7 @@ function Combobox({
2912
3009
  {
2913
3010
  ref: inputRef,
2914
3011
  id,
2915
- className: input2,
3012
+ className: input3,
2916
3013
  value: inputValue,
2917
3014
  disabled,
2918
3015
  placeholder: value2.length === 0 ? placeholder : void 0,
@@ -3043,7 +3140,7 @@ function SingleCombobox({
3043
3140
  {
3044
3141
  ref: inputRef,
3045
3142
  id,
3046
- className: input2,
3143
+ className: input3,
3047
3144
  value: inputValue,
3048
3145
  disabled,
3049
3146
  placeholder,
@@ -3517,6 +3614,7 @@ exports.Sparkline = Sparkline;
3517
3614
  exports.StatePill = StatePill;
3518
3615
  exports.Table = Table;
3519
3616
  exports.Tabs = Tabs;
3617
+ exports.TagInput = TagInput;
3520
3618
  exports.Textarea = Textarea;
3521
3619
  exports.ToastProvider = ToastProvider;
3522
3620
  exports.Toggle = Toggle;