@bigbinary/neeto-atoms 1.0.19 → 1.0.21
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/{Badge-8FkscqDt.js → Badge-Bj3ajrWB.js} +4 -4
- package/dist/Badge-Bj3ajrWB.js.map +1 -0
- package/dist/{Calendar-DDPQHHat.js → Calendar-C4fe-WIS.js} +2 -2
- package/dist/{Calendar-DDPQHHat.js.map → Calendar-C4fe-WIS.js.map} +1 -1
- package/dist/{DatePicker-BNvWbsL-.js → DatePicker-RvdQv1LE.js} +2 -2
- package/dist/{DatePicker-BNvWbsL-.js.map → DatePicker-RvdQv1LE.js.map} +1 -1
- package/dist/{Typography-Bl-NoDAX.js → Typography-ClPJbLjP.js} +8 -8
- package/dist/Typography-ClPJbLjP.js.map +1 -0
- package/dist/{button-B-i8E7ah.js → button-Dn5ffsMK.js} +2 -2
- package/dist/button-Dn5ffsMK.js.map +1 -0
- package/dist/cjs/{Badge-STBHzYLs.js → Badge-_-PRf6aq.js} +4 -4
- package/dist/cjs/Badge-_-PRf6aq.js.map +1 -0
- package/dist/cjs/{Calendar-BS-238p2.js → Calendar-RRA-wKOF.js} +2 -2
- package/dist/cjs/{Calendar-BS-238p2.js.map → Calendar-RRA-wKOF.js.map} +1 -1
- package/dist/cjs/{DatePicker-CHulgN0u.js → DatePicker-CA113xZV.js} +2 -2
- package/dist/cjs/{DatePicker-CHulgN0u.js.map → DatePicker-CA113xZV.js.map} +1 -1
- package/dist/cjs/{Typography-CxDOxAG_.js → Typography-DaZ0HTha.js} +8 -8
- package/dist/cjs/Typography-DaZ0HTha.js.map +1 -0
- package/dist/cjs/{button-qIa_cyuE.js → button-CKlGvVqQ.js} +2 -2
- package/dist/cjs/button-CKlGvVqQ.js.map +1 -0
- package/dist/cjs/components/Alert.js +2 -2
- package/dist/cjs/components/Badge.js +1 -1
- package/dist/cjs/components/Button.js +1 -1
- package/dist/cjs/components/ColorPicker.js +1 -1
- package/dist/cjs/components/DataTable.js +1 -1
- package/dist/cjs/components/DatePicker.js +3 -3
- package/dist/cjs/components/Dialog.js +2 -2
- package/dist/cjs/components/DropdownMenu.js +1 -1
- package/dist/cjs/components/Empty.js +1 -1
- package/dist/cjs/components/Input.js +2 -2
- package/dist/cjs/components/Label.js +1 -1
- package/dist/cjs/components/Pagination.js +1 -1
- package/dist/cjs/components/Select.js +2 -2
- package/dist/cjs/components/Sheet.js +2 -2
- package/dist/cjs/components/TimePicker.js +1 -1
- package/dist/cjs/components/Typography.js +1 -1
- package/dist/cjs/components/index.js +8 -8
- package/dist/cjs/{dialog-_vQkEf7V.js → dialog-gFvX2Ajp.js} +2 -2
- package/dist/cjs/{dialog-_vQkEf7V.js.map → dialog-gFvX2Ajp.js.map} +1 -1
- package/dist/cjs/formik/ActionBlock.js +1 -1
- package/dist/cjs/formik/BlockNavigation.js +2 -2
- package/dist/cjs/formik/Button.js +1 -1
- package/dist/cjs/formik/Input.js +2 -2
- package/dist/cjs/formik/Select.js +5 -4
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/index.js +3 -3
- package/dist/cjs/index.js +8 -8
- package/dist/cjs/{input-group-D5SIEAeN.js → input-group-DRgJde06.js} +2 -2
- package/dist/cjs/{input-group-D5SIEAeN.js.map → input-group-DRgJde06.js.map} +1 -1
- package/dist/cjs/primitives/AlertDialog.js +1 -1
- package/dist/cjs/primitives/Badge.js +7 -2
- package/dist/cjs/primitives/Badge.js.map +1 -1
- package/dist/cjs/primitives/Button.js +1 -1
- package/dist/cjs/primitives/Calendar.js +2 -2
- package/dist/cjs/primitives/Carousel.js +1 -1
- package/dist/cjs/primitives/Combobox.js +2 -2
- package/dist/cjs/primitives/Command.js +3 -3
- package/dist/cjs/primitives/Dialog.js +2 -2
- package/dist/cjs/primitives/InputGroup.js +2 -2
- package/dist/cjs/primitives/Pagination.js +1 -1
- package/dist/cjs/primitives/Sheet.js +2 -2
- package/dist/cjs/primitives/Sidebar.js +2 -2
- package/dist/cjs/primitives/index.js +5 -5
- package/dist/cjs/{sheet-B4hSZKZT.js → sheet-DKAYuObu.js} +2 -2
- package/dist/cjs/{sheet-B4hSZKZT.js.map → sheet-DKAYuObu.js.map} +1 -1
- package/dist/components/Alert.js +2 -2
- package/dist/components/Badge/Badge.d.ts +3 -0
- package/dist/components/Badge.js +1 -1
- package/dist/components/Button.js +1 -1
- package/dist/components/ColorPicker.js +1 -1
- package/dist/components/DataTable.js +1 -1
- package/dist/components/DatePicker.js +3 -3
- package/dist/components/Dialog.js +2 -2
- package/dist/components/DropdownMenu.js +1 -1
- package/dist/components/Empty.js +1 -1
- package/dist/components/Input.js +2 -2
- package/dist/components/Label.js +1 -1
- package/dist/components/Pagination.js +1 -1
- package/dist/components/Select.js +2 -2
- package/dist/components/Sheet.js +2 -2
- package/dist/components/TimePicker.js +1 -1
- package/dist/components/Typography.js +1 -1
- package/dist/components/index.js +8 -8
- package/dist/{dialog-C1w8dWE1.js → dialog-BkQ_IcCo.js} +2 -2
- package/dist/{dialog-C1w8dWE1.js.map → dialog-BkQ_IcCo.js.map} +1 -1
- package/dist/formik/ActionBlock.js +1 -1
- package/dist/formik/BlockNavigation.js +2 -2
- package/dist/formik/Button.js +1 -1
- package/dist/formik/Input.js +2 -2
- package/dist/formik/Select.js +5 -4
- package/dist/formik/Select.js.map +1 -1
- package/dist/formik/index.js +3 -3
- package/dist/index.js +8 -8
- package/dist/{input-group-Dve5dexp.js → input-group-DxqtSMEV.js} +2 -2
- package/dist/{input-group-Dve5dexp.js.map → input-group-DxqtSMEV.js.map} +1 -1
- package/dist/primitives/AlertDialog.js +1 -1
- package/dist/primitives/Badge.d.ts +4 -1
- package/dist/primitives/Badge.js +7 -2
- package/dist/primitives/Badge.js.map +1 -1
- package/dist/primitives/Button.js +2 -2
- package/dist/primitives/Calendar.js +2 -2
- package/dist/primitives/Carousel.js +1 -1
- package/dist/primitives/Combobox.js +2 -2
- package/dist/primitives/Command.js +3 -3
- package/dist/primitives/Dialog.js +2 -2
- package/dist/primitives/InputGroup.js +2 -2
- package/dist/primitives/Pagination.js +1 -1
- package/dist/primitives/Sheet.js +2 -2
- package/dist/primitives/Sidebar.js +2 -2
- package/dist/primitives/index.js +5 -5
- package/dist/{sheet-CViv_QTx.js → sheet-DMzfkVV_.js} +2 -2
- package/dist/{sheet-CViv_QTx.js.map → sheet-DMzfkVV_.js.map} +1 -1
- package/package.json +1 -1
- package/dist/Badge-8FkscqDt.js.map +0 -1
- package/dist/Typography-Bl-NoDAX.js.map +0 -1
- package/dist/button-B-i8E7ah.js.map +0 -1
- package/dist/cjs/Badge-STBHzYLs.js.map +0 -1
- package/dist/cjs/Typography-CxDOxAG_.js.map +0 -1
- package/dist/cjs/button-qIa_cyuE.js.map +0 -1
|
@@ -7,13 +7,13 @@ import { S as Slot } from './index-CfriMyrd.js';
|
|
|
7
7
|
const typographyVariants = cva("", {
|
|
8
8
|
variants: {
|
|
9
9
|
variant: {
|
|
10
|
-
jumbo: "text-
|
|
11
|
-
h1: "text-[
|
|
12
|
-
h2: "text-
|
|
13
|
-
h3: "text-
|
|
14
|
-
h4: "text-
|
|
15
|
-
h5: "text-
|
|
16
|
-
h6: "text-
|
|
10
|
+
jumbo: "text-5xl font-semibold leading-none tracking-tight",
|
|
11
|
+
h1: "text-[2.5rem] font-semibold leading-tight tracking-tight",
|
|
12
|
+
h2: "text-[2rem] font-semibold leading-tight tracking-tight",
|
|
13
|
+
h3: "text-[1.75rem] font-semibold leading-tight",
|
|
14
|
+
h4: "text-2xl font-semibold leading-tight",
|
|
15
|
+
h5: "text-xl font-semibold leading-tight",
|
|
16
|
+
h6: "text-base font-semibold leading-tight",
|
|
17
17
|
body1: "text-base leading-normal",
|
|
18
18
|
body2: "text-[15px] leading-normal",
|
|
19
19
|
body3: "text-sm leading-normal",
|
|
@@ -73,4 +73,4 @@ const Typography = forwardRef(({ className, variant = "body3", weight, color = "
|
|
|
73
73
|
Typography.displayName = "Typography";
|
|
74
74
|
|
|
75
75
|
export { Typography as T, typographyVariants as t };
|
|
76
|
-
//# sourceMappingURL=Typography-
|
|
76
|
+
//# sourceMappingURL=Typography-ClPJbLjP.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Typography-ClPJbLjP.js","sources":["../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Slot } from \"radix-ui\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\n\nconst typographyVariants = cva(\"\", {\n variants: {\n variant: {\n jumbo: \"text-5xl font-semibold leading-none tracking-tight\",\n h1: \"text-[2.5rem] font-semibold leading-tight tracking-tight\",\n h2: \"text-[2rem] font-semibold leading-tight tracking-tight\",\n h3: \"text-[1.75rem] font-semibold leading-tight\",\n h4: \"text-2xl font-semibold leading-tight\",\n h5: \"text-xl font-semibold leading-tight\",\n h6: \"text-base font-semibold leading-tight\",\n body1: \"text-base leading-normal\",\n body2: \"text-[15px] leading-normal\",\n body3: \"text-sm leading-normal\",\n caption: \"text-xs leading-normal\",\n nano: \"text-[10px] leading-normal\",\n code: \"font-mono text-sm\",\n },\n weight: {\n thin: \"font-thin\",\n extralight: \"font-extralight\",\n light: \"font-light\",\n normal: \"font-normal\",\n medium: \"font-medium\",\n semibold: \"font-semibold\",\n bold: \"font-bold\",\n extrabold: \"font-extrabold\",\n black: \"font-black\",\n },\n color: {\n default: \"text-foreground\",\n muted: \"text-muted-foreground\",\n primary: \"text-primary\",\n destructive: \"text-destructive\",\n inherit: \"text-inherit\",\n },\n lineClamp: {\n none: \"\",\n 1: \"line-clamp-1\",\n 2: \"line-clamp-2\",\n 3: \"line-clamp-3\",\n },\n },\n defaultVariants: {\n variant: \"body3\",\n color: \"default\",\n },\n});\n\nconst defaultElementMap: Record<string, keyof React.JSX.IntrinsicElements> = {\n jumbo: \"h1\",\n h1: \"h1\",\n h2: \"h2\",\n h3: \"h3\",\n h4: \"h4\",\n h5: \"h5\",\n h6: \"h6\",\n body1: \"p\",\n body2: \"p\",\n body3: \"p\",\n caption: \"span\",\n nano: \"span\",\n code: \"code\",\n};\n\nconst Typography = forwardRef<\n HTMLElement,\n React.ComponentProps<\"p\"> &\n VariantProps<typeof typographyVariants> & {\n asChild?: boolean;\n }\n>(\n (\n {\n className,\n variant = \"body3\",\n weight,\n color = \"default\",\n lineClamp,\n asChild = false,\n ...props\n },\n ref\n ) => {\n const Comp = (\n asChild ? Slot.Root : (defaultElementMap[variant ?? \"body3\"] ?? \"p\")\n ) as React.ElementType;\n\n return (\n <Comp\n ref={ref}\n data-slot=\"typography\"\n data-variant={variant}\n className={cn(\n typographyVariants({ variant, weight, color, lineClamp, className })\n )}\n {...props}\n />\n );\n }\n);\n\nTypography.displayName = \"Typography\";\n\nexport { Typography, typographyVariants };\n"],"names":["Slot.Root","_jsx"],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ const buttonVariants = cva("group/button inline-flex shrink-0 items-center justi
|
|
|
12
12
|
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
|
|
13
13
|
ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
|
|
14
14
|
destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
|
|
15
|
-
link: "text-primary underline-offset-4 hover:
|
|
15
|
+
link: "text-primary underline underline-offset-4 decoration-primary/40 hover:decoration-primary",
|
|
16
16
|
},
|
|
17
17
|
size: {
|
|
18
18
|
default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2",
|
|
@@ -44,4 +44,4 @@ const Button = React.forwardRef(({ className, variant = "default", size = "defau
|
|
|
44
44
|
Button.displayName = "Button";
|
|
45
45
|
|
|
46
46
|
export { Button as B, buttonVariants as b };
|
|
47
|
-
//# sourceMappingURL=button-
|
|
47
|
+
//# sourceMappingURL=button-Dn5ffsMK.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-Dn5ffsMK.js","sources":["../src/shadcn/components/button.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"src/shadcn/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n outline:\n \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline underline-offset-4 decoration-primary/40 hover:decoration-primary\",\n },\n size: {\n default:\n \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pe-2 has-data-[icon=inline-start]:ps-2\",\n xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pe-3 has-data-[icon=inline-start]:ps-3\",\n icon: \"size-8\",\n \"icon-xs\":\n \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\":\n \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\n \"icon-lg\": \"size-9\",\n },\n },\n compoundVariants: [\n {\n variant: \"link\",\n size: [\"default\", \"xs\", \"sm\", \"lg\"],\n className:\n \"h-auto border-0 px-0 has-data-[icon=inline-end]:pe-0 has-data-[icon=inline-start]:ps-0\",\n },\n ],\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nconst Button = React.forwardRef<\n HTMLButtonElement,\n React.ComponentProps<\"button\"> &\n VariantProps<typeof buttonVariants> & {\n asChild?: boolean\n }\n>(({\n className,\n variant = \"default\",\n size = \"default\",\n asChild = false,\n ...props\n}, ref) => {\n const Comp = asChild ? Slot.Root : \"button\"\n\n return (\n <Comp\n ref={ref}\n data-slot=\"button\"\n data-variant={variant}\n data-size={size}\n className={cn(buttonVariants({ variant, size, className }))}\n {...props}\n />\n )\n})\n\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n"],"names":["Slot.Root","_jsx"],"mappings":";;;;;;AAMA,MAAM,cAAc,GAAG,GAAG,CACxB,wkBAAwkB,EACxkB;AACE,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,4DAA4D;AACrE,YAAA,OAAO,EACL,iLAAiL;AACnL,YAAA,SAAS,EACP,iIAAiI;AACnI,YAAA,KAAK,EACH,kHAAkH;AACpH,YAAA,WAAW,EACT,6NAA6N;AAC/N,YAAA,IAAI,EAAE,0FAA0F;AACjG,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,OAAO,EACL,sFAAsF;AACxF,YAAA,EAAE,EAAE,+MAA+M;AACnN,YAAA,EAAE,EAAE,yNAAyN;AAC7N,YAAA,EAAE,EAAE,sFAAsF;AAC1F,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,SAAS,EACP,yHAAyH;AAC3H,YAAA,SAAS,EACP,oFAAoF;AACtF,YAAA,SAAS,EAAE,QAAQ;AACpB,SAAA;AACF,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;YACf,IAAI,EAAE,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;AACnC,YAAA,SAAS,EACP,wFAAwF;AAC3F,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,SAAS;AAChB,KAAA;AACF,CAAA;AAGH,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAM7B,CAAC,EACD,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EAAE,GAAG,KAAI;AACR,IAAA,MAAM,IAAI,GAAG,OAAO,GAAGA,IAAS,GAAG,QAAQ;AAE3C,IAAA,QACEC,GAAA,CAAC,IAAI,EAAA,EACH,GAAG,EAAE,GAAG,EAAA,WAAA,EACE,QAAQ,EAAA,cAAA,EACJ,OAAO,EAAA,WAAA,EACV,IAAI,EACf,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,EAAA,GACvD,KAAK,EAAA,CACT;AAEN,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
|
|
@@ -45,17 +45,17 @@ const INDICATOR_COLORS = {
|
|
|
45
45
|
gray: "bg-gray-400",
|
|
46
46
|
};
|
|
47
47
|
|
|
48
|
-
const Badge = React.forwardRef(({ variant = "default", size = "default", label, icon, iconPosition = "left", indicator, onDismiss, disabled = false, className, asChild = false, children, ...otherProps }, ref) => {
|
|
48
|
+
const Badge = React.forwardRef(({ variant = "default", size = "default", shape = "pill", label, icon, iconPosition = "left", indicator, onDismiss, disabled = false, className, asChild = false, children, ...otherProps }, ref) => {
|
|
49
49
|
const { t } = reactI18next.useTranslation();
|
|
50
50
|
if (asChild) {
|
|
51
|
-
return (jsxRuntime.jsx(primitives_Badge.Badge, { ref: ref, asChild: true, variant: variant, size: size, className: className, ...otherProps, children: children }));
|
|
51
|
+
return (jsxRuntime.jsx(primitives_Badge.Badge, { ref: ref, asChild: true, variant: variant, size: size, shape: shape, className: className, ...otherProps, children: children }));
|
|
52
52
|
}
|
|
53
53
|
const renderLabel = label || children;
|
|
54
54
|
const iconElement = icon ? renderIcon.renderIcon(icon) : null;
|
|
55
55
|
const hasDismiss = !!onDismiss && !disabled;
|
|
56
|
-
return (jsxRuntime.jsxs(primitives_Badge.Badge, { ref: ref, variant: variant, size: size, className: utils.cn(disabled && "opacity-50 pointer-events-none", icon && iconPosition === "left" && SIZE_CONFIG[size].iconPl, icon && iconPosition === "right" && SIZE_CONFIG[size].iconPr, hasDismiss && SIZE_CONFIG[size].dismissPr, className), ...otherProps, children: [indicator && (jsxRuntime.jsx("span", { "aria-hidden": "true", className: utils.cn("size-1.5 shrink-0 rounded-full", INDICATOR_COLORS[indicator]) })), iconPosition === "left" && iconElement, renderLabel, iconPosition === "right" && iconElement, onDismiss && !disabled && (jsxRuntime.jsx("button", { type: "button", "aria-label": t("neetoatoms.badge.dismiss", "Dismiss"), onClick: onDismiss, className: utils.cn("inline-flex shrink-0 items-center justify-center rounded-full bg-current/15 transition-[background-color,opacity] hover:bg-current/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", SIZE_CONFIG[size].btnSize), children: jsxRuntime.jsx(x.X, { className: SIZE_CONFIG[size].iconSize }) }))] }));
|
|
56
|
+
return (jsxRuntime.jsxs(primitives_Badge.Badge, { ref: ref, variant: variant, size: size, shape: shape, className: utils.cn(disabled && "opacity-50 pointer-events-none", icon && iconPosition === "left" && SIZE_CONFIG[size].iconPl, icon && iconPosition === "right" && SIZE_CONFIG[size].iconPr, hasDismiss && SIZE_CONFIG[size].dismissPr, className), ...otherProps, children: [indicator && (jsxRuntime.jsx("span", { "aria-hidden": "true", className: utils.cn("size-1.5 shrink-0 rounded-full", INDICATOR_COLORS[indicator]) })), iconPosition === "left" && iconElement, renderLabel, iconPosition === "right" && iconElement, onDismiss && !disabled && (jsxRuntime.jsx("button", { type: "button", "aria-label": t("neetoatoms.badge.dismiss", "Dismiss"), onClick: onDismiss, className: utils.cn("inline-flex shrink-0 items-center justify-center rounded-full bg-current/15 transition-[background-color,opacity] hover:bg-current/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", SIZE_CONFIG[size].btnSize), children: jsxRuntime.jsx(x.X, { className: SIZE_CONFIG[size].iconSize }) }))] }));
|
|
57
57
|
});
|
|
58
58
|
Badge.displayName = "Badge";
|
|
59
59
|
|
|
60
60
|
exports.Badge = Badge;
|
|
61
|
-
//# sourceMappingURL=Badge-
|
|
61
|
+
//# sourceMappingURL=Badge-_-PRf6aq.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge-_-PRf6aq.js","sources":["../../../src/components/Badge/constants.ts","../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { IndicatorVariant } from \"./Badge\";\n\nexport const SIZE_CONFIG = {\n sm: {\n iconPl: \"pl-1\",\n iconPr: \"pr-1\",\n dismissPr: \"pr-0.5\",\n btnSize: \"size-3\",\n iconSize: \"size-2\",\n },\n default: {\n iconPl: \"pl-1.5\",\n iconPr: \"pr-1.5\",\n dismissPr: \"pr-1\",\n btnSize: \"size-3.5\",\n iconSize: \"size-2.5\",\n },\n lg: {\n iconPl: \"pl-2\",\n iconPr: \"pr-2\",\n dismissPr: \"pr-1\",\n btnSize: \"size-4.5\",\n iconSize: \"size-3\",\n },\n};\n\nexport const INDICATOR_COLORS: Record<IndicatorVariant, string> = {\n default: \"bg-primary\",\n secondary: \"bg-muted-foreground\",\n destructive: \"bg-destructive\",\n blue: \"bg-blue-600\",\n green: \"bg-green-600\",\n amber: \"bg-amber-400\",\n red: \"bg-red-600\",\n purple: \"bg-purple-700\",\n pink: \"bg-pink-600\",\n teal: \"bg-teal-600\",\n gray: \"bg-gray-400\",\n};\n","import React, { forwardRef, type ReactNode } from \"react\";\n\nimport { X } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/lib/renderIcon\";\nimport { Badge as PrimitiveBadge } from \"src/primitives/Badge\";\n\nimport { SIZE_CONFIG, INDICATOR_COLORS } from \"./constants\";\n\ntype BadgeVariant =\n | \"default\"\n | \"secondary\"\n | \"destructive\"\n | \"outline\"\n | \"ghost\"\n | \"link\"\n | \"gray\"\n | \"gray-subtle\"\n | \"blue\"\n | \"blue-subtle\"\n | \"purple\"\n | \"purple-subtle\"\n | \"amber\"\n | \"amber-subtle\"\n | \"red\"\n | \"red-subtle\"\n | \"pink\"\n | \"pink-subtle\"\n | \"green\"\n | \"green-subtle\"\n | \"teal\"\n | \"teal-subtle\";\n\ntype BadgeSize = \"sm\" | \"default\" | \"lg\";\n\ntype BadgeShape = \"pill\" | \"rounded\";\n\nexport type IndicatorVariant =\n | \"default\"\n | \"secondary\"\n | \"destructive\"\n | \"blue\"\n | \"green\"\n | \"amber\"\n | \"red\"\n | \"purple\"\n | \"pink\"\n | \"teal\"\n | \"gray\";\n\nexport interface BadgeProps extends Omit<\n React.ComponentProps<\"span\">,\n \"children\"\n> {\n /** Visual variant of the badge. */\n variant?: BadgeVariant;\n /** Size of the badge. */\n size?: BadgeSize;\n /** Corner shape: `pill` (fully rounded, default) or `rounded` (4px). */\n shape?: BadgeShape;\n /** Text label rendered inside the badge. */\n label?: string;\n /** Icon component, element, or class-name string. */\n icon?: IconProp;\n /** Placement of the icon relative to the label. */\n iconPosition?: \"left\" | \"right\";\n /** Colored status indicator dot. */\n indicator?: IndicatorVariant;\n /** Callback when the badge is dismissed. Renders a dismiss button when provided. */\n onDismiss?: () => void;\n /** Disables the badge and hides the dismiss button. */\n disabled?: boolean;\n /** Render as a custom element (polymorphic via Radix Slot). */\n asChild?: boolean;\n /** Children rendered inside the badge (fallback for `label`). */\n children?: ReactNode;\n}\n\nconst Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n (\n {\n variant = \"default\",\n size = \"default\",\n shape = \"pill\",\n label,\n icon,\n iconPosition = \"left\",\n indicator,\n onDismiss,\n disabled = false,\n className,\n asChild = false,\n children,\n ...otherProps\n },\n ref\n ) => {\n const { t } = useTranslation();\n\n if (asChild) {\n return (\n <PrimitiveBadge\n ref={ref}\n asChild\n variant={variant}\n size={size}\n shape={shape}\n className={className}\n {...otherProps}\n >\n {children}\n </PrimitiveBadge>\n );\n }\n\n const renderLabel = label || children;\n const iconElement = icon ? renderIcon(icon) : null;\n\n const hasDismiss = !!onDismiss && !disabled;\n\n return (\n <PrimitiveBadge\n ref={ref}\n variant={variant}\n size={size}\n shape={shape}\n className={cn(\n disabled && \"opacity-50 pointer-events-none\",\n icon && iconPosition === \"left\" && SIZE_CONFIG[size].iconPl,\n icon && iconPosition === \"right\" && SIZE_CONFIG[size].iconPr,\n hasDismiss && SIZE_CONFIG[size].dismissPr,\n className\n )}\n {...otherProps}\n >\n {indicator && (\n <span\n aria-hidden=\"true\"\n className={cn(\n \"size-1.5 shrink-0 rounded-full\",\n INDICATOR_COLORS[indicator]\n )}\n />\n )}\n {iconPosition === \"left\" && iconElement}\n {renderLabel}\n {iconPosition === \"right\" && iconElement}\n {onDismiss && !disabled && (\n <button\n type=\"button\"\n aria-label={t(\"neetoatoms.badge.dismiss\", \"Dismiss\")}\n onClick={onDismiss}\n className={cn(\n \"inline-flex shrink-0 items-center justify-center rounded-full bg-current/15 transition-[background-color,opacity] hover:bg-current/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1\",\n SIZE_CONFIG[size].btnSize\n )}\n >\n <X className={SIZE_CONFIG[size].iconSize} />\n </button>\n )}\n </PrimitiveBadge>\n );\n }\n);\n\nBadge.displayName = \"Badge\";\n\nexport { Badge };\n"],"names":["forwardRef","useTranslation","_jsx","PrimitiveBadge","renderIcon","_jsxs","cn","X"],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var utils = require('./utils-CTr7wn5d.js');
|
|
6
|
-
var button = require('./button-
|
|
6
|
+
var button = require('./button-CKlGvVqQ.js');
|
|
7
7
|
var chevronLeft = require('./chevron-left-BldoOh5p.js');
|
|
8
8
|
var chevronRight = require('./chevron-right-0jNdwX2Q.js');
|
|
9
9
|
var chevronDown = require('./chevron-down-CPsWSS51.js');
|
|
@@ -8063,4 +8063,4 @@ exports.startOfISOWeek = startOfISOWeek;
|
|
|
8063
8063
|
exports.startOfWeek = startOfWeek;
|
|
8064
8064
|
exports.toDate = toDate;
|
|
8065
8065
|
exports.warnOrThrowProtectedError = warnOrThrowProtectedError;
|
|
8066
|
-
//# sourceMappingURL=Calendar-
|
|
8066
|
+
//# sourceMappingURL=Calendar-RRA-wKOF.js.map
|