brd-ui-kit 0.1.72 → 0.1.73
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/brd-ui-kit.css +1 -1
- package/dist/components/files-uploader/files-uploader.d.ts +8 -6
- package/dist/components/ui/textarea/textarea.d.ts +2 -2
- package/dist/components/ui/toggle/index.d.ts +3 -0
- package/dist/components/ui/toggle/toggle.d.ts +5 -0
- package/dist/components/ui/toggle/toggle.styles.d.ts +9 -0
- package/dist/components/ui/toggle-group/index.d.ts +1 -0
- package/dist/components/ui/toggle-group/toggle-group.d.ts +12 -0
- package/dist/components/ui/toggle-group/toggle-group.styles.d.ts +8 -0
- package/dist/components/ui/toggle-group.d.ts +2 -0
- package/dist/components/ui/toggle.d.ts +2 -0
- package/dist/components-avatar-uploader-avatar-uploader.cjs +1 -1
- package/dist/components-avatar-uploader-avatar-uploader.cjs.map +1 -1
- package/dist/components-avatar-uploader-avatar-uploader.js +4 -2
- package/dist/components-avatar-uploader-avatar-uploader.js.map +1 -1
- package/dist/components-basic-avatar-basic-avatar.cjs +2 -2
- package/dist/components-basic-avatar-basic-avatar.cjs.map +1 -1
- package/dist/components-basic-avatar-basic-avatar.js +4 -2
- package/dist/components-basic-avatar-basic-avatar.js.map +1 -1
- package/dist/components-files-uploader-files-uploader.cjs +6 -6
- package/dist/components-files-uploader-files-uploader.cjs.map +1 -1
- package/dist/components-files-uploader-files-uploader.js +108 -109
- package/dist/components-files-uploader-files-uploader.js.map +1 -1
- package/dist/components-input-contact-input-contact.cjs +1 -1
- package/dist/components-input-contact-input-contact.cjs.map +1 -1
- package/dist/components-input-contact-input-contact.js +4 -2
- package/dist/components-input-contact-input-contact.js.map +1 -1
- package/dist/components-input-password-input-password.cjs +1 -1
- package/dist/components-input-password-input-password.cjs.map +1 -1
- package/dist/components-input-password-input-password.js +4 -2
- package/dist/components-input-password-input-password.js.map +1 -1
- package/dist/components-ui-field-field.js +4 -4
- package/dist/components-ui-textarea-textarea.cjs +1 -1
- package/dist/components-ui-textarea-textarea.cjs.map +1 -1
- package/dist/components-ui-textarea-textarea.js +2 -3
- package/dist/components-ui-textarea-textarea.js.map +1 -1
- package/dist/components-ui-textarea-textarea.styles.cjs +1 -1
- package/dist/components-ui-textarea-textarea.styles.cjs.map +1 -1
- package/dist/components-ui-textarea-textarea.styles.js +1 -1
- package/dist/components-ui-textarea-textarea.styles.js.map +1 -1
- package/dist/components-ui-toggle-group-toggle-group.cjs +2 -0
- package/dist/components-ui-toggle-group-toggle-group.cjs.map +1 -0
- package/dist/components-ui-toggle-group-toggle-group.js +112 -0
- package/dist/components-ui-toggle-group-toggle-group.js.map +1 -0
- package/dist/components-ui-toggle-group-toggle-group.styles.cjs +18 -0
- package/dist/components-ui-toggle-group-toggle-group.styles.cjs.map +1 -0
- package/dist/components-ui-toggle-group-toggle-group.styles.js +58 -0
- package/dist/components-ui-toggle-group-toggle-group.styles.js.map +1 -0
- package/dist/components-ui-toggle-group.cjs +2 -0
- package/dist/components-ui-toggle-group.cjs.map +1 -0
- package/dist/components-ui-toggle-group.js +6 -0
- package/dist/components-ui-toggle-group.js.map +1 -0
- package/dist/components-ui-toggle-toggle.cjs +2 -0
- package/dist/components-ui-toggle-toggle.cjs.map +1 -0
- package/dist/components-ui-toggle-toggle.js +57 -0
- package/dist/components-ui-toggle-toggle.js.map +1 -0
- package/dist/components-ui-toggle-toggle.styles.cjs +12 -0
- package/dist/components-ui-toggle-toggle.styles.cjs.map +1 -0
- package/dist/components-ui-toggle-toggle.styles.js +35 -0
- package/dist/components-ui-toggle-toggle.styles.js.map +1 -0
- package/dist/components-ui-toggle.cjs +2 -0
- package/dist/components-ui-toggle.cjs.map +1 -0
- package/dist/components-ui-toggle.js +7 -0
- package/dist/components-ui-toggle.js.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +153 -152
- package/dist/index.js.map +1 -1
- package/package.json +19 -1
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { cva as t } from "class-variance-authority";
|
|
2
|
+
const o = [
|
|
3
|
+
"w-full min-w-217.25 overflow-hidden",
|
|
4
|
+
"group/toggle-group flex w-fit items-center",
|
|
5
|
+
"data-[orientation=horizontal]:flex-row",
|
|
6
|
+
"data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch",
|
|
7
|
+
"gap-[var(--toggle-group-gap)]"
|
|
8
|
+
], e = `
|
|
9
|
+
h-10 flex-1 shrink-0
|
|
10
|
+
border border-neutral-400 border-inp-default-border
|
|
11
|
+
px-4 py-2 text-sm leading-5
|
|
12
|
+
font-medium text-neutral-500
|
|
13
|
+
hover:bg-transparent hover:text-neutral-500
|
|
14
|
+
focus:z-10 focus-visible:z-10
|
|
15
|
+
group-data-[spacing=0]/toggle-group:rounded-none
|
|
16
|
+
group-data-[spacing=0]/toggle-group:px-2
|
|
17
|
+
group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5
|
|
18
|
+
group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5
|
|
19
|
+
data-[spacing=0]:data-[orientation=horizontal]:first:rounded-l-xl
|
|
20
|
+
data-[spacing=0]:data-[orientation=horizontal]:last:rounded-r-xl
|
|
21
|
+
data-[spacing=0]:data-[orientation=vertical]:first:rounded-t-xl
|
|
22
|
+
data-[spacing=0]:data-[orientation=vertical]:last:rounded-b-xl
|
|
23
|
+
data-[spacing=0]:data-[orientation=horizontal]:not-first:border-l-0
|
|
24
|
+
`, r = t("", {
|
|
25
|
+
variants: {
|
|
26
|
+
statusVariant: {
|
|
27
|
+
precise: [
|
|
28
|
+
"data-[state=on]:bg-success-bg",
|
|
29
|
+
"data-[state=on]:shadow-[inset_1px_1px_4px_2px_rgb(1_102_48_/_30%)]",
|
|
30
|
+
"data-[state=on]:text-primary-text"
|
|
31
|
+
].join(" "),
|
|
32
|
+
precalc: [
|
|
33
|
+
"data-[state=on]:bg-confidence-bg",
|
|
34
|
+
"data-[state=on]:shadow-[inset_0_1px_4px_2px_rgb(101_163_13_/_30%)]",
|
|
35
|
+
"data-[state=on]:text-primary-text"
|
|
36
|
+
].join(" "),
|
|
37
|
+
lowData: [
|
|
38
|
+
"data-[state=on]:bg-warning-bg",
|
|
39
|
+
"data-[state=on]:shadow-[inset_0_1px_4px_2px_rgb(225_113_0_/_30%)]",
|
|
40
|
+
"data-[state=on]:text-primary-text"
|
|
41
|
+
].join(" "),
|
|
42
|
+
empty: [
|
|
43
|
+
"data-[state=on]:bg-error-bg",
|
|
44
|
+
"data-[state=on]:shadow-[inset_-1px_1px_4px_2px_rgb(193_0_7_/_30%)]",
|
|
45
|
+
"data-[state=on]:text-primary-text"
|
|
46
|
+
].join(" ")
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
defaultVariants: {
|
|
50
|
+
statusVariant: "precise"
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
export {
|
|
54
|
+
e as toggleGroupItemClassNames,
|
|
55
|
+
r as toggleGroupItemStatusVariants,
|
|
56
|
+
o as toggleGroupRootClassNames
|
|
57
|
+
};
|
|
58
|
+
//# sourceMappingURL=components-ui-toggle-group-toggle-group.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components-ui-toggle-group-toggle-group.styles.js","sources":["../src/components/ui/toggle-group/toggle-group.styles.ts"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\n\nexport const toggleGroupRootClassNames = [\n \"w-full min-w-217.25 overflow-hidden\",\n \"group/toggle-group flex w-fit items-center\",\n \"data-[orientation=horizontal]:flex-row\",\n \"data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch\",\n \"gap-[var(--toggle-group-gap)]\",\n] as const;\n\nexport const toggleGroupItemClassNames = `\n h-10 flex-1 shrink-0\n border border-neutral-400 border-inp-default-border\n px-4 py-2 text-sm leading-5\n font-medium text-neutral-500\n hover:bg-transparent hover:text-neutral-500\n focus:z-10 focus-visible:z-10\n group-data-[spacing=0]/toggle-group:rounded-none\n group-data-[spacing=0]/toggle-group:px-2\n group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5\n group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5\n data-[spacing=0]:data-[orientation=horizontal]:first:rounded-l-xl\n data-[spacing=0]:data-[orientation=horizontal]:last:rounded-r-xl\n data-[spacing=0]:data-[orientation=vertical]:first:rounded-t-xl\n data-[spacing=0]:data-[orientation=vertical]:last:rounded-b-xl\n data-[spacing=0]:data-[orientation=horizontal]:not-first:border-l-0\n`;\n\nexport const toggleGroupItemStatusVariants = cva(\"\", {\n variants: {\n statusVariant: {\n precise: [\n \"data-[state=on]:bg-success-bg\",\n \"data-[state=on]:shadow-[inset_1px_1px_4px_2px_rgb(1_102_48_/_30%)]\",\n \"data-[state=on]:text-primary-text\",\n ].join(\" \"),\n precalc: [\n \"data-[state=on]:bg-confidence-bg\",\n \"data-[state=on]:shadow-[inset_0_1px_4px_2px_rgb(101_163_13_/_30%)]\",\n \"data-[state=on]:text-primary-text\",\n ].join(\" \"),\n lowData: [\n \"data-[state=on]:bg-warning-bg\",\n \"data-[state=on]:shadow-[inset_0_1px_4px_2px_rgb(225_113_0_/_30%)]\",\n \"data-[state=on]:text-primary-text\",\n ].join(\" \"),\n empty: [\n \"data-[state=on]:bg-error-bg\",\n \"data-[state=on]:shadow-[inset_-1px_1px_4px_2px_rgb(193_0_7_/_30%)]\",\n \"data-[state=on]:text-primary-text\",\n ].join(\" \"),\n },\n },\n defaultVariants: {\n statusVariant: \"precise\",\n },\n});\n\nexport type ToggleGroupItemStatusVariantProps = VariantProps<\n typeof toggleGroupItemStatusVariants\n>;\n"],"names":["toggleGroupRootClassNames","toggleGroupItemClassNames","toggleGroupItemStatusVariants","cva"],"mappings":";AAEO,MAAMA,IAA4B;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkB5BC,IAAgCC,EAAI,IAAI;AAAA,EACnD,UAAU;AAAA,IACR,eAAe;AAAA,MACb,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,MACV,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,MACV,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,MACV,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,iBAAiB;AAAA,IACf,eAAe;AAAA,EAAA;AAEnB,CAAC;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components-ui-toggle-group-toggle-group.cjs");exports.ToggleGroup=o.ToggleGroup;exports.ToggleGroupItem=o.ToggleGroupItem;
|
|
2
|
+
//# sourceMappingURL=components-ui-toggle-group.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components-ui-toggle-group.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components-ui-toggle-group.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("@radix-ui/react-accessible-icon");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-aspect-ratio");require("@radix-ui/react-avatar");require("@radix-ui/react-checkbox");require("@radix-ui/react-collapsible");require("@radix-ui/react-context-menu");require("@radix-ui/react-dialog");require("@radix-ui/react-direction");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-form");require("@radix-ui/react-hover-card");require("@radix-ui/react-label");require("@radix-ui/react-menubar");require("@radix-ui/react-navigation-menu");require("@radix-ui/react-one-time-password-field");require("@radix-ui/react-password-toggle-field");require("@radix-ui/react-popover");require("@radix-ui/react-portal");require("@radix-ui/react-progress");require("@radix-ui/react-radio-group");require("@radix-ui/react-scroll-area");require("@radix-ui/react-select");require("@radix-ui/react-separator");require("@radix-ui/react-slider");require("@radix-ui/react-slot");require("@radix-ui/react-switch");require("@radix-ui/react-tabs");require("@radix-ui/react-toast");const q=require("@radix-ui/react-toggle");require("@radix-ui/react-toggle-group");require("@radix-ui/react-toolbar");require("@radix-ui/react-tooltip");require("@radix-ui/react-visually-hidden");const o=require("./lib-utils.cjs"),n=require("./components-ui-toggle-toggle.styles.cjs");function l(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(i,r,u.get?u:{enumerable:!0,get:()=>e[r]})}}return i.default=e,Object.freeze(i)}const c=l(q);function g({className:e,variant:i="default",size:r="default",...u}){return t.jsx(c.Root,{"data-slot":"toggle",className:o.cn(n.toggleVariants({variant:i,size:r,className:e})),...u})}exports.Toggle=g;
|
|
2
|
+
//# sourceMappingURL=components-ui-toggle-toggle.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components-ui-toggle-toggle.cjs","sources":["../src/components/ui/toggle/toggle.tsx"],"sourcesContent":["import { Toggle as TogglePrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\nimport { toggleVariants, type ToggleVariantProps } from \"./toggle.styles\";\nimport type { ComponentProps } from \"react\";\n\nfunction Toggle({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ComponentProps<typeof TogglePrimitive.Root> & ToggleVariantProps) {\n return (\n <TogglePrimitive.Root\n data-slot=\"toggle\"\n className={cn(toggleVariants({ variant, size, className }))}\n {...props}\n />\n );\n}\n\nexport { Toggle };\n"],"names":["Toggle","className","variant","size","props","jsx","TogglePrimitive","cn","toggleVariants"],"mappings":"4wDAMA,SAASA,EAAO,CACd,UAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,UACP,GAAGC,CACL,EAAqE,CACnE,OACEC,EAAAA,IAACC,EAAgB,KAAhB,CACC,YAAU,SACV,UAAWC,EAAAA,GAAGC,iBAAe,CAAE,QAAAN,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EACzD,GAAGG,CAAA,CAAA,CAGV"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import "@radix-ui/react-accessible-icon";
|
|
3
|
+
import "@radix-ui/react-accordion";
|
|
4
|
+
import "@radix-ui/react-alert-dialog";
|
|
5
|
+
import "@radix-ui/react-aspect-ratio";
|
|
6
|
+
import "@radix-ui/react-avatar";
|
|
7
|
+
import "@radix-ui/react-checkbox";
|
|
8
|
+
import "@radix-ui/react-collapsible";
|
|
9
|
+
import "@radix-ui/react-context-menu";
|
|
10
|
+
import "@radix-ui/react-dialog";
|
|
11
|
+
import "@radix-ui/react-direction";
|
|
12
|
+
import "@radix-ui/react-dropdown-menu";
|
|
13
|
+
import "@radix-ui/react-form";
|
|
14
|
+
import "@radix-ui/react-hover-card";
|
|
15
|
+
import "@radix-ui/react-label";
|
|
16
|
+
import "@radix-ui/react-menubar";
|
|
17
|
+
import "@radix-ui/react-navigation-menu";
|
|
18
|
+
import "@radix-ui/react-one-time-password-field";
|
|
19
|
+
import "@radix-ui/react-password-toggle-field";
|
|
20
|
+
import "@radix-ui/react-popover";
|
|
21
|
+
import "@radix-ui/react-portal";
|
|
22
|
+
import "@radix-ui/react-progress";
|
|
23
|
+
import "@radix-ui/react-radio-group";
|
|
24
|
+
import "@radix-ui/react-scroll-area";
|
|
25
|
+
import "@radix-ui/react-select";
|
|
26
|
+
import "@radix-ui/react-separator";
|
|
27
|
+
import "@radix-ui/react-slider";
|
|
28
|
+
import "@radix-ui/react-slot";
|
|
29
|
+
import "@radix-ui/react-switch";
|
|
30
|
+
import "@radix-ui/react-tabs";
|
|
31
|
+
import "@radix-ui/react-toast";
|
|
32
|
+
import * as p from "@radix-ui/react-toggle";
|
|
33
|
+
import "@radix-ui/react-toggle-group";
|
|
34
|
+
import "@radix-ui/react-toolbar";
|
|
35
|
+
import "@radix-ui/react-tooltip";
|
|
36
|
+
import "@radix-ui/react-visually-hidden";
|
|
37
|
+
import { cn as e } from "./lib-utils.js";
|
|
38
|
+
import { toggleVariants as a } from "./components-ui-toggle-toggle.styles.js";
|
|
39
|
+
function Q({
|
|
40
|
+
className: o,
|
|
41
|
+
variant: t = "default",
|
|
42
|
+
size: r = "default",
|
|
43
|
+
...m
|
|
44
|
+
}) {
|
|
45
|
+
return /* @__PURE__ */ i(
|
|
46
|
+
p.Root,
|
|
47
|
+
{
|
|
48
|
+
"data-slot": "toggle",
|
|
49
|
+
className: e(a({ variant: t, size: r, className: o })),
|
|
50
|
+
...m
|
|
51
|
+
}
|
|
52
|
+
);
|
|
53
|
+
}
|
|
54
|
+
export {
|
|
55
|
+
Q as Toggle
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=components-ui-toggle-toggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components-ui-toggle-toggle.js","sources":["../src/components/ui/toggle/toggle.tsx"],"sourcesContent":["import { Toggle as TogglePrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\nimport { toggleVariants, type ToggleVariantProps } from \"./toggle.styles\";\nimport type { ComponentProps } from \"react\";\n\nfunction Toggle({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ComponentProps<typeof TogglePrimitive.Root> & ToggleVariantProps) {\n return (\n <TogglePrimitive.Root\n data-slot=\"toggle\"\n className={cn(toggleVariants({ variant, size, className }))}\n {...props}\n />\n );\n}\n\nexport { Toggle };\n"],"names":["Toggle","className","variant","size","props","jsx","TogglePrimitive","cn","toggleVariants"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,SAASA,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAqE;AACnE,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGC,EAAe,EAAE,SAAAN,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,MACzD,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),i=e.cva(`group/toggle hover:bg-muted hover:text-foreground focus-visible:border-ring
|
|
2
|
+
focus-visible:ring-ring/50 aria-invalid:border-destructive
|
|
3
|
+
aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted
|
|
4
|
+
dark:aria-invalid:ring-destructive/40 inline-flex items-center justify-center gap-1
|
|
5
|
+
rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none
|
|
6
|
+
focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50
|
|
7
|
+
[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,{variants:{variant:{default:"bg-transparent",outline:"border-input hover:bg-muted border bg-transparent"},size:{default:`h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2
|
|
8
|
+
has-data-[icon=inline-start]:pl-2`,sm:`h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem]
|
|
9
|
+
has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5
|
|
10
|
+
[&_svg:not([class*='size-'])]:size-3.5`,lg:`h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2
|
|
11
|
+
has-data-[icon=inline-start]:pl-2`}},defaultVariants:{variant:"default",size:"default"}});exports.toggleVariants=i;
|
|
12
|
+
//# sourceMappingURL=components-ui-toggle-toggle.styles.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components-ui-toggle-toggle.styles.cjs","sources":["../src/components/ui/toggle/toggle.styles.ts"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\n\nconst toggleVariants = cva(\n `group/toggle hover:bg-muted hover:text-foreground focus-visible:border-ring\n focus-visible:ring-ring/50 aria-invalid:border-destructive\n aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted\n dark:aria-invalid:ring-destructive/40 inline-flex items-center justify-center gap-1\n rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none\n focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50\n [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline: \"border-input hover:bg-muted border bg-transparent\",\n },\n size: {\n default: `h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2\n has-data-[icon=inline-start]:pl-2`,\n sm: `h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem]\n has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5\n [&_svg:not([class*='size-'])]:size-3.5`,\n lg: `h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2\n has-data-[icon=inline-start]:pl-2`,\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n },\n);\n\ntype ToggleVariantProps = VariantProps<typeof toggleVariants>;\n\nexport { toggleVariants };\nexport type { ToggleVariantProps };\n"],"names":["toggleVariants","cva"],"mappings":"4HAEMA,EAAiBC,EAAAA,IACrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qFAOA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,mDAAA,EAEX,KAAM,CACJ,QAAS;AAAA,2CAET,GAAI;AAAA;AAAA,gDAGJ,GAAI;AAAA,0CAAA,CAEN,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { cva as e } from "class-variance-authority";
|
|
2
|
+
const n = e(
|
|
3
|
+
`group/toggle hover:bg-muted hover:text-foreground focus-visible:border-ring
|
|
4
|
+
focus-visible:ring-ring/50 aria-invalid:border-destructive
|
|
5
|
+
aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted
|
|
6
|
+
dark:aria-invalid:ring-destructive/40 inline-flex items-center justify-center gap-1
|
|
7
|
+
rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none
|
|
8
|
+
focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50
|
|
9
|
+
[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
|
|
10
|
+
{
|
|
11
|
+
variants: {
|
|
12
|
+
variant: {
|
|
13
|
+
default: "bg-transparent",
|
|
14
|
+
outline: "border-input hover:bg-muted border bg-transparent"
|
|
15
|
+
},
|
|
16
|
+
size: {
|
|
17
|
+
default: `h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2
|
|
18
|
+
has-data-[icon=inline-start]:pl-2`,
|
|
19
|
+
sm: `h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem]
|
|
20
|
+
has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5
|
|
21
|
+
[&_svg:not([class*='size-'])]:size-3.5`,
|
|
22
|
+
lg: `h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2
|
|
23
|
+
has-data-[icon=inline-start]:pl-2`
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
defaultVariants: {
|
|
27
|
+
variant: "default",
|
|
28
|
+
size: "default"
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
);
|
|
32
|
+
export {
|
|
33
|
+
n as toggleVariants
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=components-ui-toggle-toggle.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components-ui-toggle-toggle.styles.js","sources":["../src/components/ui/toggle/toggle.styles.ts"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\n\nconst toggleVariants = cva(\n `group/toggle hover:bg-muted hover:text-foreground focus-visible:border-ring\n focus-visible:ring-ring/50 aria-invalid:border-destructive\n aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted\n dark:aria-invalid:ring-destructive/40 inline-flex items-center justify-center gap-1\n rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none\n focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50\n [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,\n {\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline: \"border-input hover:bg-muted border bg-transparent\",\n },\n size: {\n default: `h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2\n has-data-[icon=inline-start]:pl-2`,\n sm: `h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem]\n has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5\n [&_svg:not([class*='size-'])]:size-3.5`,\n lg: `h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2\n has-data-[icon=inline-start]:pl-2`,\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n },\n);\n\ntype ToggleVariantProps = VariantProps<typeof toggleVariants>;\n\nexport { toggleVariants };\nexport type { ToggleVariantProps };\n"],"names":["toggleVariants","cva"],"mappings":";AAEA,MAAMA,IAAiBC;AAAA,EACrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,MAAA;AAAA,MAEX,MAAM;AAAA,QACJ,SAAS;AAAA;AAAA,QAET,IAAI;AAAA;AAAA;AAAA,QAGJ,IAAI;AAAA;AAAA,MAAA;AAAA,IAEN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components-ui-toggle-toggle.cjs"),t=require("./components-ui-toggle-toggle.styles.cjs");exports.Toggle=e.Toggle;exports.toggleVariants=t.toggleVariants;
|
|
2
|
+
//# sourceMappingURL=components-ui-toggle.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components-ui-toggle.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components-ui-toggle.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');;/* empty css */const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');;/* empty css */const d=require("./lib-utils.cjs"),C=require("./components-ui-badge-badge.cjs"),T=require("./components-ui-badge-badge.styles.cjs"),q=require("./components-ui-button-button.cjs"),v=require("./components-ui-button-button.styles.cjs"),i=require("./components-ui-card-card.cjs"),x=require("./components-ui-checkbox-checkbox.cjs"),e=require("./components-ui-select-select.cjs"),o=require("./components-ui-combobox-combobox.cjs"),t=require("./components-ui-dialog-dialog.cjs"),l=require("./components-ui-field-field.cjs"),P=require("./components-ui-icon-icon.cjs"),I=require("./components-ui-input-input.cjs"),p=require("./components-ui-input-group-input-group.cjs"),S=require("./components-ui-label-label.cjs"),h=require("./components-ui-navigation-item-navigation-item.cjs"),B=require("./components-ui-navigation-menu-navigation-menu.cjs"),n=require("./components-ui-pagination-pagination.cjs"),G=require("./components-ui-progress-progress.cjs"),_=require("./components-ui-radio-group-radio-group.cjs"),y=require("./components-ui-separator-separator.cjs"),D=require("./components-ui-switch-switch.cjs"),F=require("./components-ui-toggle-toggle.cjs"),A=require("./components-ui-toggle-toggle.styles.cjs"),g=require("./components-ui-toggle-group-toggle-group.cjs"),a=require("./components-ui-table-table.cjs"),u=require("./components-ui-tabs-tabs.cjs"),w=require("./components-ui-textarea-textarea.cjs"),c=require("./components-ui-tooltip-tooltip.cjs"),L=require("./components-ui-typography-typography.cjs"),b=require("./components-ui-typography-typography.styles.cjs"),s=require("./components-ui-avatar-avatar.cjs"),k=require("./hooks-usePopupControls.cjs"),M=require("./components-app-pagination-app-pagination.cjs"),V=require("./components-app-sidebar-app-sidebar.cjs"),H=require("./components-basic-checkbox-basic-checkbox.cjs"),N=require("./components-basic-modal-basic-modal.cjs"),U=require("./components-basic-table-basic-table.cjs"),R=require("./components-basic-tooltip-basic-tooltip.cjs"),f=require("./components-input-field-input-field.cjs"),O=require("./components-input-password-input-password.cjs"),E=require("./components-radio-button-radio-button.cjs"),j=require("./components-select-field-select-field.cjs"),z=require("./components-select-groups-select-groups.cjs"),J=require("./components-textarea-field-textarea-field.cjs"),K=require("./components-basic-chart-basic-chart.cjs"),Q=require("./components-basic-avatar-basic-avatar.cjs"),W=require("./components-avatar-uploader-avatar-uploader.cjs"),r=require("./components-ui-popover-popover.cjs"),X=require("./components-ui-sonner-sonner.cjs"),Y=require("./index-DGxwh2Ms.cjs"),Z=require("./components-popover-modal-popover-modal.cjs"),$=require("./components-basic-select-basic-select.cjs"),oo=require("./components-basic-drawer-basic-drawer.cjs"),eo=require("./components-files-uploader-files-uploader.cjs"),to=require("./components-input-contact-input-contact.cjs"),ao=require("./components-input-phone-input-phone.cjs"),m=require("./components-ui-calendar-calendar.cjs");exports.cn=d.cn;exports.Badge=C.Badge;exports.badgeVariants=T.badgeVariants;exports.Button=q.Button;exports.buttonVariants=v.buttonVariants;exports.Card=i.Card;exports.CardContent=i.CardContent;exports.CardDescription=i.CardDescription;exports.CardFooter=i.CardFooter;exports.CardHeader=i.CardHeader;exports.CardTitle=i.CardTitle;exports.Checkbox=x.Checkbox;exports.Select=e.Select;exports.SelectBaseItem=e.SelectItem;exports.SelectBaseValue=e.SelectValue;exports.SelectContent=e.SelectContent;exports.SelectGroup=e.SelectGroup;exports.SelectLabel=e.SelectLabel;exports.SelectScrollDownButton=e.SelectScrollDownButton;exports.SelectScrollUpButton=e.SelectScrollUpButton;exports.SelectSeparator=e.SelectSeparator;exports.SelectTrigger=e.SelectTrigger;exports.Combobox=o.Combobox;exports.ComboboxChip=o.ComboboxChip;exports.ComboboxChips=o.ComboboxChips;exports.ComboboxChipsInput=o.ComboboxChipsInput;exports.ComboboxCollection=o.ComboboxCollection;exports.ComboboxContent=o.ComboboxContent;exports.ComboboxEmpty=o.ComboboxEmpty;exports.ComboboxField=o.ComboboxField;exports.ComboboxGroup=o.ComboboxGroup;exports.ComboboxInput=o.ComboboxInput;exports.ComboboxItem=o.ComboboxItem;exports.ComboboxLabel=o.ComboboxLabel;exports.ComboboxList=o.ComboboxList;exports.ComboboxSeparator=o.ComboboxSeparator;exports.ComboboxTrigger=o.ComboboxTrigger;exports.ComboboxValue=o.ComboboxValue;exports.Dialog=t.Dialog;exports.DialogClose=t.DialogClose;exports.DialogContent=t.DialogContent;exports.DialogDescription=t.DialogDescription;exports.DialogFooter=t.DialogFooter;exports.DialogHeader=t.DialogHeader;exports.DialogOverlay=t.DialogOverlay;exports.DialogPortal=t.DialogPortal;exports.DialogTitle=t.DialogTitle;exports.DialogTrigger=t.DialogTrigger;exports.Field=l.Field;exports.FieldContent=l.FieldContent;exports.FieldLabel=l.FieldLabel;exports.FieldLegend=l.FieldLegend;exports.Icon=P.Icon;exports.Input=I.Input;exports.InputGroup=p.InputGroup;exports.InputGroupAddon=p.InputGroupAddon;exports.InputGroupButton=p.InputGroupButton;exports.InputGroupInput=p.InputGroupInput;exports.InputGroupText=p.InputGroupText;exports.InputGroupTextarea=p.InputGroupTextarea;exports.Label=S.Label;exports.NavigationItem=h.NavigationItem;exports.NavigationMenu=B.NavigationMenu;exports.Pagination=n.Pagination;exports.PaginationContent=n.PaginationContent;exports.PaginationEllipsis=n.PaginationEllipsis;exports.PaginationItem=n.PaginationItem;exports.PaginationLink=n.PaginationLink;exports.PaginationNext=n.PaginationNext;exports.PaginationPrevious=n.PaginationPrevious;exports.Progress=G.Progress;exports.RadioGroup=_.RadioGroup;exports.RadioGroupItem=_.RadioGroupItem;exports.Separator=y.Separator;exports.Switch=D.Switch;exports.Toggle=F.Toggle;exports.toggleVariants=A.toggleVariants;exports.ToggleGroup=g.ToggleGroup;exports.ToggleGroupItem=g.ToggleGroupItem;exports.Table=a.Table;exports.TableBody=a.TableBody;exports.TableCaption=a.TableCaption;exports.TableCell=a.TableCell;exports.TableFooter=a.TableFooter;exports.TableHead=a.TableHead;exports.TableHeader=a.TableHeader;exports.TableRow=a.TableRow;exports.Tabs=u.Tabs;exports.TabsContent=u.TabsContent;exports.TabsList=u.TabsList;exports.TabsTrigger=u.TabsTrigger;exports.Textarea=w.Textarea;exports.Tooltip=c.Tooltip;exports.TooltipArrow=c.TooltipArrow;exports.TooltipContent=c.TooltipContent;exports.TooltipProvider=c.TooltipProvider;exports.TooltipTrigger=c.TooltipTrigger;exports.Typography=L.Typography;exports.getTypographyClassName=b.getTypographyClassName;exports.typographyClassNames=b.typographyClassNames;exports.typographyVariantOptions=b.typographyVariantOptions;exports.Avatar=s.Avatar;exports.AvatarBadge=s.AvatarBadge;exports.AvatarFallback=s.AvatarFallback;exports.AvatarGroup=s.AvatarGroup;exports.AvatarGroupCount=s.AvatarGroupCount;exports.AvatarImage=s.AvatarImage;exports.usePopupControls=k.usePopupControls;exports.AppPagination=M.AppPagination;exports.AppSidebar=V.AppSidebar;exports.BasicCheckbox=H.BasicCheckbox;exports.BasicModal=N.BasicModal;exports.BasicTable=U.BasicTable;exports.BasicTooltip=R.BasicTooltip;exports.InputField=f.InputField;exports.InputPassword=O.InputPassword;exports.RadioButton=E.RadioButton;exports.SelectField=j.SelectField;exports.SelectGroups=z.SelectGroups;exports.TextareaField=J.TextareaField;exports.BasicChart=K.BasicChart;exports.BasicAvatar=Q.BasicAvatar;exports.AvatarUpload=W.AvatarUpload;exports.Popover=r.Popover;exports.PopoverAnchor=r.PopoverAnchor;exports.PopoverContent=r.PopoverContent;exports.PopoverDescription=r.PopoverDescription;exports.PopoverHeader=r.PopoverHeader;exports.PopoverTitle=r.PopoverTitle;exports.PopoverTrigger=r.PopoverTrigger;exports.Toaster=X.Toaster;exports.sonner=Y.toast;exports.PopoverBasic=Z.PopoverBasic;exports.BasicSelect=$.BasicSelect;exports.BasicDrawer=oo.BasicDrawer;exports.FilesUploader=eo.FilesUploader;exports.InputContact=to.InputContact;exports.InputPhone=ao.InputPhone;exports.Calendar=m.Calendar;exports.localeMode=m.localeMode;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export { Checkbox } from './components/ui/checkbox';
|
|
|
8
8
|
export { Select, SelectItem as SelectBaseItem, SelectValue as SelectBaseValue, SelectContent, SelectGroup, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, } from './components/ui/select';
|
|
9
9
|
export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxField, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, } from './components/ui/combobox';
|
|
10
10
|
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from './components/ui/dialog';
|
|
11
|
-
export { Field, FieldContent,
|
|
11
|
+
export { Field, FieldContent, FieldLabel, FieldLegend, } from './components/ui/field';
|
|
12
12
|
export { Icon } from './components/ui/icon';
|
|
13
13
|
export type { IconProps } from './components/ui/icon';
|
|
14
14
|
export { Input } from './components/ui/input';
|
|
@@ -21,6 +21,8 @@ export { Progress } from './components/ui/progress';
|
|
|
21
21
|
export { RadioGroup, RadioGroupItem } from './components/ui/radio-group';
|
|
22
22
|
export { Separator } from './components/ui/separator';
|
|
23
23
|
export { Switch } from './components/ui/switch';
|
|
24
|
+
export { Toggle, toggleVariants, type ToggleVariantProps } from './components/ui/toggle';
|
|
25
|
+
export { ToggleGroup, ToggleGroupItem } from './components/ui/toggle-group';
|
|
24
26
|
export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from './components/ui/table';
|
|
25
27
|
export { Tabs, TabsContent, TabsList, TabsTrigger } from './components/ui/tabs';
|
|
26
28
|
export type { TabsListProps, TabsTriggerProps } from './components/ui/tabs';
|