@mindtris/ui 0.1.22 → 0.1.23
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/index.d.mts +3 -2
- package/dist/index.mjs +6 -4
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -2939,13 +2939,14 @@ interface TabsItem {
|
|
|
2939
2939
|
icon?: React$1.ReactNode;
|
|
2940
2940
|
}
|
|
2941
2941
|
interface TabsProps {
|
|
2942
|
-
items
|
|
2942
|
+
items?: readonly TabsItem[];
|
|
2943
|
+
children?: React$1.ReactNode;
|
|
2943
2944
|
value: string;
|
|
2944
2945
|
onValueChange: (id: string) => void;
|
|
2945
2946
|
variant?: TabsVariant;
|
|
2946
2947
|
className?: string;
|
|
2947
2948
|
}
|
|
2948
|
-
declare function Tabs({ items, value, onValueChange, variant, className, }: TabsProps): React$1.JSX.Element;
|
|
2949
|
+
declare function Tabs({ items, children, value, onValueChange, variant, className, }: TabsProps): React$1.JSX.Element;
|
|
2949
2950
|
type TabsWithContainerItem = TabsItem;
|
|
2950
2951
|
declare function TabsWithContainer(props: Omit<TabsProps, 'variant'>): React$1.JSX.Element;
|
|
2951
2952
|
|
package/dist/index.mjs
CHANGED
|
@@ -9916,16 +9916,17 @@ function TabsContent({ className, ...props }) {
|
|
|
9916
9916
|
__name(TabsContent, "TabsContent");
|
|
9917
9917
|
function Tabs({
|
|
9918
9918
|
items,
|
|
9919
|
+
children,
|
|
9919
9920
|
value,
|
|
9920
9921
|
onValueChange,
|
|
9921
9922
|
variant = "container",
|
|
9922
9923
|
className
|
|
9923
9924
|
}) {
|
|
9924
9925
|
const isUnderline = variant === "underline";
|
|
9925
|
-
return /* @__PURE__ */ jsx54(TabsRoot, { value, onValueChange, className: cn("gap-0", className), children: /* @__PURE__ */ jsx54("div", { className: cn("relative w-full", isUnderline && "border-b border-border"), children: /* @__PURE__ */ jsx54(TabsList, { variant, className: "w-full justify-start", children: items.map((item) => /* @__PURE__ */ jsxs35(TabsTrigger, { value: item.id, children: [
|
|
9926
|
+
return /* @__PURE__ */ jsx54(TabsRoot, { value, onValueChange, className: cn("gap-0", className), children: /* @__PURE__ */ jsx54("div", { className: cn("relative w-full", isUnderline && "border-b border-border"), children: items ? /* @__PURE__ */ jsx54(TabsList, { variant, className: "w-full justify-start", children: items.map((item) => /* @__PURE__ */ jsxs35(TabsTrigger, { value: item.id, children: [
|
|
9926
9927
|
item.icon,
|
|
9927
9928
|
/* @__PURE__ */ jsx54("span", { children: item.label })
|
|
9928
|
-
] }, item.id)) }) }) });
|
|
9929
|
+
] }, item.id)) }) : children }) });
|
|
9929
9930
|
}
|
|
9930
9931
|
__name(Tabs, "Tabs");
|
|
9931
9932
|
function TabsWithContainer(props) {
|
|
@@ -12223,7 +12224,7 @@ function SelectTrigger({
|
|
|
12223
12224
|
"data-slot": "select-trigger",
|
|
12224
12225
|
"data-size": size,
|
|
12225
12226
|
className: cn(
|
|
12226
|
-
"flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm transition-colors",
|
|
12227
|
+
"flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm transition-colors cursor-pointer",
|
|
12227
12228
|
"border-input data-[placeholder]:text-muted-foreground",
|
|
12228
12229
|
"text-foreground hover:border-border/80",
|
|
12229
12230
|
"focus-visible:outline-none focus-visible:ring-0 focus-visible:border-foreground/40",
|
|
@@ -12257,6 +12258,7 @@ function SelectContent({
|
|
|
12257
12258
|
"bg-card text-card-foreground border border-input shadow-md",
|
|
12258
12259
|
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
12259
12260
|
"data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
|
|
12261
|
+
"data-[state=closed]:duration-200 data-[state=open]:duration-200",
|
|
12260
12262
|
"relative z-[9999] max-h-[var(--radix-select-content-available-height)] min-w-[8rem] overflow-hidden rounded-lg",
|
|
12261
12263
|
position === "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",
|
|
12262
12264
|
className
|
|
@@ -12298,7 +12300,7 @@ function SelectItem({ className, children, ...props }) {
|
|
|
12298
12300
|
{
|
|
12299
12301
|
"data-slot": "select-item",
|
|
12300
12302
|
className: cn(
|
|
12301
|
-
"flex w-full cursor-
|
|
12303
|
+
"flex w-full cursor-pointer select-none items-center justify-between gap-2 rounded-md px-2.5 py-2 text-sm font-medium outline-none transition-colors",
|
|
12302
12304
|
"focus:bg-muted focus:text-foreground data-[highlighted]:bg-muted data-[highlighted]:text-foreground",
|
|
12303
12305
|
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
12304
12306
|
className
|