jaci-ui 0.1.1 → 0.3.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 (96) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/README.md +77 -1
  3. package/dist/components/button-group/button-group.cjs +22 -0
  4. package/dist/components/button-group/button-group.cjs.map +1 -0
  5. package/dist/components/button-group/button-group.d.cts +12 -0
  6. package/dist/components/button-group/button-group.d.ts +12 -0
  7. package/dist/components/button-group/button-group.js +21 -0
  8. package/dist/components/button-group/button-group.js.map +1 -0
  9. package/dist/components/button-group/index.d.cts +2 -0
  10. package/dist/components/button-group/index.d.ts +2 -0
  11. package/dist/components/color-picker/color-picker.cjs +77 -22
  12. package/dist/components/color-picker/color-picker.cjs.map +1 -1
  13. package/dist/components/color-picker/color-picker.d.cts +3 -3
  14. package/dist/components/color-picker/color-picker.d.ts +3 -3
  15. package/dist/components/color-picker/color-picker.js +77 -22
  16. package/dist/components/color-picker/color-picker.js.map +1 -1
  17. package/dist/components/date-picker/date-picker.cjs +227 -30
  18. package/dist/components/date-picker/date-picker.cjs.map +1 -1
  19. package/dist/components/date-picker/date-picker.d.cts +23 -5
  20. package/dist/components/date-picker/date-picker.d.ts +23 -5
  21. package/dist/components/date-picker/date-picker.js +226 -32
  22. package/dist/components/date-picker/date-picker.js.map +1 -1
  23. package/dist/components/date-picker/date-utils.cjs +32 -2
  24. package/dist/components/date-picker/date-utils.cjs.map +1 -1
  25. package/dist/components/date-picker/date-utils.d.cts +5 -0
  26. package/dist/components/date-picker/date-utils.d.ts +5 -0
  27. package/dist/components/date-picker/date-utils.js +29 -3
  28. package/dist/components/date-picker/date-utils.js.map +1 -1
  29. package/dist/components/date-picker/index.d.cts +3 -2
  30. package/dist/components/date-picker/index.d.ts +3 -2
  31. package/dist/components/empty-state/empty-state.cjs +62 -0
  32. package/dist/components/empty-state/empty-state.cjs.map +1 -0
  33. package/dist/components/empty-state/empty-state.d.cts +18 -0
  34. package/dist/components/empty-state/empty-state.d.ts +18 -0
  35. package/dist/components/empty-state/empty-state.js +57 -0
  36. package/dist/components/empty-state/empty-state.js.map +1 -0
  37. package/dist/components/empty-state/index.d.cts +2 -0
  38. package/dist/components/empty-state/index.d.ts +2 -0
  39. package/dist/components/icon-button/icon-button.cjs +40 -0
  40. package/dist/components/icon-button/icon-button.cjs.map +1 -0
  41. package/dist/components/icon-button/icon-button.d.cts +12 -0
  42. package/dist/components/icon-button/icon-button.d.ts +12 -0
  43. package/dist/components/icon-button/icon-button.js +40 -0
  44. package/dist/components/icon-button/icon-button.js.map +1 -0
  45. package/dist/components/icon-button/index.d.cts +2 -0
  46. package/dist/components/icon-button/index.d.ts +2 -0
  47. package/dist/components/input-group/index.d.cts +2 -0
  48. package/dist/components/input-group/index.d.ts +2 -0
  49. package/dist/components/input-group/input-group.cjs +32 -0
  50. package/dist/components/input-group/input-group.cjs.map +1 -0
  51. package/dist/components/input-group/input-group.d.cts +15 -0
  52. package/dist/components/input-group/input-group.d.ts +15 -0
  53. package/dist/components/input-group/input-group.js +30 -0
  54. package/dist/components/input-group/input-group.js.map +1 -0
  55. package/dist/index.cjs +22 -0
  56. package/dist/index.d.cts +13 -2
  57. package/dist/index.d.ts +13 -2
  58. package/dist/index.js +7 -2
  59. package/dist/styled-system/recipes/button-group.cjs +30 -0
  60. package/dist/styled-system/recipes/button-group.cjs.map +1 -0
  61. package/dist/styled-system/recipes/button-group.js +30 -0
  62. package/dist/styled-system/recipes/button-group.js.map +1 -0
  63. package/dist/styled-system/recipes/color-picker.cjs +1 -0
  64. package/dist/styled-system/recipes/color-picker.cjs.map +1 -1
  65. package/dist/styled-system/recipes/color-picker.js +1 -0
  66. package/dist/styled-system/recipes/color-picker.js.map +1 -1
  67. package/dist/styled-system/recipes/date-picker.cjs +6 -0
  68. package/dist/styled-system/recipes/date-picker.cjs.map +1 -1
  69. package/dist/styled-system/recipes/date-picker.js +6 -0
  70. package/dist/styled-system/recipes/date-picker.js.map +1 -1
  71. package/dist/styled-system/recipes/empty-state.cjs +36 -0
  72. package/dist/styled-system/recipes/empty-state.cjs.map +1 -0
  73. package/dist/styled-system/recipes/empty-state.js +36 -0
  74. package/dist/styled-system/recipes/empty-state.js.map +1 -0
  75. package/dist/styled-system/recipes/icon-button.cjs +40 -0
  76. package/dist/styled-system/recipes/icon-button.cjs.map +1 -0
  77. package/dist/styled-system/recipes/icon-button.js +40 -0
  78. package/dist/styled-system/recipes/icon-button.js.map +1 -0
  79. package/dist/styled-system/recipes/input-group.cjs +30 -0
  80. package/dist/styled-system/recipes/input-group.cjs.map +1 -0
  81. package/dist/styled-system/recipes/input-group.js +30 -0
  82. package/dist/styled-system/recipes/input-group.js.map +1 -0
  83. package/dist/styles/theme.cjs +15 -0
  84. package/dist/styles/theme.cjs.map +1 -1
  85. package/dist/styles/theme.js +15 -0
  86. package/dist/styles/theme.js.map +1 -1
  87. package/dist/styles.css +382 -5
  88. package/dist/theme/index.d.cts +2 -0
  89. package/dist/theme/index.d.ts +2 -0
  90. package/dist/theme/theme-provider.cjs +86 -0
  91. package/dist/theme/theme-provider.cjs.map +1 -0
  92. package/dist/theme/theme-provider.d.cts +66 -0
  93. package/dist/theme/theme-provider.d.ts +66 -0
  94. package/dist/theme/theme-provider.js +85 -0
  95. package/dist/theme/theme-provider.js.map +1 -0
  96. package/package.json +1 -1
@@ -10,12 +10,18 @@ const datePickerSlotFns = /* @__PURE__ */ [
10
10
  ["trigger", "date-picker__trigger"],
11
11
  ["value", "date-picker__value"],
12
12
  ["clear", "date-picker__clear"],
13
+ ["close", "date-picker__close"],
13
14
  ["positioner", "date-picker__positioner"],
14
15
  ["popup", "date-picker__popup"],
15
16
  ["header", "date-picker__header"],
16
17
  ["caption", "date-picker__caption"],
18
+ ["monthSelect", "date-picker__monthSelect"],
19
+ ["yearSelect", "date-picker__yearSelect"],
20
+ ["timeField", "date-picker__timeField"],
17
21
  ["navigation", "date-picker__navigation"],
18
22
  ["calendar", "date-picker__calendar"],
23
+ ["monthGrid", "date-picker__monthGrid"],
24
+ ["month", "date-picker__month"],
19
25
  ["weekdays", "date-picker__weekdays"],
20
26
  ["weekday", "date-picker__weekday"],
21
27
  ["grid", "date-picker__grid"],
@@ -1 +1 @@
1
- {"version":3,"file":"date-picker.js","names":[],"sources":["../../../src/styled-system/recipes/date-picker.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst datePickerDefaultVariants = {\n \"size\": \"md\"\n}\nconst datePickerCompoundVariants = []\n\nconst datePickerSlotNames = [\n [\n \"root\",\n \"date-picker__root\"\n ],\n [\n \"label\",\n \"date-picker__label\"\n ],\n [\n \"control\",\n \"date-picker__control\"\n ],\n [\n \"trigger\",\n \"date-picker__trigger\"\n ],\n [\n \"value\",\n \"date-picker__value\"\n ],\n [\n \"clear\",\n \"date-picker__clear\"\n ],\n [\n \"positioner\",\n \"date-picker__positioner\"\n ],\n [\n \"popup\",\n \"date-picker__popup\"\n ],\n [\n \"header\",\n \"date-picker__header\"\n ],\n [\n \"caption\",\n \"date-picker__caption\"\n ],\n [\n \"navigation\",\n \"date-picker__navigation\"\n ],\n [\n \"calendar\",\n \"date-picker__calendar\"\n ],\n [\n \"weekdays\",\n \"date-picker__weekdays\"\n ],\n [\n \"weekday\",\n \"date-picker__weekday\"\n ],\n [\n \"grid\",\n \"date-picker__grid\"\n ],\n [\n \"day\",\n \"date-picker__day\"\n ]\n]\nconst datePickerSlotFns = /* @__PURE__ */ datePickerSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, datePickerDefaultVariants, getSlotCompoundVariant(datePickerCompoundVariants, slotName))])\n\nconst datePickerFn = memo((props = {}) => {\n return Object.fromEntries(datePickerSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst datePickerVariantKeys = [\n \"size\"\n]\nconst getVariantProps = (variants) => ({ ...datePickerDefaultVariants, ...compact(variants) })\n\nexport const datePicker = /* @__PURE__ */ Object.assign(datePickerFn, {\n __recipe__: false,\n __name__: 'datePicker',\n raw: (props) => props,\n classNameMap: {},\n variantKeys: datePickerVariantKeys,\n variantMap: {\n \"size\": [\n \"sm\",\n \"md\",\n \"lg\"\n ]\n},\n splitVariantProps(props) {\n return splitProps(props, datePickerVariantKeys)\n },\n getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B,EAChC,QAAQ,KACV;AACA,MAAM,6BAA6B,CAAC;AAoEpC,MAAM,oBAAoC;CAjExC,CACE,QACA,mBACF;CACA,CACE,SACA,oBACF;CACA,CACE,WACA,sBACF;CACA,CACE,WACA,sBACF;CACA,CACE,SACA,oBACF;CACA,CACE,SACA,oBACF;CACA,CACE,cACA,yBACF;CACA,CACE,SACA,oBACF;CACA,CACE,UACA,qBACF;CACA,CACE,WACA,sBACF;CACA,CACE,cACA,yBACF;CACA,CACE,YACA,uBACF;CACA,CACE,YACA,uBACF;CACA,CACE,WACA,sBACF;CACA,CACE,QACA,mBACF;CACA,CACE,OACA,kBACF;AAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,2BAA2B,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAe,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB,CAC5B,MACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAG,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY,EACZ,QAAQ;EACN;EACA;EACA;CACF,EACF;CACE,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}
1
+ {"version":3,"file":"date-picker.js","names":[],"sources":["../../../src/styled-system/recipes/date-picker.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst datePickerDefaultVariants = {\n \"size\": \"md\"\n}\nconst datePickerCompoundVariants = []\n\nconst datePickerSlotNames = [\n [\n \"root\",\n \"date-picker__root\"\n ],\n [\n \"label\",\n \"date-picker__label\"\n ],\n [\n \"control\",\n \"date-picker__control\"\n ],\n [\n \"trigger\",\n \"date-picker__trigger\"\n ],\n [\n \"value\",\n \"date-picker__value\"\n ],\n [\n \"clear\",\n \"date-picker__clear\"\n ],\n [\n \"close\",\n \"date-picker__close\"\n ],\n [\n \"positioner\",\n \"date-picker__positioner\"\n ],\n [\n \"popup\",\n \"date-picker__popup\"\n ],\n [\n \"header\",\n \"date-picker__header\"\n ],\n [\n \"caption\",\n \"date-picker__caption\"\n ],\n [\n \"monthSelect\",\n \"date-picker__monthSelect\"\n ],\n [\n \"yearSelect\",\n \"date-picker__yearSelect\"\n ],\n [\n \"timeField\",\n \"date-picker__timeField\"\n ],\n [\n \"navigation\",\n \"date-picker__navigation\"\n ],\n [\n \"calendar\",\n \"date-picker__calendar\"\n ],\n [\n \"monthGrid\",\n \"date-picker__monthGrid\"\n ],\n [\n \"month\",\n \"date-picker__month\"\n ],\n [\n \"weekdays\",\n \"date-picker__weekdays\"\n ],\n [\n \"weekday\",\n \"date-picker__weekday\"\n ],\n [\n \"grid\",\n \"date-picker__grid\"\n ],\n [\n \"day\",\n \"date-picker__day\"\n ]\n]\nconst datePickerSlotFns = /* @__PURE__ */ datePickerSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, datePickerDefaultVariants, getSlotCompoundVariant(datePickerCompoundVariants, slotName))])\n\nconst datePickerFn = memo((props = {}) => {\n return Object.fromEntries(datePickerSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst datePickerVariantKeys = [\n \"size\"\n]\nconst getVariantProps = (variants) => ({ ...datePickerDefaultVariants, ...compact(variants) })\n\nexport const datePicker = /* @__PURE__ */ Object.assign(datePickerFn, {\n __recipe__: false,\n __name__: 'datePicker',\n raw: (props) => props,\n classNameMap: {},\n variantKeys: datePickerVariantKeys,\n variantMap: {\n \"size\": [\n \"sm\",\n \"md\",\n \"lg\"\n ]\n},\n splitVariantProps(props) {\n return splitProps(props, datePickerVariantKeys)\n },\n getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B,EAChC,QAAQ,KACV;AACA,MAAM,6BAA6B,CAAC;AA4FpC,MAAM,oBAAoC;CAzFxC,CACE,QACA,mBACF;CACA,CACE,SACA,oBACF;CACA,CACE,WACA,sBACF;CACA,CACE,WACA,sBACF;CACA,CACE,SACA,oBACF;CACA,CACE,SACA,oBACF;CACA,CACE,SACA,oBACF;CACA,CACE,cACA,yBACF;CACA,CACE,SACA,oBACF;CACA,CACE,UACA,qBACF;CACA,CACE,WACA,sBACF;CACA,CACE,eACA,0BACF;CACA,CACE,cACA,yBACF;CACA,CACE,aACA,wBACF;CACA,CACE,cACA,yBACF;CACA,CACE,YACA,uBACF;CACA,CACE,aACA,wBACF;CACA,CACE,SACA,oBACF;CACA,CACE,YACA,uBACF;CACA,CACE,WACA,sBACF;CACA,CACE,QACA,mBACF;CACA,CACE,OACA,kBACF;AAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,2BAA2B,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAe,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB,CAC5B,MACF;AACA,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAG,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY,EACZ,QAAQ;EACN;EACA;EACA;CACF,EACF;CACE,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}
@@ -0,0 +1,36 @@
1
+ const require_helpers = require("../helpers.cjs");
2
+ const require_create_recipe = require("./create-recipe.cjs");
3
+ //#region src/styled-system/recipes/empty-state.js
4
+ const emptyStateDefaultVariants = {};
5
+ const emptyStateCompoundVariants = [];
6
+ const emptyStateSlotFns = /* @__PURE__ */ [
7
+ ["root", "emptyState__root"],
8
+ ["icon", "emptyState__icon"],
9
+ ["title", "emptyState__title"],
10
+ ["description", "emptyState__description"],
11
+ ["action", "emptyState__action"]
12
+ ].map(([slotName, slotKey]) => [slotName, require_create_recipe.createRecipe(slotKey, emptyStateDefaultVariants, require_helpers.getSlotCompoundVariant(emptyStateCompoundVariants, slotName))]);
13
+ const emptyStateFn = require_helpers.memo((props = {}) => {
14
+ return Object.fromEntries(emptyStateSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
15
+ });
16
+ const emptyStateVariantKeys = [];
17
+ const getVariantProps = (variants) => ({
18
+ ...emptyStateDefaultVariants,
19
+ ...require_helpers.compact(variants)
20
+ });
21
+ const emptyState = /* @__PURE__ */ Object.assign(emptyStateFn, {
22
+ __recipe__: false,
23
+ __name__: "emptyState",
24
+ raw: (props) => props,
25
+ classNameMap: {},
26
+ variantKeys: emptyStateVariantKeys,
27
+ variantMap: {},
28
+ splitVariantProps(props) {
29
+ return require_helpers.splitProps(props, emptyStateVariantKeys);
30
+ },
31
+ getVariantProps
32
+ });
33
+ //#endregion
34
+ exports.emptyState = emptyState;
35
+
36
+ //# sourceMappingURL=empty-state.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"empty-state.cjs","names":["createRecipe","getSlotCompoundVariant","memo","compact","splitProps"],"sources":["../../../src/styled-system/recipes/empty-state.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst emptyStateDefaultVariants = {}\nconst emptyStateCompoundVariants = []\n\nconst emptyStateSlotNames = [\n [\n \"root\",\n \"emptyState__root\"\n ],\n [\n \"icon\",\n \"emptyState__icon\"\n ],\n [\n \"title\",\n \"emptyState__title\"\n ],\n [\n \"description\",\n \"emptyState__description\"\n ],\n [\n \"action\",\n \"emptyState__action\"\n ]\n]\nconst emptyStateSlotFns = /* @__PURE__ */ emptyStateSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, emptyStateDefaultVariants, getSlotCompoundVariant(emptyStateCompoundVariants, slotName))])\n\nconst emptyStateFn = memo((props = {}) => {\n return Object.fromEntries(emptyStateSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst emptyStateVariantKeys = []\nconst getVariantProps = (variants) => ({ ...emptyStateDefaultVariants, ...compact(variants) })\n\nexport const emptyState = /* @__PURE__ */ Object.assign(emptyStateFn, {\n __recipe__: false,\n __name__: 'emptyState',\n raw: (props) => props,\n classNameMap: {},\n variantKeys: emptyStateVariantKeys,\n variantMap: {},\n splitVariantProps(props) {\n return splitProps(props, emptyStateVariantKeys)\n },\n getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B,CAAC;AACnC,MAAM,6BAA6B,CAAC;AAwBpC,MAAM,oBAAoC;CArBxC,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,SACA,mBACF;CACA,CACE,eACA,yBACF;CACA,CACE,UACA,oBACF;AAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAUA,sBAAAA,aAAa,SAAS,2BAA2BC,gBAAAA,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAeC,gBAAAA,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB,CAAC;AAC/B,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAGC,gBAAAA,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY,CAAC;CACb,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}
@@ -0,0 +1,36 @@
1
+ import { compact, getSlotCompoundVariant, memo, splitProps } from "../helpers.js";
2
+ import { createRecipe } from "./create-recipe.js";
3
+ //#region src/styled-system/recipes/empty-state.js
4
+ const emptyStateDefaultVariants = {};
5
+ const emptyStateCompoundVariants = [];
6
+ const emptyStateSlotFns = /* @__PURE__ */ [
7
+ ["root", "emptyState__root"],
8
+ ["icon", "emptyState__icon"],
9
+ ["title", "emptyState__title"],
10
+ ["description", "emptyState__description"],
11
+ ["action", "emptyState__action"]
12
+ ].map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, emptyStateDefaultVariants, getSlotCompoundVariant(emptyStateCompoundVariants, slotName))]);
13
+ const emptyStateFn = memo((props = {}) => {
14
+ return Object.fromEntries(emptyStateSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
15
+ });
16
+ const emptyStateVariantKeys = [];
17
+ const getVariantProps = (variants) => ({
18
+ ...emptyStateDefaultVariants,
19
+ ...compact(variants)
20
+ });
21
+ const emptyState = /* @__PURE__ */ Object.assign(emptyStateFn, {
22
+ __recipe__: false,
23
+ __name__: "emptyState",
24
+ raw: (props) => props,
25
+ classNameMap: {},
26
+ variantKeys: emptyStateVariantKeys,
27
+ variantMap: {},
28
+ splitVariantProps(props) {
29
+ return splitProps(props, emptyStateVariantKeys);
30
+ },
31
+ getVariantProps
32
+ });
33
+ //#endregion
34
+ export { emptyState };
35
+
36
+ //# sourceMappingURL=empty-state.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"empty-state.js","names":[],"sources":["../../../src/styled-system/recipes/empty-state.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst emptyStateDefaultVariants = {}\nconst emptyStateCompoundVariants = []\n\nconst emptyStateSlotNames = [\n [\n \"root\",\n \"emptyState__root\"\n ],\n [\n \"icon\",\n \"emptyState__icon\"\n ],\n [\n \"title\",\n \"emptyState__title\"\n ],\n [\n \"description\",\n \"emptyState__description\"\n ],\n [\n \"action\",\n \"emptyState__action\"\n ]\n]\nconst emptyStateSlotFns = /* @__PURE__ */ emptyStateSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, emptyStateDefaultVariants, getSlotCompoundVariant(emptyStateCompoundVariants, slotName))])\n\nconst emptyStateFn = memo((props = {}) => {\n return Object.fromEntries(emptyStateSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst emptyStateVariantKeys = []\nconst getVariantProps = (variants) => ({ ...emptyStateDefaultVariants, ...compact(variants) })\n\nexport const emptyState = /* @__PURE__ */ Object.assign(emptyStateFn, {\n __recipe__: false,\n __name__: 'emptyState',\n raw: (props) => props,\n classNameMap: {},\n variantKeys: emptyStateVariantKeys,\n variantMap: {},\n splitVariantProps(props) {\n return splitProps(props, emptyStateVariantKeys)\n },\n getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B,CAAC;AACnC,MAAM,6BAA6B,CAAC;AAwBpC,MAAM,oBAAoC;CArBxC,CACE,QACA,kBACF;CACA,CACE,QACA,kBACF;CACA,CACE,SACA,mBACF;CACA,CACE,eACA,yBACF;CACA,CACE,UACA,oBACF;AAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,2BAA2B,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAe,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB,CAAC;AAC/B,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAG,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY,CAAC;CACb,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}
@@ -0,0 +1,40 @@
1
+ const require_helpers = require("../helpers.cjs");
2
+ const require_create_recipe = require("./create-recipe.cjs");
3
+ //#region src/styled-system/recipes/icon-button.js
4
+ const iconButtonFn = /* @__PURE__ */ require_create_recipe.createRecipe("iconButton", {
5
+ "variant": "outline",
6
+ "size": "md"
7
+ }, []);
8
+ const iconButtonVariantMap = {
9
+ "variant": [
10
+ "solid",
11
+ "outline",
12
+ "ghost",
13
+ "danger"
14
+ ],
15
+ "size": [
16
+ "sm",
17
+ "md",
18
+ "lg"
19
+ ]
20
+ };
21
+ const iconButtonVariantKeys = Object.keys(iconButtonVariantMap);
22
+ const iconButton = /* @__PURE__ */ Object.assign(require_helpers.memo(iconButtonFn.recipeFn), {
23
+ __recipe__: true,
24
+ __name__: "iconButton",
25
+ __getCompoundVariantCss__: iconButtonFn.__getCompoundVariantCss__,
26
+ raw: (props) => props,
27
+ variantKeys: iconButtonVariantKeys,
28
+ variantMap: iconButtonVariantMap,
29
+ merge(recipe) {
30
+ return require_create_recipe.mergeRecipes(this, recipe);
31
+ },
32
+ splitVariantProps(props) {
33
+ return require_helpers.splitProps(props, iconButtonVariantKeys);
34
+ },
35
+ getVariantProps: iconButtonFn.getVariantProps
36
+ });
37
+ //#endregion
38
+ exports.iconButton = iconButton;
39
+
40
+ //# sourceMappingURL=icon-button.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-button.cjs","names":["memo","mergeRecipes","splitProps"],"sources":["../../../src/styled-system/recipes/icon-button.js"],"sourcesContent":["import { memo, splitProps } from '../helpers.js';\nimport { createRecipe, mergeRecipes } from './create-recipe.js';\n\nconst iconButtonFn = /* @__PURE__ */ createRecipe('iconButton', {\n \"variant\": \"outline\",\n \"size\": \"md\"\n}, [])\n\nconst iconButtonVariantMap = {\n \"variant\": [\n \"solid\",\n \"outline\",\n \"ghost\",\n \"danger\"\n ],\n \"size\": [\n \"sm\",\n \"md\",\n \"lg\"\n ]\n}\n\nconst iconButtonVariantKeys = Object.keys(iconButtonVariantMap)\n\nexport const iconButton = /* @__PURE__ */ Object.assign(memo(iconButtonFn.recipeFn), {\n __recipe__: true,\n __name__: 'iconButton',\n __getCompoundVariantCss__: iconButtonFn.__getCompoundVariantCss__,\n raw: (props) => props,\n variantKeys: iconButtonVariantKeys,\n variantMap: iconButtonVariantMap,\n merge(recipe) {\n return mergeRecipes(this, recipe)\n },\n splitVariantProps(props) {\n return splitProps(props, iconButtonVariantKeys)\n },\n getVariantProps: iconButtonFn.getVariantProps,\n})"],"mappings":";;;AAGA,MAAM,eAA+B,sCAAA,aAAa,cAAc;CAC9D,WAAW;CACX,QAAQ;AACV,GAAG,CAAC,CAAC;AAEL,MAAM,uBAAuB;CAC3B,WAAW;EACT;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;CACF;AACF;AAEA,MAAM,wBAAwB,OAAO,KAAK,oBAAoB;AAE9D,MAAa,aAA6B,uBAAO,OAAOA,gBAAAA,KAAK,aAAa,QAAQ,GAAG;CACnF,YAAY;CACZ,UAAU;CACV,2BAA2B,aAAa;CACxC,MAAM,UAAU;CAChB,aAAa;CACb,YAAY;CACZ,MAAM,QAAQ;EACZ,OAAOC,sBAAAA,aAAa,MAAM,MAAM;CAClC;CACA,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,qBAAqB;CAChD;CACA,iBAAiB,aAAa;AAChC,CAAC"}
@@ -0,0 +1,40 @@
1
+ import { memo, splitProps } from "../helpers.js";
2
+ import { createRecipe, mergeRecipes } from "./create-recipe.js";
3
+ //#region src/styled-system/recipes/icon-button.js
4
+ const iconButtonFn = /* @__PURE__ */ createRecipe("iconButton", {
5
+ "variant": "outline",
6
+ "size": "md"
7
+ }, []);
8
+ const iconButtonVariantMap = {
9
+ "variant": [
10
+ "solid",
11
+ "outline",
12
+ "ghost",
13
+ "danger"
14
+ ],
15
+ "size": [
16
+ "sm",
17
+ "md",
18
+ "lg"
19
+ ]
20
+ };
21
+ const iconButtonVariantKeys = Object.keys(iconButtonVariantMap);
22
+ const iconButton = /* @__PURE__ */ Object.assign(memo(iconButtonFn.recipeFn), {
23
+ __recipe__: true,
24
+ __name__: "iconButton",
25
+ __getCompoundVariantCss__: iconButtonFn.__getCompoundVariantCss__,
26
+ raw: (props) => props,
27
+ variantKeys: iconButtonVariantKeys,
28
+ variantMap: iconButtonVariantMap,
29
+ merge(recipe) {
30
+ return mergeRecipes(this, recipe);
31
+ },
32
+ splitVariantProps(props) {
33
+ return splitProps(props, iconButtonVariantKeys);
34
+ },
35
+ getVariantProps: iconButtonFn.getVariantProps
36
+ });
37
+ //#endregion
38
+ export { iconButton };
39
+
40
+ //# sourceMappingURL=icon-button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon-button.js","names":[],"sources":["../../../src/styled-system/recipes/icon-button.js"],"sourcesContent":["import { memo, splitProps } from '../helpers.js';\nimport { createRecipe, mergeRecipes } from './create-recipe.js';\n\nconst iconButtonFn = /* @__PURE__ */ createRecipe('iconButton', {\n \"variant\": \"outline\",\n \"size\": \"md\"\n}, [])\n\nconst iconButtonVariantMap = {\n \"variant\": [\n \"solid\",\n \"outline\",\n \"ghost\",\n \"danger\"\n ],\n \"size\": [\n \"sm\",\n \"md\",\n \"lg\"\n ]\n}\n\nconst iconButtonVariantKeys = Object.keys(iconButtonVariantMap)\n\nexport const iconButton = /* @__PURE__ */ Object.assign(memo(iconButtonFn.recipeFn), {\n __recipe__: true,\n __name__: 'iconButton',\n __getCompoundVariantCss__: iconButtonFn.__getCompoundVariantCss__,\n raw: (props) => props,\n variantKeys: iconButtonVariantKeys,\n variantMap: iconButtonVariantMap,\n merge(recipe) {\n return mergeRecipes(this, recipe)\n },\n splitVariantProps(props) {\n return splitProps(props, iconButtonVariantKeys)\n },\n getVariantProps: iconButtonFn.getVariantProps,\n})"],"mappings":";;;AAGA,MAAM,eAA+B,6BAAa,cAAc;CAC9D,WAAW;CACX,QAAQ;AACV,GAAG,CAAC,CAAC;AAEL,MAAM,uBAAuB;CAC3B,WAAW;EACT;EACA;EACA;EACA;CACF;CACA,QAAQ;EACN;EACA;EACA;CACF;AACF;AAEA,MAAM,wBAAwB,OAAO,KAAK,oBAAoB;AAE9D,MAAa,aAA6B,uBAAO,OAAO,KAAK,aAAa,QAAQ,GAAG;CACnF,YAAY;CACZ,UAAU;CACV,2BAA2B,aAAa;CACxC,MAAM,UAAU;CAChB,aAAa;CACb,YAAY;CACZ,MAAM,QAAQ;EACZ,OAAO,aAAa,MAAM,MAAM;CAClC;CACA,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,qBAAqB;CAChD;CACA,iBAAiB,aAAa;AAChC,CAAC"}
@@ -0,0 +1,30 @@
1
+ const require_helpers = require("../helpers.cjs");
2
+ const require_create_recipe = require("./create-recipe.cjs");
3
+ //#region src/styled-system/recipes/input-group.js
4
+ const inputGroupDefaultVariants = {};
5
+ const inputGroupCompoundVariants = [];
6
+ const inputGroupSlotFns = /* @__PURE__ */ [["root", "inputGroup__root"], ["addon", "inputGroup__addon"]].map(([slotName, slotKey]) => [slotName, require_create_recipe.createRecipe(slotKey, inputGroupDefaultVariants, require_helpers.getSlotCompoundVariant(inputGroupCompoundVariants, slotName))]);
7
+ const inputGroupFn = require_helpers.memo((props = {}) => {
8
+ return Object.fromEntries(inputGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
9
+ });
10
+ const inputGroupVariantKeys = [];
11
+ const getVariantProps = (variants) => ({
12
+ ...inputGroupDefaultVariants,
13
+ ...require_helpers.compact(variants)
14
+ });
15
+ const inputGroup = /* @__PURE__ */ Object.assign(inputGroupFn, {
16
+ __recipe__: false,
17
+ __name__: "inputGroup",
18
+ raw: (props) => props,
19
+ classNameMap: {},
20
+ variantKeys: inputGroupVariantKeys,
21
+ variantMap: {},
22
+ splitVariantProps(props) {
23
+ return require_helpers.splitProps(props, inputGroupVariantKeys);
24
+ },
25
+ getVariantProps
26
+ });
27
+ //#endregion
28
+ exports.inputGroup = inputGroup;
29
+
30
+ //# sourceMappingURL=input-group.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"input-group.cjs","names":["createRecipe","getSlotCompoundVariant","memo","compact","splitProps"],"sources":["../../../src/styled-system/recipes/input-group.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst inputGroupDefaultVariants = {}\nconst inputGroupCompoundVariants = []\n\nconst inputGroupSlotNames = [\n [\n \"root\",\n \"inputGroup__root\"\n ],\n [\n \"addon\",\n \"inputGroup__addon\"\n ]\n]\nconst inputGroupSlotFns = /* @__PURE__ */ inputGroupSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, inputGroupDefaultVariants, getSlotCompoundVariant(inputGroupCompoundVariants, slotName))])\n\nconst inputGroupFn = memo((props = {}) => {\n return Object.fromEntries(inputGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst inputGroupVariantKeys = []\nconst getVariantProps = (variants) => ({ ...inputGroupDefaultVariants, ...compact(variants) })\n\nexport const inputGroup = /* @__PURE__ */ Object.assign(inputGroupFn, {\n __recipe__: false,\n __name__: 'inputGroup',\n raw: (props) => props,\n classNameMap: {},\n variantKeys: inputGroupVariantKeys,\n variantMap: {},\n splitVariantProps(props) {\n return splitProps(props, inputGroupVariantKeys)\n },\n getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B,CAAC;AACnC,MAAM,6BAA6B,CAAC;AAYpC,MAAM,oBAAoC,iBATxC,CACE,QACA,kBACF,GACA,CACE,SACA,mBACF,CAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAUA,sBAAAA,aAAa,SAAS,2BAA2BC,gBAAAA,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAeC,gBAAAA,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB,CAAC;AAC/B,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAGC,gBAAAA,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY,CAAC;CACb,kBAAkB,OAAO;EACvB,OAAOC,gBAAAA,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}
@@ -0,0 +1,30 @@
1
+ import { compact, getSlotCompoundVariant, memo, splitProps } from "../helpers.js";
2
+ import { createRecipe } from "./create-recipe.js";
3
+ //#region src/styled-system/recipes/input-group.js
4
+ const inputGroupDefaultVariants = {};
5
+ const inputGroupCompoundVariants = [];
6
+ const inputGroupSlotFns = /* @__PURE__ */ [["root", "inputGroup__root"], ["addon", "inputGroup__addon"]].map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, inputGroupDefaultVariants, getSlotCompoundVariant(inputGroupCompoundVariants, slotName))]);
7
+ const inputGroupFn = memo((props = {}) => {
8
+ return Object.fromEntries(inputGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]));
9
+ });
10
+ const inputGroupVariantKeys = [];
11
+ const getVariantProps = (variants) => ({
12
+ ...inputGroupDefaultVariants,
13
+ ...compact(variants)
14
+ });
15
+ const inputGroup = /* @__PURE__ */ Object.assign(inputGroupFn, {
16
+ __recipe__: false,
17
+ __name__: "inputGroup",
18
+ raw: (props) => props,
19
+ classNameMap: {},
20
+ variantKeys: inputGroupVariantKeys,
21
+ variantMap: {},
22
+ splitVariantProps(props) {
23
+ return splitProps(props, inputGroupVariantKeys);
24
+ },
25
+ getVariantProps
26
+ });
27
+ //#endregion
28
+ export { inputGroup };
29
+
30
+ //# sourceMappingURL=input-group.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"input-group.js","names":[],"sources":["../../../src/styled-system/recipes/input-group.js"],"sourcesContent":["import { compact, getSlotCompoundVariant, memo, splitProps } from '../helpers.js';\nimport { createRecipe } from './create-recipe.js';\n\nconst inputGroupDefaultVariants = {}\nconst inputGroupCompoundVariants = []\n\nconst inputGroupSlotNames = [\n [\n \"root\",\n \"inputGroup__root\"\n ],\n [\n \"addon\",\n \"inputGroup__addon\"\n ]\n]\nconst inputGroupSlotFns = /* @__PURE__ */ inputGroupSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, inputGroupDefaultVariants, getSlotCompoundVariant(inputGroupCompoundVariants, slotName))])\n\nconst inputGroupFn = memo((props = {}) => {\n return Object.fromEntries(inputGroupSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))\n})\n\nconst inputGroupVariantKeys = []\nconst getVariantProps = (variants) => ({ ...inputGroupDefaultVariants, ...compact(variants) })\n\nexport const inputGroup = /* @__PURE__ */ Object.assign(inputGroupFn, {\n __recipe__: false,\n __name__: 'inputGroup',\n raw: (props) => props,\n classNameMap: {},\n variantKeys: inputGroupVariantKeys,\n variantMap: {},\n splitVariantProps(props) {\n return splitProps(props, inputGroupVariantKeys)\n },\n getVariantProps\n})"],"mappings":";;;AAGA,MAAM,4BAA4B,CAAC;AACnC,MAAM,6BAA6B,CAAC;AAYpC,MAAM,oBAAoC,iBATxC,CACE,QACA,kBACF,GACA,CACE,SACA,mBACF,CAE0D,CAAC,CAAC,KAAK,CAAC,UAAU,aAAa,CAAC,UAAU,aAAa,SAAS,2BAA2B,uBAAuB,4BAA4B,QAAQ,CAAC,CAAC,CAAC;AAErN,MAAM,eAAe,MAAM,QAAQ,CAAC,MAAM;CACxC,OAAO,OAAO,YAAY,kBAAkB,KAAK,CAAC,UAAU,YAAY,CAAC,UAAU,OAAO,SAAS,KAAK,CAAC,CAAC,CAAC;AAC7G,CAAC;AAED,MAAM,wBAAwB,CAAC;AAC/B,MAAM,mBAAmB,cAAc;CAAE,GAAG;CAA2B,GAAG,QAAQ,QAAQ;AAAE;AAE5F,MAAa,aAA6B,uBAAO,OAAO,cAAc;CACpE,YAAY;CACZ,UAAU;CACV,MAAM,UAAU;CAChB,cAAc,CAAC;CACf,aAAa;CACb,YAAY,CAAC;CACb,kBAAkB,OAAO;EACvB,OAAO,WAAW,OAAO,qBAAqB;CAChD;CACA;AACF,CAAC"}
@@ -56,6 +56,11 @@ const jaciTheme = { extend: {
56
56
  slow: { value: "500ms" }
57
57
  },
58
58
  easings: { standard: { value: "cubic-bezier(0.2, 0, 0, 1)" } },
59
+ transitions: {
60
+ colors: { value: "background-color, border-color, box-shadow, color" },
61
+ transform: { value: "transform" },
62
+ standard: { value: "background-color, border-color, box-shadow, color, transform" }
63
+ },
59
64
  animations: { spin: { value: "spin 900ms linear infinite" } }
60
65
  },
61
66
  semanticTokens: { colors: {
@@ -113,6 +118,16 @@ const jaciTheme = { extend: {
113
118
  success: { value: "{colors.green.700}" },
114
119
  warning: { value: "{colors.amber.700}" },
115
120
  danger: { value: "{colors.red.600}" },
121
+ info: { value: "{colors.blue.600}" },
122
+ focus: { value: "{colors.blue.600}" },
123
+ disabled: { value: {
124
+ base: "{colors.neutral.400}",
125
+ _dark: "{colors.neutral.600}"
126
+ } },
127
+ selected: { value: {
128
+ base: "{colors.blue.50}",
129
+ _dark: "{colors.blue.950}"
130
+ } },
116
131
  link: {
117
132
  default: { value: {
118
133
  base: "{colors.neutral.600}",
@@ -1 +1 @@
1
- {"version":3,"file":"theme.cjs","names":[],"sources":["../../src/styles/theme.ts"],"sourcesContent":["export const jaciConditions = {\n extend: {\n dark: '[data-jaci-theme=\"dark\"] &',\n },\n};\n\nexport const jaciTheme = {\n extend: {\n tokens: {\n colors: {\n neutral: {\n 50: { value: \"#fafafa\" },\n 100: { value: \"#f4f4f5\" },\n 200: { value: \"#e4e4e7\" },\n 300: { value: \"#d4d4d8\" },\n 400: { value: \"#a1a1aa\" },\n 500: { value: \"#71717a\" },\n 600: { value: \"#52525b\" },\n 700: { value: \"#3f3f46\" },\n 800: { value: \"#27272a\" },\n 900: { value: \"#18181b\" },\n 950: { value: \"#09090b\" },\n },\n blue: {\n 500: { value: \"#3b82f6\" },\n 600: { value: \"#2563eb\" },\n 700: { value: \"#1d4ed8\" },\n },\n green: {\n 500: { value: \"#22c55e\" },\n 600: { value: \"#16a34a\" },\n 700: { value: \"#15803d\" },\n },\n amber: {\n 500: { value: \"#f59e0b\" },\n 600: { value: \"#d97706\" },\n 700: { value: \"#b45309\" },\n },\n red: {\n 500: { value: \"#ef4444\" },\n 600: { value: \"#dc2626\" },\n },\n },\n radii: {\n sm: { value: \"0.375rem\" },\n md: { value: \"0.75rem\" },\n lg: { value: \"1rem\" },\n xl: { value: \"1.5rem\" },\n \"2xl\": { value: \"2rem\" },\n full: { value: \"9999px\" },\n },\n shadows: {\n sm: { value: \"0 1px 2px rgb(0 0 0 / 0.08)\" },\n md: { value: \"0 10px 24px rgb(0 0 0 / 0.12)\" },\n lg: { value: \"0 18px 42px rgb(0 0 0 / 0.16)\" },\n xl: { value: \"0 24px 52px rgb(0 0 0 / 0.2)\" },\n },\n durations: {\n fast: { value: \"150ms\" },\n normal: { value: \"250ms\" },\n slow: { value: \"500ms\" },\n },\n easings: {\n standard: { value: \"cubic-bezier(0.2, 0, 0, 1)\" },\n },\n animations: {\n spin: { value: \"spin 900ms linear infinite\" },\n },\n },\n semanticTokens: {\n colors: {\n surface: {\n canvas: {\n value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.950}\" },\n },\n default: {\n value: { base: \"{colors.neutral.100}\", _dark: \"{colors.neutral.900}\" },\n },\n raised: {\n value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.800}\" },\n },\n subtle: {\n value: { base: \"{colors.neutral.200}\", _dark: \"{colors.neutral.800}\" },\n },\n overlay: {\n value: {\n base: \"rgb(250 250 250 / 0.32)\",\n _dark: \"rgb(9 9 11 / 0.4)\",\n },\n },\n },\n fg: {\n default: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.100}\" },\n },\n muted: {\n value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n },\n onAccent: { value: \"{colors.neutral.50}\" },\n },\n border: {\n default: {\n value: { base: \"{colors.neutral.300}\", _dark: \"{colors.neutral.700}\" },\n },\n strong: {\n value: { base: \"{colors.neutral.500}\", _dark: \"{colors.neutral.500}\" },\n },\n interactive: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n },\n },\n accent: {\n default: { value: \"{colors.blue.600}\" },\n hover: { value: \"{colors.blue.700}\" },\n },\n success: { value: \"{colors.green.700}\" },\n warning: { value: \"{colors.amber.700}\" },\n danger: { value: \"{colors.red.600}\" },\n link: {\n default: {\n value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n },\n hover: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n },\n },\n },\n },\n textStyles: {\n body: {\n value: {\n fontFamily: \"system-ui, sans-serif\",\n lineHeight: \"1.5\",\n },\n },\n },\n keyframes: {\n spin: {\n to: {\n transform: \"rotate(360deg)\",\n },\n },\n },\n },\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"theme.cjs","names":[],"sources":["../../src/styles/theme.ts"],"sourcesContent":["export const jaciConditions = {\n extend: {\n dark: '[data-jaci-theme=\"dark\"] &',\n },\n};\n\nexport const jaciTheme = {\n extend: {\n tokens: {\n colors: {\n neutral: {\n 50: { value: \"#fafafa\" },\n 100: { value: \"#f4f4f5\" },\n 200: { value: \"#e4e4e7\" },\n 300: { value: \"#d4d4d8\" },\n 400: { value: \"#a1a1aa\" },\n 500: { value: \"#71717a\" },\n 600: { value: \"#52525b\" },\n 700: { value: \"#3f3f46\" },\n 800: { value: \"#27272a\" },\n 900: { value: \"#18181b\" },\n 950: { value: \"#09090b\" },\n },\n blue: {\n 500: { value: \"#3b82f6\" },\n 600: { value: \"#2563eb\" },\n 700: { value: \"#1d4ed8\" },\n },\n green: {\n 500: { value: \"#22c55e\" },\n 600: { value: \"#16a34a\" },\n 700: { value: \"#15803d\" },\n },\n amber: {\n 500: { value: \"#f59e0b\" },\n 600: { value: \"#d97706\" },\n 700: { value: \"#b45309\" },\n },\n red: {\n 500: { value: \"#ef4444\" },\n 600: { value: \"#dc2626\" },\n },\n },\n radii: {\n sm: { value: \"0.375rem\" },\n md: { value: \"0.75rem\" },\n lg: { value: \"1rem\" },\n xl: { value: \"1.5rem\" },\n \"2xl\": { value: \"2rem\" },\n full: { value: \"9999px\" },\n },\n shadows: {\n sm: { value: \"0 1px 2px rgb(0 0 0 / 0.08)\" },\n md: { value: \"0 10px 24px rgb(0 0 0 / 0.12)\" },\n lg: { value: \"0 18px 42px rgb(0 0 0 / 0.16)\" },\n xl: { value: \"0 24px 52px rgb(0 0 0 / 0.2)\" },\n },\n durations: {\n fast: { value: \"150ms\" },\n normal: { value: \"250ms\" },\n slow: { value: \"500ms\" },\n },\n easings: {\n standard: { value: \"cubic-bezier(0.2, 0, 0, 1)\" },\n },\n transitions: {\n colors: { value: \"background-color, border-color, box-shadow, color\" },\n transform: { value: \"transform\" },\n standard: { value: \"background-color, border-color, box-shadow, color, transform\" },\n },\n animations: {\n spin: { value: \"spin 900ms linear infinite\" },\n },\n },\n semanticTokens: {\n colors: {\n surface: {\n canvas: {\n value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.950}\" },\n },\n default: {\n value: { base: \"{colors.neutral.100}\", _dark: \"{colors.neutral.900}\" },\n },\n raised: {\n value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.800}\" },\n },\n subtle: {\n value: { base: \"{colors.neutral.200}\", _dark: \"{colors.neutral.800}\" },\n },\n overlay: {\n value: {\n base: \"rgb(250 250 250 / 0.32)\",\n _dark: \"rgb(9 9 11 / 0.4)\",\n },\n },\n },\n fg: {\n default: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.100}\" },\n },\n muted: {\n value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n },\n onAccent: { value: \"{colors.neutral.50}\" },\n },\n border: {\n default: {\n value: { base: \"{colors.neutral.300}\", _dark: \"{colors.neutral.700}\" },\n },\n strong: {\n value: { base: \"{colors.neutral.500}\", _dark: \"{colors.neutral.500}\" },\n },\n interactive: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n },\n },\n accent: {\n default: { value: \"{colors.blue.600}\" },\n hover: { value: \"{colors.blue.700}\" },\n },\n success: { value: \"{colors.green.700}\" },\n warning: { value: \"{colors.amber.700}\" },\n danger: { value: \"{colors.red.600}\" },\n info: { value: \"{colors.blue.600}\" },\n focus: { value: \"{colors.blue.600}\" },\n disabled: {\n value: { base: \"{colors.neutral.400}\", _dark: \"{colors.neutral.600}\" },\n },\n selected: {\n value: { base: \"{colors.blue.50}\", _dark: \"{colors.blue.950}\" },\n },\n link: {\n default: {\n value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n },\n hover: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n },\n },\n },\n },\n textStyles: {\n body: {\n value: {\n fontFamily: \"system-ui, sans-serif\",\n lineHeight: \"1.5\",\n },\n },\n },\n keyframes: {\n spin: {\n to: {\n transform: \"rotate(360deg)\",\n },\n },\n },\n },\n};\n"],"mappings":"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"}
@@ -56,6 +56,11 @@ const jaciTheme = { extend: {
56
56
  slow: { value: "500ms" }
57
57
  },
58
58
  easings: { standard: { value: "cubic-bezier(0.2, 0, 0, 1)" } },
59
+ transitions: {
60
+ colors: { value: "background-color, border-color, box-shadow, color" },
61
+ transform: { value: "transform" },
62
+ standard: { value: "background-color, border-color, box-shadow, color, transform" }
63
+ },
59
64
  animations: { spin: { value: "spin 900ms linear infinite" } }
60
65
  },
61
66
  semanticTokens: { colors: {
@@ -113,6 +118,16 @@ const jaciTheme = { extend: {
113
118
  success: { value: "{colors.green.700}" },
114
119
  warning: { value: "{colors.amber.700}" },
115
120
  danger: { value: "{colors.red.600}" },
121
+ info: { value: "{colors.blue.600}" },
122
+ focus: { value: "{colors.blue.600}" },
123
+ disabled: { value: {
124
+ base: "{colors.neutral.400}",
125
+ _dark: "{colors.neutral.600}"
126
+ } },
127
+ selected: { value: {
128
+ base: "{colors.blue.50}",
129
+ _dark: "{colors.blue.950}"
130
+ } },
116
131
  link: {
117
132
  default: { value: {
118
133
  base: "{colors.neutral.600}",
@@ -1 +1 @@
1
- {"version":3,"file":"theme.js","names":[],"sources":["../../src/styles/theme.ts"],"sourcesContent":["export const jaciConditions = {\n extend: {\n dark: '[data-jaci-theme=\"dark\"] &',\n },\n};\n\nexport const jaciTheme = {\n extend: {\n tokens: {\n colors: {\n neutral: {\n 50: { value: \"#fafafa\" },\n 100: { value: \"#f4f4f5\" },\n 200: { value: \"#e4e4e7\" },\n 300: { value: \"#d4d4d8\" },\n 400: { value: \"#a1a1aa\" },\n 500: { value: \"#71717a\" },\n 600: { value: \"#52525b\" },\n 700: { value: \"#3f3f46\" },\n 800: { value: \"#27272a\" },\n 900: { value: \"#18181b\" },\n 950: { value: \"#09090b\" },\n },\n blue: {\n 500: { value: \"#3b82f6\" },\n 600: { value: \"#2563eb\" },\n 700: { value: \"#1d4ed8\" },\n },\n green: {\n 500: { value: \"#22c55e\" },\n 600: { value: \"#16a34a\" },\n 700: { value: \"#15803d\" },\n },\n amber: {\n 500: { value: \"#f59e0b\" },\n 600: { value: \"#d97706\" },\n 700: { value: \"#b45309\" },\n },\n red: {\n 500: { value: \"#ef4444\" },\n 600: { value: \"#dc2626\" },\n },\n },\n radii: {\n sm: { value: \"0.375rem\" },\n md: { value: \"0.75rem\" },\n lg: { value: \"1rem\" },\n xl: { value: \"1.5rem\" },\n \"2xl\": { value: \"2rem\" },\n full: { value: \"9999px\" },\n },\n shadows: {\n sm: { value: \"0 1px 2px rgb(0 0 0 / 0.08)\" },\n md: { value: \"0 10px 24px rgb(0 0 0 / 0.12)\" },\n lg: { value: \"0 18px 42px rgb(0 0 0 / 0.16)\" },\n xl: { value: \"0 24px 52px rgb(0 0 0 / 0.2)\" },\n },\n durations: {\n fast: { value: \"150ms\" },\n normal: { value: \"250ms\" },\n slow: { value: \"500ms\" },\n },\n easings: {\n standard: { value: \"cubic-bezier(0.2, 0, 0, 1)\" },\n },\n animations: {\n spin: { value: \"spin 900ms linear infinite\" },\n },\n },\n semanticTokens: {\n colors: {\n surface: {\n canvas: {\n value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.950}\" },\n },\n default: {\n value: { base: \"{colors.neutral.100}\", _dark: \"{colors.neutral.900}\" },\n },\n raised: {\n value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.800}\" },\n },\n subtle: {\n value: { base: \"{colors.neutral.200}\", _dark: \"{colors.neutral.800}\" },\n },\n overlay: {\n value: {\n base: \"rgb(250 250 250 / 0.32)\",\n _dark: \"rgb(9 9 11 / 0.4)\",\n },\n },\n },\n fg: {\n default: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.100}\" },\n },\n muted: {\n value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n },\n onAccent: { value: \"{colors.neutral.50}\" },\n },\n border: {\n default: {\n value: { base: \"{colors.neutral.300}\", _dark: \"{colors.neutral.700}\" },\n },\n strong: {\n value: { base: \"{colors.neutral.500}\", _dark: \"{colors.neutral.500}\" },\n },\n interactive: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n },\n },\n accent: {\n default: { value: \"{colors.blue.600}\" },\n hover: { value: \"{colors.blue.700}\" },\n },\n success: { value: \"{colors.green.700}\" },\n warning: { value: \"{colors.amber.700}\" },\n danger: { value: \"{colors.red.600}\" },\n link: {\n default: {\n value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n },\n hover: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n },\n },\n },\n },\n textStyles: {\n body: {\n value: {\n fontFamily: \"system-ui, sans-serif\",\n lineHeight: \"1.5\",\n },\n },\n },\n keyframes: {\n spin: {\n to: {\n transform: \"rotate(360deg)\",\n },\n },\n },\n },\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"theme.js","names":[],"sources":["../../src/styles/theme.ts"],"sourcesContent":["export const jaciConditions = {\n extend: {\n dark: '[data-jaci-theme=\"dark\"] &',\n },\n};\n\nexport const jaciTheme = {\n extend: {\n tokens: {\n colors: {\n neutral: {\n 50: { value: \"#fafafa\" },\n 100: { value: \"#f4f4f5\" },\n 200: { value: \"#e4e4e7\" },\n 300: { value: \"#d4d4d8\" },\n 400: { value: \"#a1a1aa\" },\n 500: { value: \"#71717a\" },\n 600: { value: \"#52525b\" },\n 700: { value: \"#3f3f46\" },\n 800: { value: \"#27272a\" },\n 900: { value: \"#18181b\" },\n 950: { value: \"#09090b\" },\n },\n blue: {\n 500: { value: \"#3b82f6\" },\n 600: { value: \"#2563eb\" },\n 700: { value: \"#1d4ed8\" },\n },\n green: {\n 500: { value: \"#22c55e\" },\n 600: { value: \"#16a34a\" },\n 700: { value: \"#15803d\" },\n },\n amber: {\n 500: { value: \"#f59e0b\" },\n 600: { value: \"#d97706\" },\n 700: { value: \"#b45309\" },\n },\n red: {\n 500: { value: \"#ef4444\" },\n 600: { value: \"#dc2626\" },\n },\n },\n radii: {\n sm: { value: \"0.375rem\" },\n md: { value: \"0.75rem\" },\n lg: { value: \"1rem\" },\n xl: { value: \"1.5rem\" },\n \"2xl\": { value: \"2rem\" },\n full: { value: \"9999px\" },\n },\n shadows: {\n sm: { value: \"0 1px 2px rgb(0 0 0 / 0.08)\" },\n md: { value: \"0 10px 24px rgb(0 0 0 / 0.12)\" },\n lg: { value: \"0 18px 42px rgb(0 0 0 / 0.16)\" },\n xl: { value: \"0 24px 52px rgb(0 0 0 / 0.2)\" },\n },\n durations: {\n fast: { value: \"150ms\" },\n normal: { value: \"250ms\" },\n slow: { value: \"500ms\" },\n },\n easings: {\n standard: { value: \"cubic-bezier(0.2, 0, 0, 1)\" },\n },\n transitions: {\n colors: { value: \"background-color, border-color, box-shadow, color\" },\n transform: { value: \"transform\" },\n standard: { value: \"background-color, border-color, box-shadow, color, transform\" },\n },\n animations: {\n spin: { value: \"spin 900ms linear infinite\" },\n },\n },\n semanticTokens: {\n colors: {\n surface: {\n canvas: {\n value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.950}\" },\n },\n default: {\n value: { base: \"{colors.neutral.100}\", _dark: \"{colors.neutral.900}\" },\n },\n raised: {\n value: { base: \"{colors.neutral.50}\", _dark: \"{colors.neutral.800}\" },\n },\n subtle: {\n value: { base: \"{colors.neutral.200}\", _dark: \"{colors.neutral.800}\" },\n },\n overlay: {\n value: {\n base: \"rgb(250 250 250 / 0.32)\",\n _dark: \"rgb(9 9 11 / 0.4)\",\n },\n },\n },\n fg: {\n default: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.100}\" },\n },\n muted: {\n value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n },\n onAccent: { value: \"{colors.neutral.50}\" },\n },\n border: {\n default: {\n value: { base: \"{colors.neutral.300}\", _dark: \"{colors.neutral.700}\" },\n },\n strong: {\n value: { base: \"{colors.neutral.500}\", _dark: \"{colors.neutral.500}\" },\n },\n interactive: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n },\n },\n accent: {\n default: { value: \"{colors.blue.600}\" },\n hover: { value: \"{colors.blue.700}\" },\n },\n success: { value: \"{colors.green.700}\" },\n warning: { value: \"{colors.amber.700}\" },\n danger: { value: \"{colors.red.600}\" },\n info: { value: \"{colors.blue.600}\" },\n focus: { value: \"{colors.blue.600}\" },\n disabled: {\n value: { base: \"{colors.neutral.400}\", _dark: \"{colors.neutral.600}\" },\n },\n selected: {\n value: { base: \"{colors.blue.50}\", _dark: \"{colors.blue.950}\" },\n },\n link: {\n default: {\n value: { base: \"{colors.neutral.600}\", _dark: \"{colors.neutral.400}\" },\n },\n hover: {\n value: { base: \"{colors.neutral.900}\", _dark: \"{colors.neutral.200}\" },\n },\n },\n },\n },\n textStyles: {\n body: {\n value: {\n fontFamily: \"system-ui, sans-serif\",\n lineHeight: \"1.5\",\n },\n },\n },\n keyframes: {\n spin: {\n to: {\n transform: \"rotate(360deg)\",\n },\n },\n },\n },\n};\n"],"mappings":";AAAA,MAAa,iBAAiB,EAC5B,QAAQ,EACN,MAAM,+BACR,EACF;AAEA,MAAa,YAAY,EACvB,QAAQ;CACN,QAAQ;EACN,QAAQ;GACN,SAAS;IACP,IAAI,EAAE,OAAO,UAAU;IACvB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;GAC1B;GACA,MAAM;IACJ,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;GAC1B;GACA,OAAO;IACL,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;GAC1B;GACA,OAAO;IACL,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;GAC1B;GACA,KAAK;IACH,KAAK,EAAE,OAAO,UAAU;IACxB,KAAK,EAAE,OAAO,UAAU;GAC1B;EACF;EACA,OAAO;GACL,IAAI,EAAE,OAAO,WAAW;GACxB,IAAI,EAAE,OAAO,UAAU;GACvB,IAAI,EAAE,OAAO,OAAO;GACpB,IAAI,EAAE,OAAO,SAAS;GACtB,OAAO,EAAE,OAAO,OAAO;GACvB,MAAM,EAAE,OAAO,SAAS;EAC1B;EACA,SAAS;GACP,IAAI,EAAE,OAAO,8BAA8B;GAC3C,IAAI,EAAE,OAAO,gCAAgC;GAC7C,IAAI,EAAE,OAAO,gCAAgC;GAC7C,IAAI,EAAE,OAAO,+BAA+B;EAC9C;EACA,WAAW;GACT,MAAM,EAAE,OAAO,QAAQ;GACvB,QAAQ,EAAE,OAAO,QAAQ;GACzB,MAAM,EAAE,OAAO,QAAQ;EACzB;EACA,SAAS,EACP,UAAU,EAAE,OAAO,6BAA6B,EAClD;EACA,aAAa;GACX,QAAQ,EAAE,OAAO,oDAAoD;GACrE,WAAW,EAAE,OAAO,YAAY;GAChC,UAAU,EAAE,OAAO,+DAA+D;EACpF;EACA,YAAY,EACV,MAAM,EAAE,OAAO,6BAA6B,EAC9C;CACF;CACA,gBAAgB,EACd,QAAQ;EACN,SAAS;GACP,QAAQ,EACN,OAAO;IAAE,MAAM;IAAuB,OAAO;GAAuB,EACtE;GACA,SAAS,EACP,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;GACA,QAAQ,EACN,OAAO;IAAE,MAAM;IAAuB,OAAO;GAAuB,EACtE;GACA,QAAQ,EACN,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;GACA,SAAS,EACP,OAAO;IACL,MAAM;IACN,OAAO;GACT,EACF;EACF;EACA,IAAI;GACF,SAAS,EACP,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;GACA,OAAO,EACL,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;GACA,UAAU,EAAE,OAAO,sBAAsB;EAC3C;EACA,QAAQ;GACN,SAAS,EACP,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;GACA,QAAQ,EACN,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;GACA,aAAa,EACX,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;EACF;EACA,QAAQ;GACN,SAAS,EAAE,OAAO,oBAAoB;GACtC,OAAO,EAAE,OAAO,oBAAoB;EACtC;EACA,SAAS,EAAE,OAAO,qBAAqB;EACvC,SAAS,EAAE,OAAO,qBAAqB;EACvC,QAAQ,EAAE,OAAO,mBAAmB;EACpC,MAAM,EAAE,OAAO,oBAAoB;EACnC,OAAO,EAAE,OAAO,oBAAoB;EACpC,UAAU,EACR,OAAO;GAAE,MAAM;GAAwB,OAAO;EAAuB,EACvE;EACA,UAAU,EACR,OAAO;GAAE,MAAM;GAAoB,OAAO;EAAoB,EAChE;EACA,MAAM;GACJ,SAAS,EACP,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;GACA,OAAO,EACL,OAAO;IAAE,MAAM;IAAwB,OAAO;GAAuB,EACvE;EACF;CACF,EACF;CACA,YAAY,EACV,MAAM,EACJ,OAAO;EACL,YAAY;EACZ,YAAY;CACd,EACF,EACF;CACA,WAAW,EACT,MAAM,EACJ,IAAI,EACF,WAAW,iBACb,EACF,EACF;AACF,EACF"}