@simplysm/solid 13.0.3 → 13.0.8

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 (39) hide show
  1. package/dist/components/data/list/ListItem.styles.d.ts.map +1 -1
  2. package/dist/components/data/list/ListItem.styles.js +2 -1
  3. package/dist/components/data/list/ListItem.styles.js.map +1 -1
  4. package/dist/components/form-control/Button.d.ts.map +1 -1
  5. package/dist/components/form-control/Button.js +2 -1
  6. package/dist/components/form-control/Button.js.map +2 -2
  7. package/dist/components/form-control/DropdownTrigger.styles.d.ts.map +1 -1
  8. package/dist/components/form-control/DropdownTrigger.styles.js +3 -2
  9. package/dist/components/form-control/DropdownTrigger.styles.js.map +1 -1
  10. package/dist/components/form-control/Invalid.d.ts.map +1 -1
  11. package/dist/components/form-control/Invalid.js +12 -10
  12. package/dist/components/form-control/Invalid.js.map +2 -2
  13. package/dist/components/form-control/checkbox/Checkbox.styles.d.ts.map +1 -1
  14. package/dist/components/form-control/checkbox/Checkbox.styles.js +6 -3
  15. package/dist/components/form-control/checkbox/Checkbox.styles.js.map +1 -1
  16. package/dist/components/form-control/editor/RichTextEditor.d.ts.map +1 -1
  17. package/dist/components/form-control/editor/RichTextEditor.js +2 -1
  18. package/dist/components/form-control/editor/RichTextEditor.js.map +2 -2
  19. package/dist/components/form-control/field/Field.styles.d.ts.map +1 -1
  20. package/dist/components/form-control/field/Field.styles.js +7 -4
  21. package/dist/components/form-control/field/Field.styles.js.map +1 -1
  22. package/dist/components/form-control/state-preset/StatePreset.d.ts.map +1 -1
  23. package/dist/components/form-control/state-preset/StatePreset.js +8 -4
  24. package/dist/components/form-control/state-preset/StatePreset.js.map +2 -2
  25. package/dist/styles/tokens.styles.d.ts +2 -1
  26. package/dist/styles/tokens.styles.d.ts.map +1 -1
  27. package/dist/styles/tokens.styles.js +2 -0
  28. package/dist/styles/tokens.styles.js.map +1 -1
  29. package/package.json +3 -3
  30. package/src/components/data/list/ListItem.styles.ts +1 -0
  31. package/src/components/form-control/Button.tsx +1 -0
  32. package/src/components/form-control/DropdownTrigger.styles.ts +2 -1
  33. package/src/components/form-control/Invalid.tsx +10 -6
  34. package/src/components/form-control/checkbox/Checkbox.styles.ts +3 -0
  35. package/src/components/form-control/editor/RichTextEditor.tsx +1 -0
  36. package/src/components/form-control/field/Field.styles.ts +4 -1
  37. package/src/components/form-control/state-preset/StatePreset.tsx +4 -0
  38. package/src/styles/tokens.styles.ts +2 -1
  39. package/tailwind.config.ts +2 -0
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/data/list/ListItem.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAGlF,eAAO,MAAM,iBAAiB,QAa7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAG7D,CAAC;AAGF,eAAO,MAAM,qBAAqB,QAMjC,CAAC;AAGF,eAAO,MAAM,qBAAqB,QAAqD,CAAC;AAGxF,eAAO,MAAM,qBAAqB,QAAuD,CAAC;AAG1F,eAAO,MAAM,wBAAwB,QAA2C,CAAC;AAGjF,eAAO,MAAM,oBAAoB,QAAkE,CAAC;AAGpG,eAAO,MAAM,4BAA4B,GAAI,UAAU,OAAO,WACkC,CAAC"}
1
+ {"version":3,"file":"ListItem.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/data/list/ListItem.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAGlF,eAAO,MAAM,iBAAiB,QAa7B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAI7D,CAAC;AAGF,eAAO,MAAM,qBAAqB,QAMjC,CAAC;AAGF,eAAO,MAAM,qBAAqB,QAAqD,CAAC;AAGxF,eAAO,MAAM,qBAAqB,QAAuD,CAAC;AAG1F,eAAO,MAAM,wBAAwB,QAA2C,CAAC;AAGjF,eAAO,MAAM,oBAAoB,QAAkE,CAAC;AAGpG,eAAO,MAAM,4BAA4B,GAAI,UAAU,OAAO,WACkC,CAAC"}
@@ -16,7 +16,8 @@ const listItemBaseClass = clsx(
16
16
  );
17
17
  const listItemSizeClasses = {
18
18
  sm: clsx("px-1 py-0.5"),
19
- lg: clsx("px-2 py-1.5")
19
+ lg: clsx("px-2 py-1.5"),
20
+ xl: clsx("px-3 py-2")
20
21
  };
21
22
  const listItemSelectedClass = clsx(
22
23
  "bg-primary-100",
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/data/list/ListItem.styles.ts"],
4
- "mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,qBAAyC;AAG3C,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,sBAAqD;AAAA,EAChE,IAAI,KAAK,aAAa;AAAA,EACtB,IAAI,KAAK,aAAa;AACxB;AAGO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,wBAAwB,KAAK,4CAA4C;AAG/E,MAAM,wBAAwB,KAAK,8CAA8C;AAGjF,MAAM,2BAA2B,KAAK,qBAAqB,aAAa;AAGxE,MAAM,uBAAuB,KAAK,wBAAwB,sBAAsB,WAAW;AAG3F,MAAM,+BAA+B,CAAC,aAC3C,KAAK,WAAW,2CAA2C,kCAAkC;",
4
+ "mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,qBAAyC;AAG3C,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,sBAAqD;AAAA,EAChE,IAAI,KAAK,aAAa;AAAA,EACtB,IAAI,KAAK,aAAa;AAAA,EACtB,IAAI,KAAK,WAAW;AACtB;AAGO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,wBAAwB,KAAK,4CAA4C;AAG/E,MAAM,wBAAwB,KAAK,8CAA8C;AAGjF,MAAM,2BAA2B,KAAK,qBAAqB,aAAa;AAGxE,MAAM,uBAAuB,KAAK,wBAAwB,sBAAsB,WAAW;AAG3F,MAAM,+BAA+B,CAAC,aAC3C,KAAK,WAAW,2CAA2C,kCAAkC;",
5
5
  "names": []
6
6
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAc,MAAM,UAAU,CAAC;AAItE,OAAO,EAAe,KAAK,aAAa,EAAE,KAAK,aAAa,EAAmB,MAAM,4BAA4B,CAAC;AAKlH,KAAK,WAAW,GAAG,aAAa,CAAC;AACjC,KAAK,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AACnD,KAAK,UAAU,GAAG,aAAa,CAAC;AAiChC,MAAM,WAAW,WAAY,SAAQ,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,EAAE,eAAe,CAAC,WAAW,CAsC/C,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,GAAG,EAAE,KAAK,eAAe,EAAc,MAAM,UAAU,CAAC;AAItE,OAAO,EAAe,KAAK,aAAa,EAAE,KAAK,aAAa,EAAmB,MAAM,4BAA4B,CAAC;AAKlH,KAAK,WAAW,GAAG,aAAa,CAAC;AACjC,KAAK,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AACnD,KAAK,UAAU,GAAG,aAAa,CAAC;AAkChC,MAAM,WAAW,WAAY,SAAQ,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,EAAE,eAAe,CAAC,WAAW,CAsC/C,CAAC"}
@@ -19,7 +19,8 @@ const themeClasses = Object.fromEntries(Object.entries(themeTokens).map(([theme,
19
19
  }]));
20
20
  const sizeClasses = {
21
21
  sm: clsx("min-w-6 px-1 py-0"),
22
- lg: clsx("min-w-9 px-3 py-1.5")
22
+ lg: clsx("min-w-9 px-3 py-1.5"),
23
+ xl: clsx("min-w-10 px-4 py-2 text-lg")
23
24
  };
24
25
  const Button = (props) => {
25
26
  const [local, rest] = splitProps(props, ["children", "class", "type", "theme", "variant", "size", "inset", "disabled"]);
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/form-control/Button.tsx"],
4
- "mappings": ";;;;;;;AAAA,SAAyCA,kBAAkB;AAC3D,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAASC,cAAc;AACvB,SAASC,aAAqDC,uBAAuB;AAGrF,KAAKF;AAML,MAAMG,YAAYL,KAChB,4BACA,aACA,aACA,kBACA,eACA,kBACA,qBACA,WACA,sBACA,wBACA,6BACA,SACF;AAEA,MAAMM,eAAeC,OAAOC,YAC1BD,OAAOE,QAAQN,WAAW,EAAEO,IAAI,CAAC,CAACC,OAAOC,CAAC,MAAM,CAC9CD,OACA;EACEE,OAAOb,KAAKY,EAAEC,OAAOD,EAAEE,UAAU;EACjCC,SAASf,KAAK,kBAAkBY,EAAEI,SAASJ,EAAEK,MAAML,EAAEM,MAAM;EAC3DC,OAAOnB,KAAK,kBAAkBY,EAAEI,SAASJ,EAAEK,IAAI;AACjD,CAAC,CACF,CACH;AAEA,MAAMG,cAA0C;EAC9CC,IAAIrB,KAAK,mBAAmB;EAC5BsB,IAAItB,KAAK,qBAAqB;AAChC;AASO,MAAMuB,SAAwCC,WAAU;AAC7D,QAAM,CAACC,OAAOC,IAAI,IAAI3B,WAAWyB,OAAO,CACtC,YACA,SACA,QACA,SACA,WACA,QACA,SACA,UAAU,CACX;AAED,QAAMG,eAAeA,MAAM;AACzB,UAAMhB,QAAQc,MAAMd,SAAS;AAC7B,UAAMiB,UAAUH,MAAMG,WAAW;AAEjC,WAAO3B,QACLI,WACAC,aAAaK,KAAK,EAAEiB,OAAO,GAC3BH,MAAMI,QAAQT,YAAYK,MAAMI,IAAI,GACpCJ,MAAMK,SAAS,4BACfL,MAAMM,YAAY3B,iBAClBqB,MAAMO,KACR;EACF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAAC,UAIQjC,QAAM+B,MAAA,MAAE,CAACR,MAAMM,QAAQ;AAAAK,aAAAH,MAAAI,aAFvBX,MAAI;MAAA,eAAA;MAAA,IAGRY,OAAI;AAAA,eAAEb,MAAMa,QAAQ;MAAQ;MAAA,KAAA,OAAA,IAAA;AAAA,eACrBX,aAAa;MAAC;MAAA,IACrBI,WAAQ;AAAA,eAAEN,MAAMM;MAAQ;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAQ,aAAAN,MAAA,MAEvBR,MAAMe,QAAQ;AAAA,WAAAP;EAAA,GAAA;AAGrB;",
5
- "names": ["splitProps", "clsx", "twMerge", "ripple", "themeTokens", "disabledOpacity", "baseClass", "themeClasses", "Object", "fromEntries", "entries", "map", "theme", "t", "solid", "solidHover", "outline", "hoverBg", "text", "border", "ghost", "sizeClasses", "sm", "lg", "Button", "props", "local", "rest", "getClassName", "variant", "size", "inset", "disabled", "class", "_el$", "_tmpl$", "_$use", "_$spread", "_$mergeProps", "type", "_$insert", "children"]
4
+ "mappings": ";;;;;;;AAAA,SAAyCA,kBAAkB;AAC3D,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,SAASC,cAAc;AACvB,SAASC,aAAqDC,uBAAuB;AAGrF,KAAKF;AAML,MAAMG,YAAYL,KAChB,4BACA,aACA,aACA,kBACA,eACA,kBACA,qBACA,WACA,sBACA,wBACA,6BACA,SACF;AAEA,MAAMM,eAAeC,OAAOC,YAC1BD,OAAOE,QAAQN,WAAW,EAAEO,IAAI,CAAC,CAACC,OAAOC,CAAC,MAAM,CAC9CD,OACA;EACEE,OAAOb,KAAKY,EAAEC,OAAOD,EAAEE,UAAU;EACjCC,SAASf,KAAK,kBAAkBY,EAAEI,SAASJ,EAAEK,MAAML,EAAEM,MAAM;EAC3DC,OAAOnB,KAAK,kBAAkBY,EAAEI,SAASJ,EAAEK,IAAI;AACjD,CAAC,CACF,CACH;AAEA,MAAMG,cAA0C;EAC9CC,IAAIrB,KAAK,mBAAmB;EAC5BsB,IAAItB,KAAK,qBAAqB;EAC9BuB,IAAIvB,KAAK,4BAA4B;AACvC;AASO,MAAMwB,SAAwCC,WAAU;AAC7D,QAAM,CAACC,OAAOC,IAAI,IAAI5B,WAAW0B,OAAO,CACtC,YACA,SACA,QACA,SACA,WACA,QACA,SACA,UAAU,CACX;AAED,QAAMG,eAAeA,MAAM;AACzB,UAAMjB,QAAQe,MAAMf,SAAS;AAC7B,UAAMkB,UAAUH,MAAMG,WAAW;AAEjC,WAAO5B,QACLI,WACAC,aAAaK,KAAK,EAAEkB,OAAO,GAC3BH,MAAMI,QAAQV,YAAYM,MAAMI,IAAI,GACpCJ,MAAMK,SAAS,4BACfL,MAAMM,YAAY5B,iBAClBsB,MAAMO,KACR;EACF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA;AAAAC,UAIQlC,QAAMgC,MAAA,MAAE,CAACR,MAAMM,QAAQ;AAAAK,aAAAH,MAAAI,aAFvBX,MAAI;MAAA,eAAA;MAAA,IAGRY,OAAI;AAAA,eAAEb,MAAMa,QAAQ;MAAQ;MAAA,KAAA,OAAA,IAAA;AAAA,eACrBX,aAAa;MAAC;MAAA,IACrBI,WAAQ;AAAA,eAAEN,MAAMM;MAAQ;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAQ,aAAAN,MAAA,MAEvBR,MAAMe,QAAQ;AAAA,WAAAP;EAAA,GAAA;AAGrB;",
5
+ "names": ["splitProps", "clsx", "twMerge", "ripple", "themeTokens", "disabledOpacity", "baseClass", "themeClasses", "Object", "fromEntries", "entries", "map", "theme", "t", "solid", "solidHover", "outline", "hoverBg", "text", "border", "ghost", "sizeClasses", "sm", "lg", "xl", "Button", "props", "local", "rest", "getClassName", "variant", "size", "inset", "disabled", "class", "_el$", "_tmpl$", "_$use", "_$spread", "_$mergeProps", "type", "_$insert", "children"]
6
6
  }
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownTrigger.styles.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/DropdownTrigger.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,aAAa,EAAwB,MAAM,4BAA4B,CAAC;AAGrG,eAAO,MAAM,gBAAgB,QAW5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAEhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAA2D,CAAC;AAE1F,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAG5D,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAA0C,CAAC;AAE3E,oCAAoC;AACpC,wBAAgB,eAAe,CAAC,OAAO,EAAE;IACvC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,MAAM,CAST"}
1
+ {"version":3,"file":"DropdownTrigger.styles.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/DropdownTrigger.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAiB,KAAK,aAAa,EAAmC,MAAM,4BAA4B,CAAC;AAGhH,eAAO,MAAM,gBAAgB,QAW5B,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAEhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,QAA2D,CAAC;AAE1F,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAI5D,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAA0C,CAAC;AAE3E,oCAAoC;AACpC,wBAAgB,eAAe,CAAC,OAAO,EAAE;IACvC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,MAAM,CAST"}
@@ -1,6 +1,6 @@
1
1
  import clsx from "clsx";
2
2
  import { twMerge } from "tailwind-merge";
3
- import { borderDefault, paddingLg, paddingSm } from "../../styles/tokens.styles.js";
3
+ import { borderDefault, paddingLg, paddingSm, paddingXl } from "../../styles/tokens.styles.js";
4
4
  import { insetBase, insetFocusOutlineSelf } from "../../styles/patterns.styles.js";
5
5
  const triggerBaseClass = clsx(
6
6
  "inline-flex items-center gap-2",
@@ -20,7 +20,8 @@ const triggerDisabledClass = clsx(
20
20
  const triggerInsetClass = clsx(insetBase, "bg-transparent", insetFocusOutlineSelf);
21
21
  const triggerSizeClasses = {
22
22
  sm: clsx("gap-1.5", paddingSm),
23
- lg: clsx("gap-3", paddingLg)
23
+ lg: clsx("gap-3", paddingLg),
24
+ xl: clsx("gap-3.5", paddingXl)
24
25
  };
25
26
  const chevronWrapperClass = clsx("opacity-30", "hover:opacity-100");
26
27
  function getTriggerClass(options) {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/form-control/DropdownTrigger.styles.ts"],
4
- "mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,eAAmC,WAAW,iBAAiB;AACxE,SAAS,WAAW,6BAA6B;AAE1C,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,uBAAuB;AAAA,EAClC;AACF;AAEO,MAAM,oBAAoB,KAAK,WAAW,kBAAkB,qBAAqB;AAEjF,MAAM,qBAAoD;AAAA,EAC/D,IAAI,KAAK,WAAW,SAAS;AAAA,EAC7B,IAAI,KAAK,SAAS,SAAS;AAC7B;AAEO,MAAM,sBAAsB,KAAK,cAAc,mBAAmB;AAGlE,SAAS,gBAAgB,SAKrB;AACT,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,QAAQ,QAAQ,mBAAmB,QAAQ,IAAI;AAAA,IAC/C,QAAQ,YAAY;AAAA,IACpB,QAAQ,SAAS;AAAA,IACjB,QAAQ;AAAA,EACV;AACF;",
4
+ "mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,eAAmC,WAAW,WAAW,iBAAiB;AACnF,SAAS,WAAW,6BAA6B;AAE1C,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,uBAAuB;AAAA,EAClC;AACF;AAEO,MAAM,oBAAoB,KAAK,WAAW,kBAAkB,qBAAqB;AAEjF,MAAM,qBAAoD;AAAA,EAC/D,IAAI,KAAK,WAAW,SAAS;AAAA,EAC7B,IAAI,KAAK,SAAS,SAAS;AAAA,EAC3B,IAAI,KAAK,WAAW,SAAS;AAC/B;AAEO,MAAM,sBAAsB,KAAK,cAAc,mBAAmB;AAGlE,SAAS,gBAAgB,SAKrB;AACT,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA,QAAQ,QAAQ,mBAAmB,QAAQ,IAAI;AAAA,IAC/C,QAAQ,YAAY;AAAA,IACpB,QAAQ,SAAS;AAAA,IACjB,QAAQ;AAAA,EACV;AACF;",
5
5
  "names": []
6
6
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Invalid.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/Invalid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAA4B,MAAM,UAAU,CAAC;AAG1E,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAgBD,eAAO,MAAM,OAAO,EAAE,eAAe,CAAC,YAAY,CAkCjD,CAAC"}
1
+ {"version":3,"file":"Invalid.d.ts","sourceRoot":"","sources":["../../../src/components/form-control/Invalid.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAA4B,MAAM,UAAU,CAAC;AAG1E,OAAO,wBAAwB,CAAC;AAEhC,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAkBD,eAAO,MAAM,OAAO,EAAE,eAAe,CAAC,YAAY,CAoCjD,CAAC"}
@@ -6,12 +6,13 @@ import { use as _$use } from "solid-js/web";
6
6
  import { className as _$className } from "solid-js/web";
7
7
  import { spread as _$spread } from "solid-js/web";
8
8
  import { mergeProps as _$mergeProps } from "solid-js/web";
9
- var _tmpl$ = /* @__PURE__ */ _$template(`<div><div></div><input type=text tabindex=-1 aria-hidden=true>`);
9
+ var _tmpl$ = /* @__PURE__ */ _$template(`<div><span><span></span></span><input type=text tabindex=-1 aria-hidden=true>`);
10
10
  import { createEffect, splitProps } from "solid-js";
11
11
  import clsx from "clsx";
12
12
  import { twMerge } from "tailwind-merge";
13
13
  import "@simplysm/core-browser";
14
- const indicatorClass = clsx("absolute left-0.5 top-0.5", "size-1.5 rounded-full", "bg-danger-500", "pointer-events-none select-none");
14
+ const anchorClass = clsx("relative inline-block", "size-0 align-top", "overflow-visible", "pointer-events-none select-none");
15
+ const indicatorClass = clsx("absolute left-0.5 top-0.5", "size-1.5 rounded-full", "bg-danger-500");
15
16
  const hiddenInputClass = clsx("absolute bottom-0 left-0.5", "size-px opacity-0", "pointer-events-none -z-10", "select-none");
16
17
  const Invalid = (props) => {
17
18
  const [local, rest] = splitProps(props, ["message", "class", "children"]);
@@ -29,19 +30,20 @@ const Invalid = (props) => {
29
30
  }
30
31
  };
31
32
  return (() => {
32
- var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
33
+ var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$2.nextSibling;
33
34
  _$spread(_el$, _$mergeProps(rest, {
34
35
  get ["class"]() {
35
- return twMerge("relative inline", local.class);
36
+ return twMerge("inline", local.class);
36
37
  }
37
38
  }), false, true);
38
- _$insert(_el$, () => local.children, _el$2);
39
- _$className(_el$2, indicatorClass);
40
- _el$3.addEventListener("focus", handleHiddenInputFocus);
39
+ _$className(_el$2, anchorClass);
40
+ _$className(_el$3, indicatorClass);
41
+ _$insert(_el$, () => local.children, _el$4);
42
+ _el$4.addEventListener("focus", handleHiddenInputFocus);
41
43
  var _ref$ = hiddenInputEl;
42
- typeof _ref$ === "function" ? _$use(_ref$, _el$3) : hiddenInputEl = _el$3;
43
- _$className(_el$3, hiddenInputClass);
44
- _$effect((_$p) => _$setStyleProperty(_el$2, "display", (local.message ?? "") !== "" ? "block" : "none"));
44
+ typeof _ref$ === "function" ? _$use(_ref$, _el$4) : hiddenInputEl = _el$4;
45
+ _$className(_el$4, hiddenInputClass);
46
+ _$effect((_$p) => _$setStyleProperty(_el$3, "display", (local.message ?? "") !== "" ? "block" : "none"));
45
47
  return _el$;
46
48
  })();
47
49
  };
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/components/form-control/Invalid.tsx"],
4
- "mappings": ";;;;;;;;;AAAA,SAA+BA,cAAcC,kBAAkB;AAC/D,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,OAAO;AASP,MAAMC,iBAAiBF,KACrB,6BACA,yBACA,iBACA,iCACF;AAEA,MAAMG,mBAAmBH,KACvB,8BACA,qBACA,6BACA,aACF;AAEO,MAAMI,UAA0CC,WAAU;AAC/D,QAAM,CAACC,OAAOC,IAAI,IAAIR,WAAWM,OAAO,CAAC,WAAW,SAAS,UAAU,CAAC;AAExE,MAAIG;AAGJV,eAAa,MAAM;AACjB,UAAMW,MAAMH,MAAMI,WAAW;AAC7BF,kBAAcG,kBAAkBF,GAAG;EACrC,CAAC;AAED,QAAMG,yBAA0BC,OAAkB;AAChD,UAAMC,YAAaD,EAAEE,cAA8BC;AACnD,QAAI,CAACF,UAAW;AAChB,UAAMG,YAAYH,UAAUI,wBAAwB;AACpD,QAAID,aAAaA,cAAcJ,EAAEE,eAAe;AAC9CE,gBAAUE,MAAM;IAClB;EACF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAG;AAAAC,aAAAN,MAAAO,aACWpB,MAAI;MAAA,KAAA,OAAA,IAAA;AAAA,eAASN,QAAQ,mBAAmBK,MAAMsB,KAAK;MAAC;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAC,aAAAT,MAAA,MAC1Dd,MAAMwB,UAAQR,KAAA;AAAAS,gBAAAT,OACHpB,cAAc;AAAAsB,UAAAQ,iBAAA,SAOfpB,sBAAsB;AAAA,QAAAqB,QAL1BzB;AAAa,WAAAyB,UAAA,aAAAC,MAAAD,OAAAT,KAAA,IAAbhB,gBAAagB;AAAAO,gBAAAP,OAEXrB,gBAAgB;AAAAgC,aAAAC,SAAAC,mBAAAf,OAAA,YAJsBhB,MAAMI,WAAW,QAAQ,KAAK,UAAU,MAAM,CAAA;AAAA,WAAAU;EAAA,GAAA;AAWnG;",
5
- "names": ["createEffect", "splitProps", "clsx", "twMerge", "indicatorClass", "hiddenInputClass", "Invalid", "props", "local", "rest", "hiddenInputEl", "msg", "message", "setCustomValidity", "handleHiddenInputFocus", "e", "container", "currentTarget", "parentElement", "focusable", "findFirstFocusableChild", "focus", "_el$", "_tmpl$", "_el$2", "firstChild", "_el$3", "nextSibling", "_$spread", "_$mergeProps", "class", "_$insert", "children", "_$className", "addEventListener", "_ref$", "_$use", "_$effect", "_$p", "_$setStyleProperty"]
4
+ "mappings": ";;;;;;;;;AAAA,SAA+BA,cAAcC,kBAAkB;AAC/D,OAAOC,UAAU;AACjB,SAASC,eAAe;AACxB,OAAO;AASP,MAAMC,cAAcF,KAClB,yBACA,oBACA,oBACA,iCACF;AAEA,MAAMG,iBAAiBH,KAAK,6BAA6B,yBAAyB,eAAe;AAEjG,MAAMI,mBAAmBJ,KACvB,8BACA,qBACA,6BACA,aACF;AAEO,MAAMK,UAA0CC,WAAU;AAC/D,QAAM,CAACC,OAAOC,IAAI,IAAIT,WAAWO,OAAO,CAAC,WAAW,SAAS,UAAU,CAAC;AAExE,MAAIG;AAGJX,eAAa,MAAM;AACjB,UAAMY,MAAMH,MAAMI,WAAW;AAC7BF,kBAAcG,kBAAkBF,GAAG;EACrC,CAAC;AAED,QAAMG,yBAA0BC,OAAkB;AAChD,UAAMC,YAAaD,EAAEE,cAA8BC;AACnD,QAAI,CAACF,UAAW;AAChB,UAAMG,YAAYH,UAAUI,wBAAwB;AACpD,QAAID,aAAaA,cAAcJ,EAAEE,eAAe;AAC9CE,gBAAUE,MAAM;IAClB;EACF;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,OAAA,GAAAC,QAAAF,KAAAG,YAAAC,QAAAF,MAAAC,YAAAE,QAAAH,MAAAI;AAAAC,aAAAP,MAAAQ,aACWrB,MAAI;MAAA,KAAA,OAAA,IAAA;AAAA,eAASP,QAAQ,UAAUM,MAAMuB,KAAK;MAAC;IAAA,CAAA,GAAA,OAAA,IAAA;AAAAC,gBAAAR,OACrCrB,WAAW;AAAA6B,gBAAAN,OACTtB,cAAc;AAAA6B,aAAAX,MAAA,MAE5Bd,MAAM0B,UAAQP,KAAA;AAAAA,UAAAQ,iBAAA,SAOJrB,sBAAsB;AAAA,QAAAsB,QAL1B1B;AAAa,WAAA0B,UAAA,aAAAC,MAAAD,OAAAT,KAAA,IAAbjB,gBAAaiB;AAAAK,gBAAAL,OAEXtB,gBAAgB;AAAAiC,aAAAC,SAAAC,mBAAAd,OAAA,YANyBlB,MAAMI,WAAW,QAAQ,KAAK,UAAU,MAAM,CAAA;AAAA,WAAAU;EAAA,GAAA;AAatG;",
5
+ "names": ["createEffect", "splitProps", "clsx", "twMerge", "anchorClass", "indicatorClass", "hiddenInputClass", "Invalid", "props", "local", "rest", "hiddenInputEl", "msg", "message", "setCustomValidity", "handleHiddenInputFocus", "e", "container", "currentTarget", "parentElement", "focusable", "findFirstFocusableChild", "focus", "_el$", "_tmpl$", "_el$2", "firstChild", "_el$3", "_el$4", "nextSibling", "_$spread", "_$mergeProps", "class", "_$className", "_$insert", "children", "addEventListener", "_ref$", "_$use", "_$effect", "_$p", "_$setStyleProperty"]
6
6
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/checkbox/Checkbox.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,aAAa,EAInB,MAAM,+BAA+B,CAAC;AAGvC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAClF,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC;AAGzC,eAAO,MAAM,iBAAiB,QAU7B,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAO9B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAM7D,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAG5D,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAAwF,CAAC;AAGxH,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAGvE,CAAC;AAGF,eAAO,MAAM,mBAAmB,QAAmC,CAAC;AAGpE,eAAO,MAAM,qBAAqB,kDAAkB,CAAC"}
1
+ {"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/checkbox/Checkbox.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,aAAa,EAKnB,MAAM,+BAA+B,CAAC;AAGvC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAClF,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC;AAGzC,eAAO,MAAM,iBAAiB,QAU7B,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAO9B,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAM7D,CAAC;AAGF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAI5D,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAAwF,CAAC;AAGxH,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAIvE,CAAC;AAGF,eAAO,MAAM,mBAAmB,QAAmC,CAAC;AAGpE,eAAO,MAAM,qBAAqB,kDAAkB,CAAC"}
@@ -4,7 +4,8 @@ import {
4
4
  borderDefault,
5
5
  disabledOpacity,
6
6
  paddingLg,
7
- paddingSm
7
+ paddingSm,
8
+ paddingXl
8
9
  } from "../../../styles/tokens.styles.js";
9
10
  import { insetBase, insetFocusOutlineSelf } from "../../../styles/patterns.styles.js";
10
11
  const checkboxBaseClass = clsx(
@@ -35,12 +36,14 @@ const themeCheckedClasses = {
35
36
  };
36
37
  const checkboxSizeClasses = {
37
38
  sm: clsx("h-field-sm", paddingSm),
38
- lg: clsx("h-field-lg", paddingLg)
39
+ lg: clsx("h-field-lg", paddingLg),
40
+ xl: clsx("h-field-xl", paddingXl)
39
41
  };
40
42
  const checkboxInsetClass = clsx("h-field-inset justify-center bg-transparent", insetBase, insetFocusOutlineSelf);
41
43
  const checkboxInsetSizeHeightClasses = {
42
44
  sm: "h-field-inset-sm",
43
- lg: "h-field-inset-lg"
45
+ lg: "h-field-inset-lg",
46
+ xl: "h-field-inset-xl"
44
47
  };
45
48
  const checkboxInlineClass = clsx("!h-auto", "!p-0", "gap-1");
46
49
  const checkboxDisabledClass = disabledOpacity;
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/form-control/checkbox/Checkbox.styles.ts"],
4
- "mappings": "AAAA,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,6BAA6B;AAM1C,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,sBAAqD;AAAA,EAChE,SAAS,KAAK,qCAAqC,YAAY;AAAA,EAC/D,MAAM,KAAK,+BAA+B,YAAY;AAAA,EACtD,SAAS,KAAK,qCAAqC,YAAY;AAAA,EAC/D,SAAS,KAAK,qCAAqC,YAAY;AAAA,EAC/D,QAAQ,KAAK,mCAAmC,YAAY;AAC9D;AAGO,MAAM,sBAAoD;AAAA,EAC/D,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAClC;AAGO,MAAM,qBAAqB,KAAK,+CAA+C,WAAW,qBAAqB;AAG/G,MAAM,iCAA+D;AAAA,EAC1E,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,sBAAsB,KAAK,WAAW,QAAQ,OAAO;AAG3D,MAAM,wBAAwB;",
4
+ "mappings": "AAAA,OAAO,UAAU;AACjB;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,WAAW,6BAA6B;AAM1C,MAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,qBAAqB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,sBAAqD;AAAA,EAChE,SAAS,KAAK,qCAAqC,YAAY;AAAA,EAC/D,MAAM,KAAK,+BAA+B,YAAY;AAAA,EACtD,SAAS,KAAK,qCAAqC,YAAY;AAAA,EAC/D,SAAS,KAAK,qCAAqC,YAAY;AAAA,EAC/D,QAAQ,KAAK,mCAAmC,YAAY;AAC9D;AAGO,MAAM,sBAAoD;AAAA,EAC/D,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAClC;AAGO,MAAM,qBAAqB,KAAK,+CAA+C,WAAW,qBAAqB;AAG/G,MAAM,iCAA+D;AAAA,EAC1E,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,sBAAsB,KAAK,WAAW,QAAQ,OAAO;AAG3D,MAAM,wBAAwB;",
5
5
  "names": []
6
6
  }
@@ -1 +1 @@
1
- {"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/editor/RichTextEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAA0D,MAAM,UAAU,CAAC;AAE5G,OAAO,cAAc,CAAC;AActB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvD,MAAM,WAAW,mBAAmB;IAClC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU;IACV,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AA8BD,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,mBAAmB,CAkGzD,CAAC"}
1
+ {"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/editor/RichTextEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAA0D,MAAM,UAAU,CAAC;AAE5G,OAAO,cAAc,CAAC;AActB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvD,MAAM,WAAW,mBAAmB;IAClC,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU;IACV,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AA+BD,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,mBAAmB,CAkGzD,CAAC"}
@@ -29,7 +29,8 @@ const editorDisabledClass = clsx("bg-base-100 dark:bg-base-800", "text-base-500"
29
29
  const editorContentClass = clsx("px-4 py-3", "min-h-32", "outline-none", "prose prose-sm max-w-none", "dark:prose-invert");
30
30
  const editorContentSizeClasses = {
31
31
  sm: clsx("px-3 py-2", "min-h-24"),
32
- lg: clsx("px-5 py-4", "min-h-48")
32
+ lg: clsx("px-5 py-4", "min-h-48"),
33
+ xl: clsx("px-6 py-5", "min-h-64")
33
34
  };
34
35
  const RichTextEditor = (props) => {
35
36
  const [local, rest] = splitProps(props, ["value", "onValueChange", "disabled", "size", "class", "style"]);
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/form-control/editor/RichTextEditor.tsx"],
4
- "mappings": "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",
5
- "names": ["Show", "createEffect", "on", "onCleanup", "splitProps", "untrack", "clsx", "twMerge", "createTiptapEditor", "StarterKit", "TextAlign", "Color", "TextStyle", "Highlight", "Table", "TableRow", "TableHeader", "TableCell", "Image", "createControllableSignal", "EditorToolbar", "editorWrapperClass", "editorDisabledClass", "editorContentClass", "editorContentSizeClasses", "sm", "lg", "RichTextEditor", "props", "local", "rest", "value", "setValue", "onChange", "onValueChange", "isInternalUpdate", "editorRef", "editor", "element", "extensions", "configure", "types", "multicolor", "resizable", "inline", "allowBase64", "content", "editable", "disabled", "onUpdate", "e", "html", "getHTML", "queueMicrotask", "setEditable", "newValue", "editorHtml", "normalizedEditor", "commands", "setContent", "emitUpdate", "destroy", "getWrapperClass", "class", "getContentClass", "size", "_el$", "_tmpl$", "_el$2", "firstChild", "_$spread", "_$mergeProps", "style", "_$insert", "_$createComponent", "when", "children", "instance", "_ref$", "_$use", "_$effect", "_$className"]
4
+ "mappings": "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",
5
+ "names": ["Show", "createEffect", "on", "onCleanup", "splitProps", "untrack", "clsx", "twMerge", "createTiptapEditor", "StarterKit", "TextAlign", "Color", "TextStyle", "Highlight", "Table", "TableRow", "TableHeader", "TableCell", "Image", "createControllableSignal", "EditorToolbar", "editorWrapperClass", "editorDisabledClass", "editorContentClass", "editorContentSizeClasses", "sm", "lg", "xl", "RichTextEditor", "props", "local", "rest", "value", "setValue", "onChange", "onValueChange", "isInternalUpdate", "editorRef", "editor", "element", "extensions", "configure", "types", "multicolor", "resizable", "inline", "allowBase64", "content", "editable", "disabled", "onUpdate", "e", "html", "getHTML", "queueMicrotask", "setEditable", "newValue", "editorHtml", "normalizedEditor", "commands", "setContent", "emitUpdate", "destroy", "getWrapperClass", "class", "getContentClass", "size", "_el$", "_tmpl$", "_el$2", "firstChild", "_$spread", "_$mergeProps", "style", "_$insert", "_$createComponent", "when", "children", "instance", "_ref$", "_$use", "_$effect", "_$className"]
6
6
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/Field.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,EAAwB,MAAM,+BAA+B,CAAC;AAGzF,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AAGtC,eAAO,MAAM,cAAc,QAAyE,CAAC;AAGrG,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAGtD,CAAC;AAGF,eAAO,MAAM,eAAe,QAA6E,CAAC;AAG1G,eAAO,MAAM,qBAAqB,kBAAkB,CAAC;AACrD,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAGjE,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAAqD,CAAC;AAGrF,eAAO,MAAM,iBAAiB,QAAuD,CAAC;AAGtF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAGzD,CAAC;AAGF,eAAO,MAAM,eAAe,QAAY,CAAC"}
1
+ {"version":3,"file":"Field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/Field.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,EAAmC,MAAM,+BAA+B,CAAC;AAGpG,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AAGtC,eAAO,MAAM,cAAc,QAAyE,CAAC;AAGrG,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAItD,CAAC;AAGF,eAAO,MAAM,eAAe,QAA6E,CAAC;AAG1G,eAAO,MAAM,qBAAqB,kBAAkB,CAAC;AACrD,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIjE,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAAqD,CAAC;AAGrF,eAAO,MAAM,iBAAiB,QAAuD,CAAC;AAGtF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIzD,CAAC;AAGF,eAAO,MAAM,eAAe,QAAY,CAAC"}
@@ -1,22 +1,25 @@
1
1
  import clsx from "clsx";
2
- import { paddingLg, paddingSm } from "../../../styles/tokens.styles.js";
2
+ import { paddingLg, paddingSm, paddingXl } from "../../../styles/tokens.styles.js";
3
3
  import { fieldSurface, insetBase, insetFocusOutline, inputBase } from "../../../styles/patterns.styles.js";
4
4
  const fieldBaseClass = clsx("inline-flex items-center", fieldSurface, "px-2 py-1", "h-field");
5
5
  const fieldSizeClasses = {
6
6
  sm: clsx("h-field-sm", paddingSm),
7
- lg: clsx("h-field-lg", paddingLg)
7
+ lg: clsx("h-field-lg", paddingLg),
8
+ xl: clsx("h-field-xl", paddingXl)
8
9
  };
9
10
  const fieldInsetClass = clsx(insetBase, "bg-primary-50 dark:bg-primary-950/30", insetFocusOutline);
10
11
  const fieldInsetHeightClass = "h-field-inset";
11
12
  const fieldInsetSizeHeightClasses = {
12
13
  sm: "h-field-inset-sm",
13
- lg: "h-field-inset-lg"
14
+ lg: "h-field-inset-lg",
15
+ xl: "h-field-inset-xl"
14
16
  };
15
17
  const fieldDisabledClass = clsx("bg-base-100 text-base-500 dark:bg-base-800");
16
18
  const textAreaBaseClass = clsx("inline-block w-48", fieldSurface, "px-2 py-1");
17
19
  const textAreaSizeClasses = {
18
20
  sm: paddingSm,
19
- lg: paddingLg
21
+ lg: paddingLg,
22
+ xl: paddingXl
20
23
  };
21
24
  const fieldInputClass = inputBase;
22
25
  export {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/form-control/field/Field.styles.ts"],
4
- "mappings": "AAAA,OAAO,UAAU;AACjB,SAA6B,WAAW,iBAAiB;AACzD,SAAS,cAAc,WAAW,mBAAmB,iBAAiB;AAK/D,MAAM,iBAAiB,KAAK,4BAA4B,cAAc,aAAa,SAAS;AAG5F,MAAM,mBAA8C;AAAA,EACzD,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAClC;AAGO,MAAM,kBAAkB,KAAK,WAAW,wCAAwC,iBAAiB;AAGjG,MAAM,wBAAwB;AAC9B,MAAM,8BAAyD;AAAA,EACpE,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,qBAAqB,KAAK,4CAA4C;AAG5E,MAAM,oBAAoB,KAAK,qBAAqB,cAAc,WAAW;AAG7E,MAAM,sBAAiD;AAAA,EAC5D,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,kBAAkB;",
4
+ "mappings": "AAAA,OAAO,UAAU;AACjB,SAA6B,WAAW,WAAW,iBAAiB;AACpE,SAAS,cAAc,WAAW,mBAAmB,iBAAiB;AAK/D,MAAM,iBAAiB,KAAK,4BAA4B,cAAc,aAAa,SAAS;AAG5F,MAAM,mBAA8C;AAAA,EACzD,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAClC;AAGO,MAAM,kBAAkB,KAAK,WAAW,wCAAwC,iBAAiB;AAGjG,MAAM,wBAAwB;AAC9B,MAAM,8BAAyD;AAAA,EACpE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,qBAAqB,KAAK,4CAA4C;AAG5E,MAAM,oBAAoB,KAAK,qBAAqB,cAAc,WAAW;AAG7E,MAAM,sBAAiD;AAAA,EAC5D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,kBAAkB;",
5
5
  "names": []
6
6
  }
@@ -1 +1 @@
1
- {"version":3,"file":"StatePreset.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/state-preset/StatePreset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AASpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AASnE,KAAK,eAAe,GAAG,aAAa,CAAC;AAErC,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,CAAC,CAAC;IACT,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAwPD,eAAO,MAAM,WAAW,EAAuB,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC"}
1
+ {"version":3,"file":"StatePreset.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/state-preset/StatePreset.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AASpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AASnE,KAAK,eAAe,GAAG,aAAa,CAAC;AAErC,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,CAAC,CAAC;IACT,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AA4PD,eAAO,MAAM,WAAW,EAAuB,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC"}
@@ -22,26 +22,30 @@ const chipClass = clsx("inline-flex items-center gap-1", "rounded-full", "bg-bas
22
22
  const chipDefaultClass = "px-3 py-1";
23
23
  const chipSizeClasses = {
24
24
  sm: "px-2 py-0.5 text-sm",
25
- lg: "px-4 py-2"
25
+ lg: "px-4 py-2",
26
+ xl: "px-5 py-3 text-lg"
26
27
  };
27
28
  const chipNameBtnClass = clsx("cursor-pointer", "hover:underline", "focus:outline-none");
28
29
  const iconBtnClass = clsx("inline-flex items-center justify-center", "rounded-full", "cursor-pointer", "transition-colors", "focus:outline-none", "hover:bg-base-300 dark:hover:bg-base-600");
29
30
  const iconBtnDefaultClass = "p-0.5";
30
31
  const iconBtnSizeClasses = {
31
32
  sm: "p-px",
32
- lg: "p-1"
33
+ lg: "p-1",
34
+ xl: "p-1.5"
33
35
  };
34
36
  const starBtnClass = clsx("inline-flex items-center justify-center", "rounded-full", "cursor-pointer", "transition-colors", "focus:outline-none", "text-warning-500", "hover:bg-warning-100 dark:hover:bg-warning-900/40");
35
37
  const starBtnDefaultClass = "p-1";
36
38
  const starBtnSizeClasses = {
37
39
  sm: "p-0.5",
38
- lg: "p-1.5"
40
+ lg: "p-1.5",
41
+ xl: "p-2"
39
42
  };
40
43
  const inputClass = clsx("rounded-full", "bg-base-200 dark:bg-base-700", "text-base-800 dark:text-base-200", "border border-transparent", "focus:ring-1 focus:ring-primary-400", "focus:outline-none", textPlaceholder);
41
44
  const inputDefaultClass = "px-3 py-1 w-24";
42
45
  const inputSizeClasses = {
43
46
  sm: "px-2 py-0.5 w-20 text-sm",
44
- lg: "px-4 py-2 w-32"
47
+ lg: "px-4 py-2 w-32",
48
+ xl: "px-5 py-3 w-36 text-lg"
45
49
  };
46
50
  const iconSize = "0.85em";
47
51
  function StatePresetInner(props) {
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/form-control/state-preset/StatePreset.tsx"],
4
- "mappings": "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",
5
- "names": ["createSignal", "For", "Show", "splitProps", "twMerge", "clsx", "IconDeviceFloppy", "IconStar", "IconX", "objClone", "objEqual", "useSyncConfig", "useNotification", "Icon", "textPlaceholder", "baseClass", "chipClass", "chipDefaultClass", "chipSizeClasses", "sm", "lg", "chipNameBtnClass", "iconBtnClass", "iconBtnDefaultClass", "iconBtnSizeClasses", "starBtnClass", "starBtnDefaultClass", "starBtnSizeClasses", "inputClass", "inputDefaultClass", "inputSizeClasses", "iconSize", "StatePresetInner", "props", "local", "notification", "presets", "setPresets", "presetKey", "adding", "setAdding", "inputValue", "setInputValue", "handleStartAdd", "handleCancelAdd", "handleConfirmAdd", "name", "trim", "some", "p", "warning", "newPreset", "state", "value", "info", "handleRestore", "preset", "onValueChange", "handleOverwrite", "index", "snapshot", "presetName", "updated", "map", "i", "notiId", "action", "label", "onClick", "remove", "handleDelete", "filter", "_", "handleInputKeyDown", "e", "key", "preventDefault", "containerClass", "class", "resolvedChipClass", "size", "resolvedIconBtnClass", "resolvedStarBtnClass", "resolvedInputClass", "_el$", "_tmpl$2", "_el$2", "firstChild", "$$click", "_$insert", "_$createComponent", "icon", "each", "children", "_el$4", "_tmpl$3", "_el$5", "_el$6", "nextSibling", "_el$7", "_$className", "_$effect", "_p$", "_v$4", "_v$5", "_v$6", "_v$7", "t", "_$setAttribute", "a", "o", "undefined", "when", "_el$3", "_tmpl$", "addEventListener", "$$keydown", "$$input", "currentTarget", "_$use", "el", "requestAnimationFrame", "focus", "_v$", "_v$2", "style", "_v$3", "_$style", "StatePreset", "_$delegateEvents"]
4
+ "mappings": "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",
5
+ "names": ["createSignal", "For", "Show", "splitProps", "twMerge", "clsx", "IconDeviceFloppy", "IconStar", "IconX", "objClone", "objEqual", "useSyncConfig", "useNotification", "Icon", "textPlaceholder", "baseClass", "chipClass", "chipDefaultClass", "chipSizeClasses", "sm", "lg", "xl", "chipNameBtnClass", "iconBtnClass", "iconBtnDefaultClass", "iconBtnSizeClasses", "starBtnClass", "starBtnDefaultClass", "starBtnSizeClasses", "inputClass", "inputDefaultClass", "inputSizeClasses", "iconSize", "StatePresetInner", "props", "local", "notification", "presets", "setPresets", "presetKey", "adding", "setAdding", "inputValue", "setInputValue", "handleStartAdd", "handleCancelAdd", "handleConfirmAdd", "name", "trim", "some", "p", "warning", "newPreset", "state", "value", "info", "handleRestore", "preset", "onValueChange", "handleOverwrite", "index", "snapshot", "presetName", "updated", "map", "i", "notiId", "action", "label", "onClick", "remove", "handleDelete", "filter", "_", "handleInputKeyDown", "e", "key", "preventDefault", "containerClass", "class", "resolvedChipClass", "size", "resolvedIconBtnClass", "resolvedStarBtnClass", "resolvedInputClass", "_el$", "_tmpl$2", "_el$2", "firstChild", "$$click", "_$insert", "_$createComponent", "icon", "each", "children", "_el$4", "_tmpl$3", "_el$5", "_el$6", "nextSibling", "_el$7", "_$className", "_$effect", "_p$", "_v$4", "_v$5", "_v$6", "_v$7", "t", "_$setAttribute", "a", "o", "undefined", "when", "_el$3", "_tmpl$", "addEventListener", "$$keydown", "$$input", "currentTarget", "_$use", "el", "requestAnimationFrame", "focus", "_v$", "_v$2", "style", "_v$3", "_$style", "StatePreset", "_$delegateEvents"]
6
6
  }
@@ -5,9 +5,10 @@ export declare const textDefault = "text-base-900 dark:text-base-100";
5
5
  export declare const textMuted = "text-base-400 dark:text-base-500";
6
6
  export declare const textPlaceholder = "placeholder:text-base-400 dark:placeholder:text-base-500";
7
7
  export declare const disabledOpacity = "cursor-default opacity-50 pointer-events-none";
8
- export type ComponentSize = "sm" | "lg";
8
+ export type ComponentSize = "sm" | "lg" | "xl";
9
9
  export declare const paddingSm = "px-1.5 py-0.5";
10
10
  export declare const paddingLg = "px-3 py-2";
11
+ export declare const paddingXl = "px-4 py-3";
11
12
  export type SemanticTheme = "primary" | "info" | "success" | "warning" | "danger" | "base";
12
13
  export declare const themeTokens: Record<SemanticTheme, {
13
14
  solid: string;
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.styles.d.ts","sourceRoot":"","sources":["../../src/styles/tokens.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa,yCAAyC,CAAC;AACpE,eAAO,MAAM,YAAY,yCAAyC,CAAC;AAGnE,eAAO,MAAM,SAAS,8BAA8B,CAAC;AAGrD,eAAO,MAAM,WAAW,qCAAqC,CAAC;AAC9D,eAAO,MAAM,SAAS,qCAAqC,CAAC;AAC5D,eAAO,MAAM,eAAe,6DAA6D,CAAC;AAG1F,eAAO,MAAM,eAAe,kDAAkD,CAAC;AAG/E,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,CAAC;AACxC,eAAO,MAAM,SAAS,kBAAkB,CAAC;AACzC,eAAO,MAAM,SAAS,cAAc,CAAC;AAGrC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3F,eAAO,MAAM,WAAW,EAAE,MAAM,CAC9B,aAAa,EACb;IACE,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB,CAkDF,CAAC"}
1
+ {"version":3,"file":"tokens.styles.d.ts","sourceRoot":"","sources":["../../src/styles/tokens.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa,yCAAyC,CAAC;AACpE,eAAO,MAAM,YAAY,yCAAyC,CAAC;AAGnE,eAAO,MAAM,SAAS,8BAA8B,CAAC;AAGrD,eAAO,MAAM,WAAW,qCAAqC,CAAC;AAC9D,eAAO,MAAM,SAAS,qCAAqC,CAAC;AAC5D,eAAO,MAAM,eAAe,6DAA6D,CAAC;AAG1F,eAAO,MAAM,eAAe,kDAAkD,CAAC;AAG/E,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC/C,eAAO,MAAM,SAAS,kBAAkB,CAAC;AACzC,eAAO,MAAM,SAAS,cAAc,CAAC;AACrC,eAAO,MAAM,SAAS,cAAc,CAAC;AAGrC,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE3F,eAAO,MAAM,WAAW,EAAE,MAAM,CAC9B,aAAa,EACb;IACE,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB,CAkDF,CAAC"}
@@ -7,6 +7,7 @@ const textPlaceholder = "placeholder:text-base-400 dark:placeholder:text-base-50
7
7
  const disabledOpacity = "cursor-default opacity-50 pointer-events-none";
8
8
  const paddingSm = "px-1.5 py-0.5";
9
9
  const paddingLg = "px-3 py-2";
10
+ const paddingXl = "px-4 py-3";
10
11
  const themeTokens = {
11
12
  primary: {
12
13
  solid: "bg-primary-500 text-white",
@@ -64,6 +65,7 @@ export {
64
65
  disabledOpacity,
65
66
  paddingLg,
66
67
  paddingSm,
68
+ paddingXl,
67
69
  textDefault,
68
70
  textMuted,
69
71
  textPlaceholder,
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/styles/tokens.styles.ts"],
4
- "mappings": "AACO,MAAM,gBAAgB;AACtB,MAAM,eAAe;AAGrB,MAAM,YAAY;AAGlB,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,kBAAkB;AAGxB,MAAM,kBAAkB;AAIxB,MAAM,YAAY;AAClB,MAAM,YAAY;AAKlB,MAAM,cAUT;AAAA,EACF,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AACF;",
4
+ "mappings": "AACO,MAAM,gBAAgB;AACtB,MAAM,eAAe;AAGrB,MAAM,YAAY;AAGlB,MAAM,cAAc;AACpB,MAAM,YAAY;AAClB,MAAM,kBAAkB;AAGxB,MAAM,kBAAkB;AAIxB,MAAM,YAAY;AAClB,MAAM,YAAY;AAClB,MAAM,YAAY;AAKlB,MAAM,cAUT;AAAA,EACF,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AACF;",
5
5
  "names": []
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@simplysm/solid",
3
- "version": "13.0.3",
3
+ "version": "13.0.8",
4
4
  "description": "심플리즘 패키지 - SolidJS 라이브러리",
5
5
  "repository": {
6
6
  "type": "git",
@@ -49,8 +49,8 @@
49
49
  "solid-tiptap": "^0.8.0",
50
50
  "tailwind-merge": "^3.4.0",
51
51
  "tailwindcss": "^3.4.19",
52
- "@simplysm/core-common": "13.0.3",
53
- "@simplysm/core-browser": "13.0.3"
52
+ "@simplysm/core-browser": "13.0.8",
53
+ "@simplysm/core-common": "13.0.8"
54
54
  },
55
55
  "devDependencies": {
56
56
  "@solidjs/testing-library": "^0.8.10"
@@ -21,6 +21,7 @@ export const listItemBaseClass = clsx(
21
21
  export const listItemSizeClasses: Record<ComponentSize, string> = {
22
22
  sm: clsx("px-1 py-0.5"),
23
23
  lg: clsx("px-2 py-1.5"),
24
+ xl: clsx("px-3 py-2"),
24
25
  };
25
26
 
26
27
  // 선택된 상태
@@ -40,6 +40,7 @@ const themeClasses = Object.fromEntries(
40
40
  const sizeClasses: Record<ButtonSize, string> = {
41
41
  sm: clsx("min-w-6 px-1 py-0"),
42
42
  lg: clsx("min-w-9 px-3 py-1.5"),
43
+ xl: clsx("min-w-10 px-4 py-2 text-lg"),
43
44
  };
44
45
 
45
46
  export interface ButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
@@ -1,6 +1,6 @@
1
1
  import clsx from "clsx";
2
2
  import { twMerge } from "tailwind-merge";
3
- import { borderDefault, type ComponentSize, paddingLg, paddingSm } from "../../styles/tokens.styles";
3
+ import { borderDefault, type ComponentSize, paddingLg, paddingSm, paddingXl } from "../../styles/tokens.styles";
4
4
  import { insetBase, insetFocusOutlineSelf } from "../../styles/patterns.styles";
5
5
 
6
6
  export const triggerBaseClass = clsx(
@@ -25,6 +25,7 @@ export const triggerInsetClass = clsx(insetBase, "bg-transparent", insetFocusOut
25
25
  export const triggerSizeClasses: Record<ComponentSize, string> = {
26
26
  sm: clsx("gap-1.5", paddingSm),
27
27
  lg: clsx("gap-3", paddingLg),
28
+ xl: clsx("gap-3.5", paddingXl),
28
29
  };
29
30
 
30
31
  export const chevronWrapperClass = clsx("opacity-30", "hover:opacity-100");
@@ -10,13 +10,15 @@ export interface InvalidProps {
10
10
  class?: string;
11
11
  }
12
12
 
13
- const indicatorClass = clsx(
14
- "absolute left-0.5 top-0.5",
15
- "size-1.5 rounded-full",
16
- "bg-danger-500",
13
+ const anchorClass = clsx(
14
+ "relative inline-block",
15
+ "size-0 align-top",
16
+ "overflow-visible",
17
17
  "pointer-events-none select-none",
18
18
  );
19
19
 
20
+ const indicatorClass = clsx("absolute left-0.5 top-0.5", "size-1.5 rounded-full", "bg-danger-500");
21
+
20
22
  const hiddenInputClass = clsx(
21
23
  "absolute bottom-0 left-0.5",
22
24
  "size-px opacity-0",
@@ -45,9 +47,11 @@ export const Invalid: ParentComponent<InvalidProps> = (props) => {
45
47
  };
46
48
 
47
49
  return (
48
- <div {...rest} class={twMerge("relative inline", local.class)}>
50
+ <div {...rest} class={twMerge("inline", local.class)}>
51
+ <span class={anchorClass}>
52
+ <span class={indicatorClass} style={{ display: (local.message ?? "") !== "" ? "block" : "none" }} />
53
+ </span>
49
54
  {local.children}
50
- <div class={indicatorClass} style={{ display: (local.message ?? "") !== "" ? "block" : "none" }} />
51
55
  <input
52
56
  ref={hiddenInputEl}
53
57
  type="text"
@@ -6,6 +6,7 @@ import {
6
6
  disabledOpacity,
7
7
  paddingLg,
8
8
  paddingSm,
9
+ paddingXl,
9
10
  } from "../../../styles/tokens.styles";
10
11
  import { insetBase, insetFocusOutlineSelf } from "../../../styles/patterns.styles";
11
12
 
@@ -48,6 +49,7 @@ export const themeCheckedClasses: Record<CheckboxTheme, string> = {
48
49
  export const checkboxSizeClasses: Record<CheckboxSize, string> = {
49
50
  sm: clsx("h-field-sm", paddingSm),
50
51
  lg: clsx("h-field-lg", paddingLg),
52
+ xl: clsx("h-field-xl", paddingXl),
51
53
  };
52
54
 
53
55
  // inset 스타일
@@ -57,6 +59,7 @@ export const checkboxInsetClass = clsx("h-field-inset justify-center bg-transpar
57
59
  export const checkboxInsetSizeHeightClasses: Record<CheckboxSize, string> = {
58
60
  sm: "h-field-inset-sm",
59
61
  lg: "h-field-inset-lg",
62
+ xl: "h-field-inset-xl",
60
63
  };
61
64
 
62
65
  // inline 스타일
@@ -63,6 +63,7 @@ const editorContentClass = clsx(
63
63
  const editorContentSizeClasses: Record<FieldSize, string> = {
64
64
  sm: clsx("px-3 py-2", "min-h-24"),
65
65
  lg: clsx("px-5 py-4", "min-h-48"),
66
+ xl: clsx("px-6 py-5", "min-h-64"),
66
67
  };
67
68
 
68
69
  export const RichTextEditor: Component<RichTextEditorProps> = (props) => {
@@ -1,5 +1,5 @@
1
1
  import clsx from "clsx";
2
- import { type ComponentSize, paddingLg, paddingSm } from "../../../styles/tokens.styles";
2
+ import { type ComponentSize, paddingLg, paddingSm, paddingXl } from "../../../styles/tokens.styles";
3
3
  import { fieldSurface, insetBase, insetFocusOutline, inputBase } from "../../../styles/patterns.styles";
4
4
 
5
5
  export type FieldSize = ComponentSize;
@@ -11,6 +11,7 @@ export const fieldBaseClass = clsx("inline-flex items-center", fieldSurface, "px
11
11
  export const fieldSizeClasses: Record<FieldSize, string> = {
12
12
  sm: clsx("h-field-sm", paddingSm),
13
13
  lg: clsx("h-field-lg", paddingLg),
14
+ xl: clsx("h-field-xl", paddingXl),
14
15
  };
15
16
 
16
17
  // inset 스타일
@@ -21,6 +22,7 @@ export const fieldInsetHeightClass = "h-field-inset";
21
22
  export const fieldInsetSizeHeightClasses: Record<FieldSize, string> = {
22
23
  sm: "h-field-inset-sm",
23
24
  lg: "h-field-inset-lg",
25
+ xl: "h-field-inset-xl",
24
26
  };
25
27
 
26
28
  // disabled 스타일
@@ -33,6 +35,7 @@ export const textAreaBaseClass = clsx("inline-block w-48", fieldSurface, "px-2 p
33
35
  export const textAreaSizeClasses: Record<FieldSize, string> = {
34
36
  sm: paddingSm,
35
37
  lg: paddingLg,
38
+ xl: paddingXl,
36
39
  };
37
40
 
38
41
  // input 스타일
@@ -45,6 +45,7 @@ const chipDefaultClass = "px-3 py-1";
45
45
  const chipSizeClasses: Record<StatePresetSize, string> = {
46
46
  sm: "px-2 py-0.5 text-sm",
47
47
  lg: "px-4 py-2",
48
+ xl: "px-5 py-3 text-lg",
48
49
  };
49
50
 
50
51
  const chipNameBtnClass = clsx("cursor-pointer", "hover:underline", "focus:outline-none");
@@ -63,6 +64,7 @@ const iconBtnDefaultClass = "p-0.5";
63
64
  const iconBtnSizeClasses: Record<StatePresetSize, string> = {
64
65
  sm: "p-px",
65
66
  lg: "p-1",
67
+ xl: "p-1.5",
66
68
  };
67
69
 
68
70
  const starBtnClass = clsx(
@@ -80,6 +82,7 @@ const starBtnDefaultClass = "p-1";
80
82
  const starBtnSizeClasses: Record<StatePresetSize, string> = {
81
83
  sm: "p-0.5",
82
84
  lg: "p-1.5",
85
+ xl: "p-2",
83
86
  };
84
87
 
85
88
  const inputClass = clsx(
@@ -97,6 +100,7 @@ const inputDefaultClass = "px-3 py-1 w-24";
97
100
  const inputSizeClasses: Record<StatePresetSize, string> = {
98
101
  sm: "px-2 py-0.5 w-20 text-sm",
99
102
  lg: "px-4 py-2 w-32",
103
+ xl: "px-5 py-3 w-36 text-lg",
100
104
  };
101
105
 
102
106
  const iconSize = "0.85em";
@@ -14,9 +14,10 @@ export const textPlaceholder = "placeholder:text-base-400 dark:placeholder:text-
14
14
  export const disabledOpacity = "cursor-default opacity-50 pointer-events-none";
15
15
 
16
16
  // ── 사이즈 ──
17
- export type ComponentSize = "sm" | "lg";
17
+ export type ComponentSize = "sm" | "lg" | "xl";
18
18
  export const paddingSm = "px-1.5 py-0.5";
19
19
  export const paddingLg = "px-3 py-2";
20
+ export const paddingXl = "px-4 py-3";
20
21
 
21
22
  // ── 테마 ──
22
23
  export type SemanticTheme = "primary" | "info" | "success" | "warning" | "danger" | "base";
@@ -17,6 +17,8 @@ const fieldSizes = {
17
17
  "field-inset": `calc(${lh}rem + ${sp["1"]} + ${sp["1"]})`,
18
18
  "field-inset-sm": `calc(${lh}rem + ${sp["0.5"]} + ${sp["0.5"]})`,
19
19
  "field-inset-lg": `calc(${lh}rem + ${sp["2"]} + ${sp["2"]})`,
20
+ "field-xl": `calc(${lh}rem + ${sp["3"]} + ${sp["3"]} + 2px)`,
21
+ "field-inset-xl": `calc(${lh}rem + ${sp["3"]} + ${sp["3"]})`,
20
22
  };
21
23
 
22
24
  export default {