@clasing/ui 2.0.8 → 2.1.0

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 (53) hide show
  1. package/dist/{badge-B4oRxQ-G.js → badge-Ds17GJH4.js} +28 -20
  2. package/dist/badge-oQqEF2X5.cjs +1 -0
  3. package/dist/{button-t0WrANXO.cjs → button-B-JHlR-n.cjs} +1 -1
  4. package/dist/{button-DiOH2ngV.js → button-ozL8afps.js} +1 -1
  5. package/dist/components/alert-dialog.cjs.js +1 -1
  6. package/dist/components/alert-dialog.es.js +1 -1
  7. package/dist/components/badge.cjs.js +1 -1
  8. package/dist/components/badge.d.ts +1 -1
  9. package/dist/components/badge.es.js +1 -1
  10. package/dist/components/blocks/interactive-card.cjs.js +1 -1
  11. package/dist/components/blocks/interactive-card.es.js +2 -2
  12. package/dist/components/button.cjs.js +1 -1
  13. package/dist/components/button.d.ts +3 -3
  14. package/dist/components/button.es.js +1 -1
  15. package/dist/components/calendar.cjs.js +1 -1
  16. package/dist/components/calendar.es.js +1 -1
  17. package/dist/components/context-menu.cjs.js +1 -1
  18. package/dist/components/context-menu.d.ts +1 -1
  19. package/dist/components/context-menu.es.js +37 -36
  20. package/dist/components/dropdown-menu.cjs.js +1 -1
  21. package/dist/components/dropdown-menu.d.ts +1 -1
  22. package/dist/components/dropdown-menu.es.js +13 -12
  23. package/dist/components/hover-card.cjs.js +1 -1
  24. package/dist/components/hover-card.d.ts +1 -1
  25. package/dist/components/hover-card.es.js +12 -11
  26. package/dist/components/input.cjs.js +1 -1
  27. package/dist/components/input.es.js +1 -1
  28. package/dist/components/menubar.cjs.js +1 -1
  29. package/dist/components/menubar.d.ts +1 -1
  30. package/dist/components/menubar.es.js +3 -2
  31. package/dist/components/multi-select.cjs.js +1 -1
  32. package/dist/components/multi-select.es.js +2 -2
  33. package/dist/components/phone-input.cjs.js +1 -1
  34. package/dist/components/phone-input.es.js +2 -2
  35. package/dist/components/popover.cjs.js +1 -1
  36. package/dist/components/popover.d.ts +1 -1
  37. package/dist/components/popover.es.js +1 -1
  38. package/dist/components/select.cjs.js +1 -1
  39. package/dist/components/select.d.ts +1 -1
  40. package/dist/components/select.es.js +42 -41
  41. package/dist/components/tooltip.cjs.js +1 -1
  42. package/dist/components/tooltip.d.ts +1 -1
  43. package/dist/components/tooltip.es.js +1 -1
  44. package/dist/{input-B6wjJM4O.js → input-B5HLfVv0.js} +1 -1
  45. package/dist/{input-Dpz3zGIU.cjs → input-BqT_fuUN.cjs} +1 -1
  46. package/dist/popover-DifOajI4.cjs +1 -0
  47. package/dist/{popover-C6pozFVL.js → popover-Dvf9oQaX.js} +9 -8
  48. package/dist/tooltip-C9FWg102.cjs +1 -0
  49. package/dist/{tooltip-CUaxcngn.js → tooltip-CGSL9pFZ.js} +5 -4
  50. package/package.json +1 -1
  51. package/dist/badge-CS2XfLYQ.cjs +0 -1
  52. package/dist/popover-BnLx2OY6.cjs +0 -1
  53. package/dist/tooltip-BvdeurjC.cjs +0 -1
@@ -1,25 +1,25 @@
1
- import { j as e, c as r } from "../index-DBpnlzOP.js";
1
+ import { j as e, c as o } from "../index-DBpnlzOP.js";
2
2
  import * as s from "@radix-ui/react-select";
3
3
  import { I as n } from "../icon-component-DGImZz3K.js";
4
- function p({
4
+ function m({
5
5
  ...t
6
6
  }) {
7
7
  return /* @__PURE__ */ e.jsx(s.Root, { "data-slot": "select", ...t });
8
8
  }
9
- function m({
9
+ function x({
10
10
  ...t
11
11
  }) {
12
12
  return /* @__PURE__ */ e.jsx(s.Group, { "data-slot": "select-group", ...t });
13
13
  }
14
- function x({
14
+ function g({
15
15
  ...t
16
16
  }) {
17
17
  return /* @__PURE__ */ e.jsx(s.Value, { "data-slot": "select-value", ...t });
18
18
  }
19
- function g({
19
+ function f({
20
20
  className: t,
21
21
  size: a = "md",
22
- children: o,
22
+ children: r,
23
23
  ...l
24
24
  }) {
25
25
  return /* @__PURE__ */ e.jsxs(
@@ -27,7 +27,7 @@ function g({
27
27
  {
28
28
  "data-slot": "select-trigger",
29
29
  "data-size": a,
30
- className: r(
30
+ className: o(
31
31
  "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent whitespace-nowrap transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
32
32
  a === "xs" && 'label-sm h-7 px-2 py-1 [&_svg:not([class*="size-"])]:size-3.5',
33
33
  a === "sm" && "label-md h-8 px-2 py-1",
@@ -37,7 +37,7 @@ function g({
37
37
  ),
38
38
  ...l,
39
39
  children: [
40
- o,
40
+ r,
41
41
  /* @__PURE__ */ e.jsx(s.Icon, { asChild: !0, children: /* @__PURE__ */ e.jsx(
42
42
  n,
43
43
  {
@@ -49,41 +49,42 @@ function g({
49
49
  }
50
50
  );
51
51
  }
52
- function f({
52
+ function h({
53
53
  className: t,
54
54
  children: a,
55
- position: o = "popper",
56
- ...l
55
+ position: r = "popper",
56
+ collisionPadding: l = 24,
57
+ ...i
57
58
  }) {
58
59
  return /* @__PURE__ */ e.jsx(s.Portal, { children: /* @__PURE__ */ e.jsxs(
59
60
  s.Content,
60
61
  {
61
62
  "data-slot": "select-content",
62
- className: r(
63
+ className: o(
63
64
  "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
64
- o === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
65
+ r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
65
66
  t
66
67
  ),
67
- position: o,
68
- ...l,
68
+ position: r,
69
+ ...i,
69
70
  children: [
70
- /* @__PURE__ */ e.jsx(i, {}),
71
+ /* @__PURE__ */ e.jsx(c, {}),
71
72
  /* @__PURE__ */ e.jsx(
72
73
  s.Viewport,
73
74
  {
74
- className: r(
75
+ className: o(
75
76
  "p-1",
76
- o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
77
+ r === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
77
78
  ),
78
79
  children: a
79
80
  }
80
81
  ),
81
- /* @__PURE__ */ e.jsx(c, {})
82
+ /* @__PURE__ */ e.jsx(d, {})
82
83
  ]
83
84
  }
84
85
  ) });
85
86
  }
86
- function h({
87
+ function v({
87
88
  className: t,
88
89
  ...a
89
90
  }) {
@@ -91,7 +92,7 @@ function h({
91
92
  s.Label,
92
93
  {
93
94
  "data-slot": "select-label",
94
- className: r(
95
+ className: o(
95
96
  "text-muted-foreground paragraph-xs px-2 py-1.5",
96
97
  t
97
98
  ),
@@ -99,20 +100,20 @@ function h({
99
100
  }
100
101
  );
101
102
  }
102
- function v({
103
+ function b({
103
104
  className: t,
104
105
  children: a,
105
- ...o
106
+ ...r
106
107
  }) {
107
108
  return /* @__PURE__ */ e.jsxs(
108
109
  s.Item,
109
110
  {
110
111
  "data-slot": "select-item",
111
- className: r(
112
+ className: o(
112
113
  "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground paragraph-sm relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
113
114
  t
114
115
  ),
115
- ...o,
116
+ ...r,
116
117
  children: [
117
118
  /* @__PURE__ */ e.jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e.jsx(s.ItemIndicator, { children: /* @__PURE__ */ e.jsx(n, { iconName: "IconCheck", className: "size-4" }) }) }),
118
119
  /* @__PURE__ */ e.jsx(s.ItemText, { children: a })
@@ -120,7 +121,7 @@ function v({
120
121
  }
121
122
  );
122
123
  }
123
- function b({
124
+ function j({
124
125
  className: t,
125
126
  ...a
126
127
  }) {
@@ -128,12 +129,12 @@ function b({
128
129
  s.Separator,
129
130
  {
130
131
  "data-slot": "select-separator",
131
- className: r("bg-border pointer-events-none -mx-1 my-1 h-px", t),
132
+ className: o("bg-border pointer-events-none -mx-1 my-1 h-px", t),
132
133
  ...a
133
134
  }
134
135
  );
135
136
  }
136
- function i({
137
+ function c({
137
138
  className: t,
138
139
  ...a
139
140
  }) {
@@ -141,7 +142,7 @@ function i({
141
142
  s.ScrollUpButton,
142
143
  {
143
144
  "data-slot": "select-scroll-up-button",
144
- className: r(
145
+ className: o(
145
146
  "flex cursor-default items-center justify-center py-1",
146
147
  t
147
148
  ),
@@ -150,7 +151,7 @@ function i({
150
151
  }
151
152
  );
152
153
  }
153
- function c({
154
+ function d({
154
155
  className: t,
155
156
  ...a
156
157
  }) {
@@ -158,7 +159,7 @@ function c({
158
159
  s.ScrollDownButton,
159
160
  {
160
161
  "data-slot": "select-scroll-down-button",
161
- className: r(
162
+ className: o(
162
163
  "flex cursor-default items-center justify-center py-1",
163
164
  t
164
165
  ),
@@ -168,14 +169,14 @@ function c({
168
169
  );
169
170
  }
170
171
  export {
171
- p as Select,
172
- f as SelectContent,
173
- m as SelectGroup,
174
- v as SelectItem,
175
- h as SelectLabel,
176
- c as SelectScrollDownButton,
177
- i as SelectScrollUpButton,
178
- b as SelectSeparator,
179
- g as SelectTrigger,
180
- x as SelectValue
172
+ m as Select,
173
+ h as SelectContent,
174
+ x as SelectGroup,
175
+ b as SelectItem,
176
+ v as SelectLabel,
177
+ d as SelectScrollDownButton,
178
+ c as SelectScrollUpButton,
179
+ j as SelectSeparator,
180
+ f as SelectTrigger,
181
+ g as SelectValue
181
182
  };
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../tooltip-BvdeurjC.cjs");exports.Tooltip=o.Tooltip;exports.TooltipContent=o.TooltipContent;exports.TooltipProvider=o.TooltipProvider;exports.TooltipTrigger=o.TooltipTrigger;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../tooltip-C9FWg102.cjs");exports.Tooltip=o.Tooltip;exports.TooltipContent=o.TooltipContent;exports.TooltipProvider=o.TooltipProvider;exports.TooltipTrigger=o.TooltipTrigger;
@@ -3,5 +3,5 @@ import * as React from 'react';
3
3
  declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
4
4
  declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
5
5
  declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
6
- declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
6
+ declare function TooltipContent({ className, sideOffset, collisionPadding, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
7
7
  export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
@@ -1,4 +1,4 @@
1
- import { T as i, a as r, b as T, c as a } from "../tooltip-CUaxcngn.js";
1
+ import { T as i, a as r, b as T, c as a } from "../tooltip-CGSL9pFZ.js";
2
2
  export {
3
3
  i as Tooltip,
4
4
  r as TooltipContent,
@@ -1,7 +1,7 @@
1
1
  import { j as r, c as u } from "./index-DBpnlzOP.js";
2
2
  import { c as b } from "./index-CwXB7YIx.js";
3
3
  import * as x from "react";
4
- import { B as g } from "./button-DiOH2ngV.js";
4
+ import { B as g } from "./button-ozL8afps.js";
5
5
  import { I as p } from "./icon-component-DGImZz3K.js";
6
6
  const m = b(
7
7
  "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input file:paragraph-sm flex w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
@@ -1 +1 @@
1
- "use strict";const t=require("./index-DSjHHn1r.cjs"),m=require("./index-BVmT9wZC.cjs"),f=require("react"),b=require("./button-t0WrANXO.cjs"),u=require("./icon-component-DTlgy__B.cjs");function g(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(e,r,i.get?i:{enumerable:!0,get:()=>n[r]})}}return e.default=n,Object.freeze(e)}const v=g(f),c=m.cva("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input file:paragraph-sm flex w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",{variants:{size:{xs:"label-sm h-7 px-2 py-1",sm:"label-md h-8 px-2 py-1",md:"label-lg h-12 px-3 py-1",lg:"label-xl h-16 px-4 py-2"}},defaultVariants:{size:"md"}});function j({className:n,type:e,size:r,iconName:i,iconPosition:a="left",...d}){const[o,p]=v.useState(!1),s=i?(l=>typeof l=="string"?{name:l}:l)(i):void 0,x=()=>{p(!o)};return!s&&e!=="password"?t.jsxRuntimeExports.jsx("input",{type:e,"data-slot":"input",className:t.cn(c({size:r}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",n),...d}):t.jsxRuntimeExports.jsxs("div",{className:"relative w-full",children:[s&&a==="left"&&t.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground absolute top-1/2 left-3 -translate-y-1/2",children:t.jsxRuntimeExports.jsx(u.IconComponent,{iconName:s.name,stroke:s.stroke,size:20})}),t.jsxRuntimeExports.jsx("input",{type:e==="password"?o?"text":"password":e,"data-slot":"input",className:t.cn(c({size:r}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",s&&a==="left"?"pl-10":"",s&&a==="right"||e==="password"?"pr-10":"",n),...d}),e==="password"&&t.jsxRuntimeExports.jsx(b.Button,{variant:"inverse",type:"button",size:r==="xs"||r==="sm"?"xs":"md",tabIndex:-1,"aria-label":o?"Hide password":"Show password",className:"absolute top-1/2 right-3 -translate-y-1/2",onClick:x,iconName:o?"IconEyeOff":"IconEye"}),s&&a==="right"&&e!=="password"&&t.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2",children:t.jsxRuntimeExports.jsx(u.IconComponent,{iconName:s.name,stroke:s.stroke,size:20})})]})}exports.Input=j;
1
+ "use strict";const t=require("./index-DSjHHn1r.cjs"),m=require("./index-BVmT9wZC.cjs"),f=require("react"),b=require("./button-B-JHlR-n.cjs"),u=require("./icon-component-DTlgy__B.cjs");function g(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const i=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(e,r,i.get?i:{enumerable:!0,get:()=>n[r]})}}return e.default=n,Object.freeze(e)}const v=g(f),c=m.cva("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input file:paragraph-sm flex w-full min-w-0 rounded-md border bg-transparent transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",{variants:{size:{xs:"label-sm h-7 px-2 py-1",sm:"label-md h-8 px-2 py-1",md:"label-lg h-12 px-3 py-1",lg:"label-xl h-16 px-4 py-2"}},defaultVariants:{size:"md"}});function j({className:n,type:e,size:r,iconName:i,iconPosition:a="left",...d}){const[o,p]=v.useState(!1),s=i?(l=>typeof l=="string"?{name:l}:l)(i):void 0,x=()=>{p(!o)};return!s&&e!=="password"?t.jsxRuntimeExports.jsx("input",{type:e,"data-slot":"input",className:t.cn(c({size:r}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",n),...d}):t.jsxRuntimeExports.jsxs("div",{className:"relative w-full",children:[s&&a==="left"&&t.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground absolute top-1/2 left-3 -translate-y-1/2",children:t.jsxRuntimeExports.jsx(u.IconComponent,{iconName:s.name,stroke:s.stroke,size:20})}),t.jsxRuntimeExports.jsx("input",{type:e==="password"?o?"text":"password":e,"data-slot":"input",className:t.cn(c({size:r}),"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]","aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",s&&a==="left"?"pl-10":"",s&&a==="right"||e==="password"?"pr-10":"",n),...d}),e==="password"&&t.jsxRuntimeExports.jsx(b.Button,{variant:"inverse",type:"button",size:r==="xs"||r==="sm"?"xs":"md",tabIndex:-1,"aria-label":o?"Hide password":"Show password",className:"absolute top-1/2 right-3 -translate-y-1/2",onClick:x,iconName:o?"IconEyeOff":"IconEye"}),s&&a==="right"&&e!=="password"&&t.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground absolute top-1/2 right-3 -translate-y-1/2",children:t.jsxRuntimeExports.jsx(u.IconComponent,{iconName:s.name,stroke:s.stroke,size:20})})]})}exports.Input=j;
@@ -0,0 +1 @@
1
+ "use strict";const e=require("./index-DSjHHn1r.cjs"),s=require("@radix-ui/react-popover");function d(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(r,o,i.get?i:{enumerable:!0,get:()=>t[o]})}}return r.default=t,Object.freeze(r)}const n=d(s);function p({...t}){return e.jsxRuntimeExports.jsx(n.Root,{"data-slot":"popover",...t})}function c({...t}){return e.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"popover-trigger",...t})}function u({className:t,align:r="center",sideOffset:o=4,collisionPadding:i=24,...a}){return e.jsxRuntimeExports.jsx(n.Portal,{children:e.jsxRuntimeExports.jsx(n.Content,{"data-slot":"popover-content",align:r,sideOffset:o,className:e.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",t),...a})})}function l({...t}){return e.jsxRuntimeExports.jsx(n.Anchor,{"data-slot":"popover-anchor",...t})}exports.Popover=p;exports.PopoverAnchor=l;exports.PopoverContent=u;exports.PopoverTrigger=c;
@@ -1,19 +1,20 @@
1
1
  import { j as t, c as i } from "./index-DBpnlzOP.js";
2
2
  import * as e from "@radix-ui/react-popover";
3
- function d({
3
+ function p({
4
4
  ...o
5
5
  }) {
6
6
  return /* @__PURE__ */ t.jsx(e.Root, { "data-slot": "popover", ...o });
7
7
  }
8
- function p({
8
+ function m({
9
9
  ...o
10
10
  }) {
11
11
  return /* @__PURE__ */ t.jsx(e.Trigger, { "data-slot": "popover-trigger", ...o });
12
12
  }
13
- function m({
13
+ function c({
14
14
  className: o,
15
15
  align: a = "center",
16
16
  sideOffset: r = 4,
17
+ collisionPadding: d = 24,
17
18
  ...n
18
19
  }) {
19
20
  return /* @__PURE__ */ t.jsx(e.Portal, { children: /* @__PURE__ */ t.jsx(
@@ -30,14 +31,14 @@ function m({
30
31
  }
31
32
  ) });
32
33
  }
33
- function c({
34
+ function l({
34
35
  ...o
35
36
  }) {
36
37
  return /* @__PURE__ */ t.jsx(e.Anchor, { "data-slot": "popover-anchor", ...o });
37
38
  }
38
39
  export {
39
- d as P,
40
- c as a,
41
- m as b,
42
- p as c
40
+ p as P,
41
+ l as a,
42
+ c as b,
43
+ m as c
43
44
  };
@@ -0,0 +1 @@
1
+ "use strict";const o=require("./index-DSjHHn1r.cjs"),l=require("@radix-ui/react-tooltip");function d(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const i=d(l);function s({delayDuration:t=0,...e}){return o.jsxRuntimeExports.jsx(i.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function p({...t}){return o.jsxRuntimeExports.jsx(s,{children:o.jsxRuntimeExports.jsx(i.Root,{"data-slot":"tooltip",...t})})}function c({...t}){return o.jsxRuntimeExports.jsx(i.Trigger,{"data-slot":"tooltip-trigger",...t})}function u({className:t,sideOffset:e=0,collisionPadding:r=24,children:n,...a}){return o.jsxRuntimeExports.jsx(i.Portal,{children:o.jsxRuntimeExports.jsxs(i.Content,{"data-slot":"tooltip-content",sideOffset:e,className:o.cn("text-neutral-1000 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 paragraph-sm z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-lg bg-white px-3 py-1.5 text-balance shadow-sm",t),...a,children:[n,o.jsxRuntimeExports.jsx(i.Arrow,{className:"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-white fill-white"})]})})}exports.Tooltip=p;exports.TooltipContent=u;exports.TooltipProvider=s;exports.TooltipTrigger=c;
@@ -13,12 +13,12 @@ function n({
13
13
  }
14
14
  );
15
15
  }
16
- function l({
16
+ function p({
17
17
  ...t
18
18
  }) {
19
19
  return /* @__PURE__ */ o.jsx(n, { children: /* @__PURE__ */ o.jsx(i.Root, { "data-slot": "tooltip", ...t }) });
20
20
  }
21
- function p({
21
+ function c({
22
22
  ...t
23
23
  }) {
24
24
  return /* @__PURE__ */ o.jsx(i.Trigger, { "data-slot": "tooltip-trigger", ...t });
@@ -26,6 +26,7 @@ function p({
26
26
  function m({
27
27
  className: t,
28
28
  sideOffset: a = 0,
29
+ collisionPadding: d = 24,
29
30
  children: e,
30
31
  ...r
31
32
  }) {
@@ -47,8 +48,8 @@ function m({
47
48
  ) });
48
49
  }
49
50
  export {
50
- l as T,
51
+ p as T,
51
52
  m as a,
52
53
  n as b,
53
- p as c
54
+ c
54
55
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@clasing/ui",
3
- "version": "2.0.8",
3
+ "version": "2.1.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.umd.js",
6
6
  "module": "./dist/index.es.js",
@@ -1 +0,0 @@
1
- "use strict";const r=require("./index-DSjHHn1r.cjs"),v=require("@radix-ui/react-slot"),h=require("./index-BVmT9wZC.cjs"),i=require("./icon-component-DTlgy__B.cjs"),x=h.cva("focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive inline-flex w-fit shrink-0 items-center justify-center gap-2 overflow-hidden border font-semibold whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] [&>svg]:pointer-events-none",{variants:{variant:{default:"bg-muted text-muted-foreground [a&]:hover:bg-muted/90 border-transparent",secondary:"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90 border-transparent",destructive:"bg-destructive [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60 border-transparent text-white",outline:"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",error:"bg-error-light text-error-main [a&]:hover:bg-error-light/90 border-transparent",warning:"bg-warning-light text-warning-main [a&]:hover:bg-warning-light/90 border-transparent",success:"bg-success-light text-success-main [a&]:hover:bg-success-light/90 border-transparent",info:"bg-info-light text-info-main [a&]:hover:bg-info-light/90 border-transparent",neutral:"border-transparent bg-black text-white [a&]:hover:bg-black/90",primary:"bg-primary-600 [a&]:hover:bg-primary-600/90 border-transparent text-white",yellow:"border-transparent bg-yellow-600 text-white [a&]:hover:bg-yellow-600/90",blue:"border-transparent bg-blue-600 text-white [a&]:hover:bg-blue-600/90",violet:"border-transparent bg-violet-600 text-white [a&]:hover:bg-violet-600/90"},size:{xs:"paragraph-xs px-3 py-px [&>svg]:size-3",sm:"paragraph-xs px-4 py-1 [&>svg]:size-4",md:"paragraph-sm px-4 py-2 [&>svg]:size-4",lg:"paragraph-md px-4 py-2 [&>svg]:size-5"},weight:{light:"font-light",regular:"font-regular",semibold:"font-semibold",bold:"font-bold"},rounded:{default:"rounded-2xl",full:"rounded-full"}},defaultVariants:{variant:"default",size:"xs",weight:"semibold",rounded:"full"}});function f({className:o,variant:s,size:d,weight:g,rounded:l,iconName:e,iconPosition:t="left",iconStroke:a,iconOnly:n,asChild:b=!1,children:u,...p}){const c=b?v.Slot:"span";return r.jsxRuntimeExports.jsxs(c,{"data-slot":"badge",className:r.cn(x({variant:s,size:d,weight:g,rounded:l}),n&&"px-2.5 py-2",o),...p,children:[e&&t==="left"&&r.jsxRuntimeExports.jsx(i.IconComponent,{iconName:e,stroke:a}),!n&&u,e&&t==="right"&&r.jsxRuntimeExports.jsx(i.IconComponent,{iconName:e,stroke:a})]})}exports.Badge=f;
@@ -1 +0,0 @@
1
- "use strict";const o=require("./index-DSjHHn1r.cjs"),i=require("@radix-ui/react-popover");function s(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,a.get?a:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const n=s(i);function d({...t}){return o.jsxRuntimeExports.jsx(n.Root,{"data-slot":"popover",...t})}function p({...t}){return o.jsxRuntimeExports.jsx(n.Trigger,{"data-slot":"popover-trigger",...t})}function c({className:t,align:r="center",sideOffset:e=4,...a}){return o.jsxRuntimeExports.jsx(n.Portal,{children:o.jsxRuntimeExports.jsx(n.Content,{"data-slot":"popover-content",align:r,sideOffset:e,className:o.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",t),...a})})}function u({...t}){return o.jsxRuntimeExports.jsx(n.Anchor,{"data-slot":"popover-anchor",...t})}exports.Popover=d;exports.PopoverAnchor=u;exports.PopoverContent=c;exports.PopoverTrigger=p;
@@ -1 +0,0 @@
1
- "use strict";const o=require("./index-DSjHHn1r.cjs"),a=require("@radix-ui/react-tooltip");function l(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,n.get?n:{enumerable:!0,get:()=>t[i]})}}return e.default=t,Object.freeze(e)}const r=l(a);function s({delayDuration:t=0,...e}){return o.jsxRuntimeExports.jsx(r.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...e})}function d({...t}){return o.jsxRuntimeExports.jsx(s,{children:o.jsxRuntimeExports.jsx(r.Root,{"data-slot":"tooltip",...t})})}function p({...t}){return o.jsxRuntimeExports.jsx(r.Trigger,{"data-slot":"tooltip-trigger",...t})}function c({className:t,sideOffset:e=0,children:i,...n}){return o.jsxRuntimeExports.jsx(r.Portal,{children:o.jsxRuntimeExports.jsxs(r.Content,{"data-slot":"tooltip-content",sideOffset:e,className:o.cn("text-neutral-1000 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 paragraph-sm z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-lg bg-white px-3 py-1.5 text-balance shadow-sm",t),...n,children:[i,o.jsxRuntimeExports.jsx(r.Arrow,{className:"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-white fill-white"})]})})}exports.Tooltip=d;exports.TooltipContent=c;exports.TooltipProvider=s;exports.TooltipTrigger=p;