ics-ui-kit 0.1.13 → 0.1.15

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 (115) hide show
  1. package/dist/{AlertIcon-5B6AgZpe.js → AlertIcon-BphnEYvV.js} +3 -3
  2. package/dist/AlertIcon-BphnEYvV.js.map +1 -0
  3. package/dist/Field-CP_-li9L.js +90 -0
  4. package/dist/Field-CP_-li9L.js.map +1 -0
  5. package/dist/{FormFooterTemplate-ClTxqrIB.js → FormFooterTemplate-Cfn5Nmge.js} +2 -2
  6. package/dist/{FormFooterTemplate-ClTxqrIB.js.map → FormFooterTemplate-Cfn5Nmge.js.map} +1 -1
  7. package/dist/{FormStack-B3UBh9oF.js → FormStack-Cc_ELdWL.js} +2 -2
  8. package/dist/{FormStack-B3UBh9oF.js.map → FormStack-Cc_ELdWL.js.map} +1 -1
  9. package/dist/{SearchSelectTag-DFCX9zT1.js → SearchSelectTag-CA7Ie3Nx.js} +2 -2
  10. package/dist/{SearchSelectTag-DFCX9zT1.js.map → SearchSelectTag-CA7Ie3Nx.js.map} +1 -1
  11. package/dist/TableFillHandle-C_yvCTSl.js +65 -0
  12. package/dist/TableFillHandle-C_yvCTSl.js.map +1 -0
  13. package/dist/TextOverflowTooltip-B1I5qwAT.js.map +1 -1
  14. package/dist/blocks/auth/otp-form.js +1 -1
  15. package/dist/components/alert/Alert.d.ts +4 -0
  16. package/dist/components/alert/Alert.stories.d.ts +1 -0
  17. package/dist/components/alert-dialog.js +1 -1
  18. package/dist/components/alert.js +18 -18
  19. package/dist/components/alert.js.map +1 -1
  20. package/dist/components/card.js +1 -1
  21. package/dist/components/counter.js +6 -6
  22. package/dist/components/counter.js.map +1 -1
  23. package/dist/components/dialog/Dialog.stories.d.ts +1 -0
  24. package/dist/components/dialog.js +1 -1
  25. package/dist/components/dropdown.js +98 -98
  26. package/dist/components/dropdown.js.map +1 -1
  27. package/dist/components/field/Field.d.ts +4 -0
  28. package/dist/components/field/Field.stories.d.ts +1 -0
  29. package/dist/components/field.js +1 -1
  30. package/dist/components/file-upload.js +1 -1
  31. package/dist/components/form.js +3 -3
  32. package/dist/components/glass-toolbar/GlassToolbar.stories.d.ts +1 -0
  33. package/dist/components/glass-toolbar.js +35 -35
  34. package/dist/components/glass-toolbar.js.map +1 -1
  35. package/dist/components/search-select.js +1 -1
  36. package/dist/components/sidebar/Sidebar.stories.d.ts +278 -2
  37. package/dist/components/sidebar/SidebarContext.d.ts +2 -0
  38. package/dist/components/sidebar.js +271 -267
  39. package/dist/components/sidebar.js.map +1 -1
  40. package/dist/components/system-state.js +1 -1
  41. package/dist/components/table/Table.d.ts +109 -5
  42. package/dist/components/table/Table.stories.d.ts +285 -9
  43. package/dist/components/table/column-reorder/index.d.ts +1 -0
  44. package/dist/components/table/column-reorder/useColumnReorder.d.ts +82 -0
  45. package/dist/components/table/column-reorder.d.ts +2 -0
  46. package/dist/components/table/column-reorder.js +6 -0
  47. package/dist/components/table/column-reorder.js.map +1 -0
  48. package/dist/components/table/column-resize/columnAutoFit.d.ts +21 -0
  49. package/dist/components/table/column-resize/columnResizeSession.d.ts +9 -0
  50. package/dist/components/table/column-resize/index.d.ts +3 -0
  51. package/dist/components/table/column-resize/useColumnResize.d.ts +52 -0
  52. package/dist/components/table/column-resize.d.ts +2 -0
  53. package/dist/components/table/column-resize.js +7 -0
  54. package/dist/components/table/column-resize.js.map +1 -0
  55. package/dist/components/table/editable/TableFillHandle.d.ts +23 -0
  56. package/dist/components/table/editable/cellRange.d.ts +83 -0
  57. package/dist/components/table/editable/editableCell.d.ts +90 -0
  58. package/dist/components/table/editable/index.d.ts +3 -0
  59. package/dist/components/table/editable.d.ts +2 -0
  60. package/dist/components/table/editable.js +12 -0
  61. package/dist/components/table/editable.js.map +1 -0
  62. package/dist/components/table/index.d.ts +8 -1
  63. package/dist/components/table/opaqueCell.d.ts +47 -0
  64. package/dist/components/table/rowTint.d.ts +60 -0
  65. package/dist/components/table/sticky/index.d.ts +1 -0
  66. package/dist/components/table/sticky/stickyCell.d.ts +105 -0
  67. package/dist/components/table/sticky.d.ts +2 -0
  68. package/dist/components/table/sticky.js +22 -0
  69. package/dist/components/table/sticky.js.map +1 -0
  70. package/dist/components/table/tableStoryData.d.ts +84 -0
  71. package/dist/components/table/tableStoryParts.d.ts +72 -0
  72. package/dist/components/table/tree/TableTree.d.ts +106 -0
  73. package/dist/components/table/tree/index.d.ts +3 -0
  74. package/dist/components/table/tree/treeGeometry.d.ts +86 -0
  75. package/dist/components/table/tree/treeModel.d.ts +87 -0
  76. package/dist/components/table/tree.d.ts +2 -0
  77. package/dist/components/table/tree.js +19 -0
  78. package/dist/components/table/tree.js.map +1 -0
  79. package/dist/components/table.js +52 -79
  80. package/dist/components/table.js.map +1 -1
  81. package/dist/components/tag-input.js +1 -1
  82. package/dist/components/toolbar.js +1 -2
  83. package/dist/components/toolbar.js.map +1 -1
  84. package/dist/hooks.js +1 -1
  85. package/dist/lib/utils/dom.d.ts +72 -0
  86. package/dist/opaqueCell-SGaiyL54.js +31 -0
  87. package/dist/opaqueCell-SGaiyL54.js.map +1 -0
  88. package/dist/plus-BpxYPnAG.js +15 -0
  89. package/dist/plus-BpxYPnAG.js.map +1 -0
  90. package/dist/styles-scoped.css +327 -81
  91. package/dist/styles.css +327 -81
  92. package/dist/theme.css +2 -0
  93. package/dist/treeModel-BlPWVj4W.js +319 -0
  94. package/dist/treeModel-BlPWVj4W.js.map +1 -0
  95. package/dist/useBreakpoints-DHvp74UL.js +31 -0
  96. package/dist/useBreakpoints-DHvp74UL.js.map +1 -0
  97. package/dist/useColumnReorder-BxVZQ_Y5.js +119 -0
  98. package/dist/useColumnReorder-BxVZQ_Y5.js.map +1 -0
  99. package/dist/useColumnResize-wjfEyBBg.js +130 -0
  100. package/dist/useColumnResize-wjfEyBBg.js.map +1 -0
  101. package/dist/vendors/date-fns/index.d.ts +7 -14
  102. package/dist/vendors/date-fns/locale/en-US/index.d.ts +4 -0
  103. package/dist/vendors/date-fns/locale/ru/index.d.ts +4 -0
  104. package/dist/vendors/react-day-picker/index.d.ts +8 -17
  105. package/dist/vendors/react-hook-form/index.d.ts +8 -15
  106. package/dist/vendors/tanstack/react-table/index.d.ts +12 -0
  107. package/dist/vendors/zod/index.d.ts +8 -9
  108. package/package.json +3 -2
  109. package/tailwind.preset.js +6 -2
  110. package/dist/AlertIcon-5B6AgZpe.js.map +0 -1
  111. package/dist/Field-COD9VbUX.js +0 -86
  112. package/dist/Field-COD9VbUX.js.map +0 -1
  113. package/dist/components/data-table/DataTable.stories.d.ts +0 -8
  114. package/dist/useBreakpoints-D8wKOvil.js +0 -103
  115. package/dist/useBreakpoints-D8wKOvil.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"alert.js","sources":["../../src/components/alert/components/AlertTitle.tsx","../../src/components/alert/components/AlertButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useAlert } from \"../AlertContext\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\nimport { AlertVariants } from \"../Alert\";\n\nconst alertTitleStyles = tv({\n\tbase: \"col-start-2 line-clamp-1 min-h-4 text-sm font-medium tracking-tight text-primary-fg\",\n\tvariants: {\n\t\tstatus: {\n\t\t\tsuccess: \"text-status-success-fg\",\n\t\t\twarning: \"text-status-warning-fg\",\n\t\t\terror: \"text-status-error-fg\",\n\t\t\tinfo: \"text-status-info-fg\"\n\t\t},\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg\",\n\t\t\tmedium: \"\",\n\t\t\thigh: \"\"\n\t\t}\n\t} satisfies VariantsConfig<AlertVariants>,\n\tdefaultVariants: {\n\t\tfocus: \"low\"\n\t}\n});\n\nexport type AlertTitleProps = React.HTMLAttributes<HTMLHeadingElement> &\n\tAlertVariants & {\n\t\tasChild?: boolean;\n\t};\n\n/**\n * Компонент AlertTitle для отображения заголовка алерта\n */\nexport const AlertTitle = React.forwardRef<HTMLHeadingElement, AlertTitleProps>(\n\t({ className, status: statusProp, focus: focusProp, asChild = false, ...props }, ref) => {\n\t\tconst { status, focus } = useAlert({ status: statusProp, focus: focusProp });\n\n\t\tconst Comp = asChild ? Slot : \"h5\";\n\t\treturn <Comp ref={ref} className={alertTitleStyles({ status, className, focus })} {...props} />;\n\t}\n);\n\nAlertTitle.displayName = \"AlertTitle\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { useAlert } from \"../AlertContext\";\nimport { Button, ButtonProps } from \"@/components/button\";\nimport { AlertVariants } from \"../Alert\";\n\nconst alertButtonStyles = tv({\n\tbase: \"col-start-3 ml-3 h-5 self-end rounded-none px-0 py-0.5 text-xs\"\n});\n\nexport type AlertButtonProps = Omit<ButtonProps, \"status\"> & Pick<AlertVariants, \"status\">;\n\n/**\n * Компонент AlertButton для отображения кнопки алерта\n */\nexport const AlertButton = React.forwardRef<HTMLButtonElement, AlertButtonProps>(\n\t({ className, status: statusProp, ...props }, ref) => {\n\t\tconst { status } = useAlert({ status: statusProp });\n\n\t\treturn (\n\t\t\t<Button ref={ref} status={status} variant=\"link\" className={alertButtonStyles({ className })} {...props} />\n\t\t);\n\t}\n);\n\nAlertButton.displayName = \"AlertButton\";\n"],"names":["alertTitleStyles","tv","AlertTitle","React","className","statusProp","focusProp","asChild","props","ref","status","focus","useAlert","jsx","Slot","alertButtonStyles","AlertButton","Button"],"mappings":";;;;;;;AAOA,MAAMA,IAAmBC,EAAG;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,IACP;AAAA,IACA,OAAO;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IAChB,OAAO;AAAA,EAAA;AAET,CAAC,GAUYC,IAAaC,EAAM;AAAA,EAC/B,CAAC,EAAE,WAAAC,GAAW,QAAQC,GAAY,OAAOC,GAAW,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAAQ;AAClF,UAAA,EAAE,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAS,EAAE,QAAQP,GAAY,OAAOC,GAAW;AAG3E,WAAQ,gBAAAO,EADKN,IAAUO,IAAO,MACtB,EAAK,KAAAL,GAAU,WAAWT,EAAiB,EAAE,QAAAU,GAAQ,WAAAN,GAAW,OAAAO,EAAM,CAAC,GAAI,GAAGH,EAAO,CAAA;AAAA,EAAA;AAE/F;AAEAN,EAAW,cAAc;ACtCzB,MAAMa,IAAoBd,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAOYe,IAAcb,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,QAAQC,GAAY,GAAGG,KAASC,MAAQ;AACrD,UAAM,EAAE,QAAAC,EAAO,IAAIE,EAAS,EAAE,QAAQP,GAAY;AAElD,WACE,gBAAAQ,EAAAI,GAAA,EAAO,KAAAR,GAAU,QAAAC,GAAgB,SAAQ,QAAO,WAAWK,EAAkB,EAAE,WAAAX,EAAW,CAAA,GAAI,GAAGI,EAAO,CAAA;AAAA,EAAA;AAG5G;AAEAQ,EAAY,cAAc;"}
1
+ {"version":3,"file":"alert.js","sources":["../../src/components/alert/components/AlertTitle.tsx","../../src/components/alert/components/AlertButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { useAlert } from \"../AlertContext\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\nimport { AlertVariants } from \"../Alert\";\n\nconst alertTitleStyles = tv({\n\tbase: \"col-start-2 line-clamp-1 min-h-4 text-sm font-medium tracking-tight text-primary-fg\",\n\tvariants: {\n\t\tstatus: {\n\t\t\tsuccess: \"text-status-success-fg\",\n\t\t\twarning: \"text-status-warning-fg\",\n\t\t\terror: \"text-status-error-fg\",\n\t\t\tinfo: \"text-status-info-fg\"\n\t\t},\n\t\tfocus: {\n\t\t\tlow: \"text-primary-fg\",\n\t\t\tmedium: \"\",\n\t\t\thigh: \"\"\n\t\t}\n\t} satisfies VariantsConfig<AlertVariants>,\n\tdefaultVariants: {\n\t\tfocus: \"low\"\n\t}\n});\n\nexport type AlertTitleProps = React.HTMLAttributes<HTMLHeadingElement> &\n\tAlertVariants & {\n\t\tasChild?: boolean;\n\t};\n\n/**\n * Компонент AlertTitle для отображения заголовка алерта\n */\nexport const AlertTitle = React.forwardRef<HTMLHeadingElement, AlertTitleProps>(\n\t({ className, status: statusProp, focus: focusProp, asChild = false, ...props }, ref) => {\n\t\tconst { status, focus } = useAlert({ status: statusProp, focus: focusProp });\n\n\t\tconst Comp = asChild ? Slot : \"h5\";\n\t\treturn <Comp ref={ref} className={alertTitleStyles({ status, className, focus })} {...props} />;\n\t}\n);\n\nAlertTitle.displayName = \"AlertTitle\";\n","import React from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { useAlert } from \"../AlertContext\";\nimport { Button, ButtonProps } from \"@/components/button\";\nimport { AlertVariants } from \"../Alert\";\n\nconst alertButtonStyles = tv({\n\tbase: \"@sm:col-start-3 @sm:ml-3 @sm:justify-self-auto @sm:self-end col-start-2 h-5 justify-self-end rounded-none px-0 py-0.5 text-xs\"\n});\n\nexport type AlertButtonProps = Omit<ButtonProps, \"status\"> & Pick<AlertVariants, \"status\">;\n\n/**\n * Компонент AlertButton для отображения кнопки алерта\n */\nexport const AlertButton = React.forwardRef<HTMLButtonElement, AlertButtonProps>(\n\t({ className, status: statusProp, ...props }, ref) => {\n\t\tconst { status } = useAlert({ status: statusProp });\n\n\t\treturn (\n\t\t\t<Button ref={ref} status={status} variant=\"link\" className={alertButtonStyles({ className })} {...props} />\n\t\t);\n\t}\n);\n\nAlertButton.displayName = \"AlertButton\";\n"],"names":["alertTitleStyles","tv","AlertTitle","React","className","statusProp","focusProp","asChild","props","ref","status","focus","useAlert","jsx","Slot","alertButtonStyles","AlertButton","Button"],"mappings":";;;;;;;AAOA,MAAMA,IAAmBC,EAAG;AAAA,EAC3B,MAAM;AAAA,EACN,UAAU;AAAA,IACT,QAAQ;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,IACP;AAAA,IACA,OAAO;AAAA,MACN,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA;AAAA,EAER;AAAA,EACA,iBAAiB;AAAA,IAChB,OAAO;AAAA,EAAA;AAET,CAAC,GAUYC,IAAaC,EAAM;AAAA,EAC/B,CAAC,EAAE,WAAAC,GAAW,QAAQC,GAAY,OAAOC,GAAW,SAAAC,IAAU,IAAO,GAAGC,EAAM,GAAGC,MAAQ;AAClF,UAAA,EAAE,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAS,EAAE,QAAQP,GAAY,OAAOC,GAAW;AAG3E,WAAQ,gBAAAO,EADKN,IAAUO,IAAO,MACtB,EAAK,KAAAL,GAAU,WAAWT,EAAiB,EAAE,QAAAU,GAAQ,WAAAN,GAAW,OAAAO,EAAM,CAAC,GAAI,GAAGH,EAAO,CAAA;AAAA,EAAA;AAE/F;AAEAN,EAAW,cAAc;ACtCzB,MAAMa,IAAoBd,EAAG;AAAA,EAC5B,MAAM;AACP,CAAC,GAOYe,IAAcb,EAAM;AAAA,EAChC,CAAC,EAAE,WAAAC,GAAW,QAAQC,GAAY,GAAGG,KAASC,MAAQ;AACrD,UAAM,EAAE,QAAAC,EAAO,IAAIE,EAAS,EAAE,QAAQP,GAAY;AAElD,WACE,gBAAAQ,EAAAI,GAAA,EAAO,KAAAR,GAAU,QAAAC,GAAgB,SAAQ,QAAO,WAAWK,EAAkB,EAAE,WAAAX,EAAW,CAAA,GAAI,GAAGI,EAAO,CAAA;AAAA,EAAA;AAG5G;AAEAQ,EAAY,cAAc;"}
@@ -3,7 +3,7 @@ import { S as c } from "../index-BtQfgaSF.js";
3
3
  import d, { useCallback as g } from "react";
4
4
  import { T as l } from "../index-BVqs-uqP.js";
5
5
  import { I as h } from "../IconButton-DwkpNgn3.js";
6
- import { e as C } from "../useBreakpoints-D8wKOvil.js";
6
+ import { e as C } from "../useBreakpoints-DHvp74UL.js";
7
7
  import { c as v } from "../createLucideIcon-DwBrHnj9.js";
8
8
  /**
9
9
  * @license lucide-react v0.460.0 - ISC
@@ -2,8 +2,8 @@ import { jsx as u } from "react/jsx-runtime";
2
2
  import { T as c } from "../index-BVqs-uqP.js";
3
3
  import d from "react";
4
4
  import { S as l } from "../index-BtQfgaSF.js";
5
- const g = c({
6
- base: "box-border inline-flex items-center justify-center overflow-hidden rounded-sm px-1",
5
+ const b = c({
6
+ base: "box-border inline-flex items-center justify-center overflow-hidden rounded-sm px-1 tabular-nums",
7
7
  variants: {
8
8
  status: {
9
9
  default: "bg-status-neutral",
@@ -132,11 +132,11 @@ const g = c({
132
132
  class: "h-4 min-w-3.5"
133
133
  }
134
134
  ]
135
- }), b = d.forwardRef(
136
- ({ className: t, children: s, status: a, size: r, variant: e, asChild: n = !1, ...i }, o) => /* @__PURE__ */ u(n ? l : "span", { className: g({ size: r, status: a, variant: e, className: t }), ref: o, ...i, children: s })
135
+ }), g = d.forwardRef(
136
+ ({ className: t, children: s, status: a, size: r, variant: e, asChild: n = !1, ...i }, o) => /* @__PURE__ */ u(n ? l : "span", { className: b({ size: r, status: a, variant: e, className: t }), ref: o, ...i, children: s })
137
137
  );
138
- b.displayName = "Counter";
138
+ g.displayName = "Counter";
139
139
  export {
140
- b as Counter
140
+ g as Counter
141
141
  };
142
142
  //# sourceMappingURL=counter.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"counter.js","sources":["../../src/components/counter/Counter.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport interface CounterVariants {\n\tstatus?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\";\n\tvariant?: \"primary\" | \"secondary\" | \"outline\" | \"text\";\n\tsize?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n}\n\nconst counterVariants = tv({\n\tbase: \"box-border inline-flex items-center justify-center overflow-hidden rounded-sm px-1\",\n\tvariants: {\n\t\tstatus: {\n\t\t\tdefault: \"bg-status-neutral\",\n\t\t\tinfo: \"bg-status-info\",\n\t\t\tsuccess: \"bg-status-success\",\n\t\t\twarning: \"bg-status-warning\",\n\t\t\terror: \"bg-status-error\"\n\t\t},\n\t\tvariant: {\n\t\t\tprimary: \"text-primary-bg\",\n\t\t\tsecondary: \"\",\n\t\t\toutline: \"border\",\n\t\t\ttext: \"bg-transparent px-0.5 !leading-none\"\n\t\t},\n\t\tsize: {\n\t\t\tlg: \"h-[1.375rem] min-w-[1.375rem] text-base\",\n\t\t\tmd: \"h-5 min-w-5 text-sm\",\n\t\t\tsm: \"h-4 min-w-4 text-xs\",\n\t\t\txs: \"h-3.5 min-w-3.5 text-[0.625rem]\"\n\t\t}\n\t} satisfies VariantsConfig<CounterVariants>,\n\tdefaultVariants: {\n\t\tstatus: \"default\",\n\t\tvariant: \"primary\",\n\t\tsize: \"md\"\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tstatus: [\"info\", \"success\", \"warning\", \"error\"],\n\t\t\tvariant: \"primary\",\n\t\t\tclass: \"text-white\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"default\",\n\t\t\tvariant: \"secondary\",\n\t\t\tclass: \"bg-primary-bg-hover text-secondary-fg\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"info\",\n\t\t\tvariant: \"secondary\",\n\t\t\tclass: \"bg-status-info-bg-hover text-status-info\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"success\",\n\t\t\tvariant: \"secondary\",\n\t\t\tclass: \"bg-status-success-bg-hover text-status-success\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"warning\",\n\t\t\tvariant: \"secondary\",\n\t\t\tclass: \"bg-status-warning-bg-hover text-status-warning\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"error\",\n\t\t\tvariant: \"secondary\",\n\t\t\tclass: \"bg-status-error-bg-hover text-status-error\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"default\",\n\t\t\tvariant: \"outline\",\n\t\t\tclass: \"border-secondary-border bg-secondary-bg text-muted\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"info\",\n\t\t\tvariant: \"outline\",\n\t\t\tclass: \"border-status-info-secondary-border bg-status-info-bg text-status-info\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"success\",\n\t\t\tvariant: \"outline\",\n\t\t\tclass: \"border-status-success-secondary-border bg-status-success-bg text-status-success\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"warning\",\n\t\t\tvariant: \"outline\",\n\t\t\tclass: \"border-status-warning-secondary-border bg-status-warning-bg text-status-warning\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"error\",\n\t\t\tvariant: \"outline\",\n\t\t\tclass: \"border-status-error-secondary-border bg-status-error-bg text-status-error\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"default\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"text-muted\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"info\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"text-status-info\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"success\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"text-status-success\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"warning\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"text-status-warning\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"error\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"text-status-error\"\n\t\t},\n\t\t{\n\t\t\tsize: \"xs\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"h-2.5 min-w-2.5\"\n\t\t},\n\t\t{\n\t\t\tsize: \"sm\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"h-3 min-w-3\"\n\t\t},\n\t\t{\n\t\t\tsize: \"md\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"h-3.5 min-w-3.5\"\n\t\t},\n\t\t{\n\t\t\tsize: \"lg\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"h-4 min-w-3.5\"\n\t\t}\n\t]\n});\n\nexport type CounterProps = React.HTMLAttributes<HTMLElement> &\n\tCounterVariants & {\n\t\tasChild?: boolean;\n\t};\n\nexport const Counter = React.forwardRef<HTMLElement, PropsWithChildren<CounterProps>>(\n\t({ className, children, status, size, variant, asChild = false, ...props }, ref) => {\n\t\tconst Comp = asChild ? Slot : \"span\";\n\n\t\treturn (\n\t\t\t<Comp className={counterVariants({ size, status, variant, className })} ref={ref} {...props}>\n\t\t\t\t{children}\n\t\t\t</Comp>\n\t\t);\n\t}\n);\n\nCounter.displayName = \"Counter\";\n"],"names":["counterVariants","tv","Counter","React","className","children","status","size","variant","asChild","props","ref","jsx","Slot"],"mappings":"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"}
1
+ {"version":3,"file":"counter.js","sources":["../../src/components/counter/Counter.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { VariantsConfig } from \"@/lib/utils/variants\";\n\nexport interface CounterVariants {\n\tstatus?: \"default\" | \"info\" | \"success\" | \"warning\" | \"error\";\n\tvariant?: \"primary\" | \"secondary\" | \"outline\" | \"text\";\n\tsize?: \"xs\" | \"sm\" | \"md\" | \"lg\";\n}\n\nconst counterVariants = tv({\n\tbase: \"box-border inline-flex items-center justify-center overflow-hidden rounded-sm px-1 tabular-nums\",\n\tvariants: {\n\t\tstatus: {\n\t\t\tdefault: \"bg-status-neutral\",\n\t\t\tinfo: \"bg-status-info\",\n\t\t\tsuccess: \"bg-status-success\",\n\t\t\twarning: \"bg-status-warning\",\n\t\t\terror: \"bg-status-error\"\n\t\t},\n\t\tvariant: {\n\t\t\tprimary: \"text-primary-bg\",\n\t\t\tsecondary: \"\",\n\t\t\toutline: \"border\",\n\t\t\ttext: \"bg-transparent px-0.5 !leading-none\"\n\t\t},\n\t\tsize: {\n\t\t\tlg: \"h-[1.375rem] min-w-[1.375rem] text-base\",\n\t\t\tmd: \"h-5 min-w-5 text-sm\",\n\t\t\tsm: \"h-4 min-w-4 text-xs\",\n\t\t\txs: \"h-3.5 min-w-3.5 text-[0.625rem]\"\n\t\t}\n\t} satisfies VariantsConfig<CounterVariants>,\n\tdefaultVariants: {\n\t\tstatus: \"default\",\n\t\tvariant: \"primary\",\n\t\tsize: \"md\"\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tstatus: [\"info\", \"success\", \"warning\", \"error\"],\n\t\t\tvariant: \"primary\",\n\t\t\tclass: \"text-white\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"default\",\n\t\t\tvariant: \"secondary\",\n\t\t\tclass: \"bg-primary-bg-hover text-secondary-fg\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"info\",\n\t\t\tvariant: \"secondary\",\n\t\t\tclass: \"bg-status-info-bg-hover text-status-info\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"success\",\n\t\t\tvariant: \"secondary\",\n\t\t\tclass: \"bg-status-success-bg-hover text-status-success\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"warning\",\n\t\t\tvariant: \"secondary\",\n\t\t\tclass: \"bg-status-warning-bg-hover text-status-warning\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"error\",\n\t\t\tvariant: \"secondary\",\n\t\t\tclass: \"bg-status-error-bg-hover text-status-error\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"default\",\n\t\t\tvariant: \"outline\",\n\t\t\tclass: \"border-secondary-border bg-secondary-bg text-muted\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"info\",\n\t\t\tvariant: \"outline\",\n\t\t\tclass: \"border-status-info-secondary-border bg-status-info-bg text-status-info\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"success\",\n\t\t\tvariant: \"outline\",\n\t\t\tclass: \"border-status-success-secondary-border bg-status-success-bg text-status-success\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"warning\",\n\t\t\tvariant: \"outline\",\n\t\t\tclass: \"border-status-warning-secondary-border bg-status-warning-bg text-status-warning\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"error\",\n\t\t\tvariant: \"outline\",\n\t\t\tclass: \"border-status-error-secondary-border bg-status-error-bg text-status-error\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"default\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"text-muted\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"info\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"text-status-info\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"success\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"text-status-success\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"warning\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"text-status-warning\"\n\t\t},\n\t\t{\n\t\t\tstatus: \"error\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"text-status-error\"\n\t\t},\n\t\t{\n\t\t\tsize: \"xs\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"h-2.5 min-w-2.5\"\n\t\t},\n\t\t{\n\t\t\tsize: \"sm\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"h-3 min-w-3\"\n\t\t},\n\t\t{\n\t\t\tsize: \"md\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"h-3.5 min-w-3.5\"\n\t\t},\n\t\t{\n\t\t\tsize: \"lg\",\n\t\t\tvariant: \"text\",\n\t\t\tclass: \"h-4 min-w-3.5\"\n\t\t}\n\t]\n});\n\nexport type CounterProps = React.HTMLAttributes<HTMLElement> &\n\tCounterVariants & {\n\t\tasChild?: boolean;\n\t};\n\nexport const Counter = React.forwardRef<HTMLElement, PropsWithChildren<CounterProps>>(\n\t({ className, children, status, size, variant, asChild = false, ...props }, ref) => {\n\t\tconst Comp = asChild ? Slot : \"span\";\n\n\t\treturn (\n\t\t\t<Comp className={counterVariants({ size, status, variant, className })} ref={ref} {...props}>\n\t\t\t\t{children}\n\t\t\t</Comp>\n\t\t);\n\t}\n);\n\nCounter.displayName = \"Counter\";\n"],"names":["counterVariants","tv","Counter","React","className","children","status","size","variant","asChild","props","ref","jsx","Slot"],"mappings":"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"}
@@ -5,6 +5,7 @@ declare const meta: Meta<typeof Dialog>;
5
5
  export default meta;
6
6
  type Story = StoryObj<typeof Dialog>;
7
7
  export declare const Default: Story;
8
+ export declare const CompactPaddingModal: Story;
8
9
  export declare const WithoutBorder: Story;
9
10
  export declare const LargeContentModal: Story;
10
11
  interface TemplateModalExampleProps {
@@ -2,7 +2,7 @@ import { D as s, a as i } from "../Dialog-CdnsGyJD.js";
2
2
  import { b as y, c as B, d as C, e as h, f as x, g as j, h as u, i as v, j as O, M as P, k as R, l as _, m as b, n as k, o as q, p as w, q as N, r as z, s as A, t as E } from "../Dialog-CdnsGyJD.js";
3
3
  import { jsx as a } from "react/jsx-runtime";
4
4
  import d from "react";
5
- import { F as g, B as m } from "../FormFooterTemplate-ClTxqrIB.js";
5
+ import { F as g, B as m } from "../FormFooterTemplate-Cfn5Nmge.js";
6
6
  const o = d.forwardRef(
7
7
  ({ title: e, description: l, ...r }, t) => /* @__PURE__ */ a(
8
8
  m,