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.
- package/dist/{AlertIcon-5B6AgZpe.js → AlertIcon-BphnEYvV.js} +3 -3
- package/dist/AlertIcon-BphnEYvV.js.map +1 -0
- package/dist/Field-CP_-li9L.js +90 -0
- package/dist/Field-CP_-li9L.js.map +1 -0
- package/dist/{FormFooterTemplate-ClTxqrIB.js → FormFooterTemplate-Cfn5Nmge.js} +2 -2
- package/dist/{FormFooterTemplate-ClTxqrIB.js.map → FormFooterTemplate-Cfn5Nmge.js.map} +1 -1
- package/dist/{FormStack-B3UBh9oF.js → FormStack-Cc_ELdWL.js} +2 -2
- package/dist/{FormStack-B3UBh9oF.js.map → FormStack-Cc_ELdWL.js.map} +1 -1
- package/dist/{SearchSelectTag-DFCX9zT1.js → SearchSelectTag-CA7Ie3Nx.js} +2 -2
- package/dist/{SearchSelectTag-DFCX9zT1.js.map → SearchSelectTag-CA7Ie3Nx.js.map} +1 -1
- package/dist/TableFillHandle-C_yvCTSl.js +65 -0
- package/dist/TableFillHandle-C_yvCTSl.js.map +1 -0
- package/dist/TextOverflowTooltip-B1I5qwAT.js.map +1 -1
- package/dist/blocks/auth/otp-form.js +1 -1
- package/dist/components/alert/Alert.d.ts +4 -0
- package/dist/components/alert/Alert.stories.d.ts +1 -0
- package/dist/components/alert-dialog.js +1 -1
- package/dist/components/alert.js +18 -18
- package/dist/components/alert.js.map +1 -1
- package/dist/components/card.js +1 -1
- package/dist/components/counter.js +6 -6
- package/dist/components/counter.js.map +1 -1
- package/dist/components/dialog/Dialog.stories.d.ts +1 -0
- package/dist/components/dialog.js +1 -1
- package/dist/components/dropdown.js +98 -98
- package/dist/components/dropdown.js.map +1 -1
- package/dist/components/field/Field.d.ts +4 -0
- package/dist/components/field/Field.stories.d.ts +1 -0
- package/dist/components/field.js +1 -1
- package/dist/components/file-upload.js +1 -1
- package/dist/components/form.js +3 -3
- package/dist/components/glass-toolbar/GlassToolbar.stories.d.ts +1 -0
- package/dist/components/glass-toolbar.js +35 -35
- package/dist/components/glass-toolbar.js.map +1 -1
- package/dist/components/search-select.js +1 -1
- package/dist/components/sidebar/Sidebar.stories.d.ts +278 -2
- package/dist/components/sidebar/SidebarContext.d.ts +2 -0
- package/dist/components/sidebar.js +271 -267
- package/dist/components/sidebar.js.map +1 -1
- package/dist/components/system-state.js +1 -1
- package/dist/components/table/Table.d.ts +109 -5
- package/dist/components/table/Table.stories.d.ts +285 -9
- package/dist/components/table/column-reorder/index.d.ts +1 -0
- package/dist/components/table/column-reorder/useColumnReorder.d.ts +82 -0
- package/dist/components/table/column-reorder.d.ts +2 -0
- package/dist/components/table/column-reorder.js +6 -0
- package/dist/components/table/column-reorder.js.map +1 -0
- package/dist/components/table/column-resize/columnAutoFit.d.ts +21 -0
- package/dist/components/table/column-resize/columnResizeSession.d.ts +9 -0
- package/dist/components/table/column-resize/index.d.ts +3 -0
- package/dist/components/table/column-resize/useColumnResize.d.ts +52 -0
- package/dist/components/table/column-resize.d.ts +2 -0
- package/dist/components/table/column-resize.js +7 -0
- package/dist/components/table/column-resize.js.map +1 -0
- package/dist/components/table/editable/TableFillHandle.d.ts +23 -0
- package/dist/components/table/editable/cellRange.d.ts +83 -0
- package/dist/components/table/editable/editableCell.d.ts +90 -0
- package/dist/components/table/editable/index.d.ts +3 -0
- package/dist/components/table/editable.d.ts +2 -0
- package/dist/components/table/editable.js +12 -0
- package/dist/components/table/editable.js.map +1 -0
- package/dist/components/table/index.d.ts +8 -1
- package/dist/components/table/opaqueCell.d.ts +47 -0
- package/dist/components/table/rowTint.d.ts +60 -0
- package/dist/components/table/sticky/index.d.ts +1 -0
- package/dist/components/table/sticky/stickyCell.d.ts +105 -0
- package/dist/components/table/sticky.d.ts +2 -0
- package/dist/components/table/sticky.js +22 -0
- package/dist/components/table/sticky.js.map +1 -0
- package/dist/components/table/tableStoryData.d.ts +84 -0
- package/dist/components/table/tableStoryParts.d.ts +72 -0
- package/dist/components/table/tree/TableTree.d.ts +106 -0
- package/dist/components/table/tree/index.d.ts +3 -0
- package/dist/components/table/tree/treeGeometry.d.ts +86 -0
- package/dist/components/table/tree/treeModel.d.ts +87 -0
- package/dist/components/table/tree.d.ts +2 -0
- package/dist/components/table/tree.js +19 -0
- package/dist/components/table/tree.js.map +1 -0
- package/dist/components/table.js +52 -79
- package/dist/components/table.js.map +1 -1
- package/dist/components/tag-input.js +1 -1
- package/dist/components/toolbar.js +1 -2
- package/dist/components/toolbar.js.map +1 -1
- package/dist/hooks.js +1 -1
- package/dist/lib/utils/dom.d.ts +72 -0
- package/dist/opaqueCell-SGaiyL54.js +31 -0
- package/dist/opaqueCell-SGaiyL54.js.map +1 -0
- package/dist/plus-BpxYPnAG.js +15 -0
- package/dist/plus-BpxYPnAG.js.map +1 -0
- package/dist/styles-scoped.css +327 -81
- package/dist/styles.css +327 -81
- package/dist/theme.css +2 -0
- package/dist/treeModel-BlPWVj4W.js +319 -0
- package/dist/treeModel-BlPWVj4W.js.map +1 -0
- package/dist/useBreakpoints-DHvp74UL.js +31 -0
- package/dist/useBreakpoints-DHvp74UL.js.map +1 -0
- package/dist/useColumnReorder-BxVZQ_Y5.js +119 -0
- package/dist/useColumnReorder-BxVZQ_Y5.js.map +1 -0
- package/dist/useColumnResize-wjfEyBBg.js +130 -0
- package/dist/useColumnResize-wjfEyBBg.js.map +1 -0
- package/dist/vendors/date-fns/index.d.ts +7 -14
- package/dist/vendors/date-fns/locale/en-US/index.d.ts +4 -0
- package/dist/vendors/date-fns/locale/ru/index.d.ts +4 -0
- package/dist/vendors/react-day-picker/index.d.ts +8 -17
- package/dist/vendors/react-hook-form/index.d.ts +8 -15
- package/dist/vendors/tanstack/react-table/index.d.ts +12 -0
- package/dist/vendors/zod/index.d.ts +8 -9
- package/package.json +3 -2
- package/tailwind.preset.js +6 -2
- package/dist/AlertIcon-5B6AgZpe.js.map +0 -1
- package/dist/Field-COD9VbUX.js +0 -86
- package/dist/Field-COD9VbUX.js.map +0 -1
- package/dist/components/data-table/DataTable.stories.d.ts +0 -8
- package/dist/useBreakpoints-D8wKOvil.js +0 -103
- 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;"}
|
package/dist/components/card.js
CHANGED
|
@@ -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-
|
|
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
|
|
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
|
-
}),
|
|
136
|
-
({ className: t, children: s, status: a, size: r, variant: e, asChild: n = !1, ...i }, o) => /* @__PURE__ */ u(n ? l : "span", { className:
|
|
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
|
-
|
|
138
|
+
g.displayName = "Counter";
|
|
139
139
|
export {
|
|
140
|
-
|
|
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-
|
|
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,
|