@bigbinary/neeto-atoms 1.0.76 → 1.0.77
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/{Tabs-BqlZLpHc.js → Tabs-BCUdAnva.js} +20 -6
- package/dist/Tabs-BCUdAnva.js.map +1 -0
- package/dist/cjs/{Tabs-pr4xwu6s.js → Tabs-COMRjTVU.js} +20 -6
- package/dist/cjs/Tabs-COMRjTVU.js.map +1 -0
- package/dist/cjs/components/Tabs.js +2 -1
- package/dist/cjs/components/Tabs.js.map +1 -1
- package/dist/cjs/components/index.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/components/Tabs/Tabs.d.ts +4 -0
- package/dist/components/Tabs.js +2 -1
- package/dist/components/Tabs.js.map +1 -1
- package/dist/components/index.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/Tabs-BqlZLpHc.js.map +0 -1
- package/dist/cjs/Tabs-pr4xwu6s.js.map +0 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import { createContext, forwardRef, useContext } from 'react';
|
|
3
|
+
import { Link } from 'react-router-dom';
|
|
3
4
|
import { c as cn } from './utils-BJnb9o5c.js';
|
|
4
5
|
import { r as renderIcon } from './renderIcon-C6twJSqH.js';
|
|
5
6
|
import { Tabs as Tabs$1, TabsList, TabsTrigger, TabsContent } from './primitives/Tabs.js';
|
|
@@ -33,18 +34,31 @@ const TabsListComponent = forwardRef(
|
|
|
33
34
|
);
|
|
34
35
|
TabsListComponent.displayName = "Tabs.List";
|
|
35
36
|
const TabsItemComponent = forwardRef(
|
|
36
|
-
({ icon, className, children, ...otherProps }, ref) => {
|
|
37
|
+
({ icon, className, children, to, ...otherProps }, ref) => {
|
|
37
38
|
const size = useContext(TabsSizeContext);
|
|
39
|
+
const content = icon ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
40
|
+
renderIcon(icon, size === "lg" ? "size-5" : "size-4"),
|
|
41
|
+
children
|
|
42
|
+
] }) : children;
|
|
43
|
+
if (to !== void 0) {
|
|
44
|
+
return /* @__PURE__ */ jsx(
|
|
45
|
+
TabsTrigger,
|
|
46
|
+
{
|
|
47
|
+
asChild: true,
|
|
48
|
+
ref,
|
|
49
|
+
className: cn(SIZE_CLASSES[size], icon && "gap-1.5", className),
|
|
50
|
+
...otherProps,
|
|
51
|
+
children: /* @__PURE__ */ jsx(Link, { to, children: content })
|
|
52
|
+
}
|
|
53
|
+
);
|
|
54
|
+
}
|
|
38
55
|
return /* @__PURE__ */ jsx(
|
|
39
56
|
TabsTrigger,
|
|
40
57
|
{
|
|
41
58
|
ref,
|
|
42
59
|
className: cn(SIZE_CLASSES[size], icon && "gap-1.5", className),
|
|
43
60
|
...otherProps,
|
|
44
|
-
children:
|
|
45
|
-
renderIcon(icon, size === "lg" ? "size-5" : "size-4"),
|
|
46
|
-
children
|
|
47
|
-
] }) : children
|
|
61
|
+
children: content
|
|
48
62
|
}
|
|
49
63
|
);
|
|
50
64
|
}
|
|
@@ -61,4 +75,4 @@ const Tabs = Object.assign(TabsRoot, {
|
|
|
61
75
|
});
|
|
62
76
|
|
|
63
77
|
export { Tabs as T };
|
|
64
|
-
//# sourceMappingURL=Tabs-
|
|
78
|
+
//# sourceMappingURL=Tabs-BCUdAnva.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs-BCUdAnva.js","sources":["../src/components/Tabs/constants.ts","../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\ntype TabsSize = \"default\" | \"lg\";\n\nexport const SIZE_CLASSES: Record<TabsSize, string> = {\n default: \"\",\n lg: \"text-[15px] px-3 py-1.5\",\n};\n\nexport const LIST_HEIGHT: Record<TabsSize, string> = {\n default: \"\",\n lg: \"group-data-horizontal/tabs:h-10\",\n};\n\nexport const TabsSizeContext = createContext<TabsSize>(\"default\");\n","import React, { forwardRef, useContext } from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport {\n Tabs as PrimitiveTabs,\n TabsList as PrimitiveTabsList,\n TabsTrigger as PrimitiveTabsTrigger,\n TabsContent as PrimitiveTabsContent,\n} from \"src/primitives/Tabs\";\n\nimport { SIZE_CLASSES, LIST_HEIGHT, TabsSizeContext } from \"./constants\";\n\ntype LinkTo = React.ComponentProps<typeof Link>[\"to\"];\n\ntype TabsSize = \"default\" | \"lg\";\n\nexport interface TabsProps extends React.ComponentProps<typeof PrimitiveTabs> {\n /** Size of tab triggers. Applied to all Tabs.Item children. */\n size?: TabsSize;\n}\n\ntype TabsListProps = React.ComponentProps<typeof PrimitiveTabsList>;\n\ninterface TabsItemProps extends React.ComponentProps<\n typeof PrimitiveTabsTrigger\n> {\n /** Icon component, element, or class-name string rendered before the label. */\n icon?: IconProp;\n /** When set, the trigger renders as a react-router-dom Link to this path. */\n to?: LinkTo;\n}\n\ntype TabsContentProps = React.ComponentProps<typeof PrimitiveTabsContent>;\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsProps>(\n ({ size = \"default\", children, ...props }, ref) => (\n <TabsSizeContext.Provider value={size}>\n <PrimitiveTabs ref={ref} {...props}>\n {children}\n </PrimitiveTabs>\n </TabsSizeContext.Provider>\n )\n);\nTabsRoot.displayName = \"Tabs\";\n\nconst TabsListComponent = forwardRef<HTMLDivElement, TabsListProps>(\n ({ className, ...props }, ref) => {\n const size = useContext(TabsSizeContext);\n\n return (\n <PrimitiveTabsList\n ref={ref}\n className={cn(LIST_HEIGHT[size], className)}\n {...props}\n />\n );\n }\n);\nTabsListComponent.displayName = \"Tabs.List\";\n\nconst TabsItemComponent = forwardRef<HTMLButtonElement, TabsItemProps>(\n ({ icon, className, children, to, ...otherProps }, ref) => {\n const size = useContext(TabsSizeContext);\n const content = icon ? (\n <>\n {renderIcon(icon, size === \"lg\" ? \"size-5\" : \"size-4\")}\n {children}\n </>\n ) : (\n children\n );\n\n if (to !== undefined) {\n return (\n <PrimitiveTabsTrigger\n asChild\n ref={ref}\n className={cn(SIZE_CLASSES[size], icon && \"gap-1.5\", className)}\n {...otherProps}\n >\n <Link to={to}>{content}</Link>\n </PrimitiveTabsTrigger>\n );\n }\n\n return (\n <PrimitiveTabsTrigger\n ref={ref}\n className={cn(SIZE_CLASSES[size], icon && \"gap-1.5\", className)}\n {...otherProps}\n >\n {content}\n </PrimitiveTabsTrigger>\n );\n }\n);\nTabsItemComponent.displayName = \"Tabs.Item\";\n\nconst TabsContentComponent = forwardRef<HTMLDivElement, TabsContentProps>(\n (props, ref) => <PrimitiveTabsContent ref={ref} {...props} />\n);\nTabsContentComponent.displayName = \"Tabs.Content\";\n\nconst Tabs = Object.assign(TabsRoot, {\n List: TabsListComponent,\n Item: TabsItemComponent,\n Content: TabsContentComponent,\n});\n\nexport { Tabs };\n"],"names":["PrimitiveTabs","PrimitiveTabsList","PrimitiveTabsTrigger","PrimitiveTabsContent"],"mappings":";;;;;;;AAIO,MAAM,YAAA,GAAyC;AAAA,EACpD,OAAA,EAAS,EAAA;AAAA,EACT,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,WAAA,GAAwC;AAAA,EACnD,OAAA,EAAS,EAAA;AAAA,EACT,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,eAAA,GAAkB,cAAwB,SAAS,CAAA;;ACsBhE,MAAM,QAAA,GAAW,UAAA;AAAA,EACf,CAAC,EAAE,IAAA,GAAO,SAAA,EAAW,UAAU,GAAG,KAAA,IAAS,GAAA,qBACzC,GAAA,CAAC,gBAAgB,QAAA,EAAhB,EAAyB,OAAO,IAAA,EAC/B,QAAA,kBAAA,GAAA,CAACA,UAAc,GAAA,EAAW,GAAG,KAAA,EAC1B,QAAA,EACH,CAAA,EACF;AAEJ,CAAA;AACA,QAAA,CAAS,WAAA,GAAc,MAAA;AAEvB,MAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAChC,IAAA,MAAM,IAAA,GAAO,WAAW,eAAe,CAAA;AAEvC,IAAA,uBACE,GAAA;AAAA,MAACC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,WAAA,CAAY,IAAI,GAAG,SAAS,CAAA;AAAA,QACzC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF,CAAA;AACA,iBAAA,CAAkB,WAAA,GAAc,WAAA;AAEhC,MAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CAAC,EAAE,IAAA,EAAM,SAAA,EAAW,UAAU,EAAA,EAAI,GAAG,UAAA,EAAW,EAAG,GAAA,KAAQ;AACzD,IAAA,MAAM,IAAA,GAAO,WAAW,eAAe,CAAA;AACvC,IAAA,MAAM,OAAA,GAAU,uBACd,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,MAAA,UAAA,CAAW,IAAA,EAAM,IAAA,KAAS,IAAA,GAAO,QAAA,GAAW,QAAQ,CAAA;AAAA,MACpD;AAAA,KAAA,EACH,CAAA,GAEA,QAAA;AAGF,IAAA,IAAI,OAAO,MAAA,EAAW;AACpB,MAAA,uBACE,GAAA;AAAA,QAACC,WAAA;AAAA,QAAA;AAAA,UACC,OAAA,EAAO,IAAA;AAAA,UACP,GAAA;AAAA,UACA,WAAW,EAAA,CAAG,YAAA,CAAa,IAAI,CAAA,EAAG,IAAA,IAAQ,WAAW,SAAS,CAAA;AAAA,UAC7D,GAAG,UAAA;AAAA,UAEJ,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAS,QAAA,EAAA,OAAA,EAAQ;AAAA;AAAA,OACzB;AAAA,IAEJ;AAEA,IAAA,uBACE,GAAA;AAAA,MAACA,WAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAW,EAAA,CAAG,YAAA,CAAa,IAAI,CAAA,EAAG,IAAA,IAAQ,WAAW,SAAS,CAAA;AAAA,QAC7D,GAAG,UAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,EAEJ;AACF,CAAA;AACA,iBAAA,CAAkB,WAAA,GAAc,WAAA;AAEhC,MAAM,oBAAA,GAAuB,UAAA;AAAA,EAC3B,CAAC,KAAA,EAAO,GAAA,yBAASC,WAAA,EAAA,EAAqB,GAAA,EAAW,GAAG,KAAA,EAAO;AAC7D,CAAA;AACA,oBAAA,CAAqB,WAAA,GAAc,cAAA;AAEnC,MAAM,IAAA,GAAO,MAAA,CAAO,MAAA,CAAO,QAAA,EAAU;AAAA,EACnC,IAAA,EAAM,iBAAA;AAAA,EACN,IAAA,EAAM,iBAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAC;;;;"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
var React = require('react');
|
|
5
|
+
var reactRouterDom = require('react-router-dom');
|
|
5
6
|
var utils = require('./utils-BhM0B89p.js');
|
|
6
7
|
var renderIcon = require('./renderIcon-BRrpZu9a.js');
|
|
7
8
|
var primitives_Tabs = require('./primitives/Tabs.js');
|
|
@@ -35,18 +36,31 @@ const TabsListComponent = React.forwardRef(
|
|
|
35
36
|
);
|
|
36
37
|
TabsListComponent.displayName = "Tabs.List";
|
|
37
38
|
const TabsItemComponent = React.forwardRef(
|
|
38
|
-
({ icon, className, children, ...otherProps }, ref) => {
|
|
39
|
+
({ icon, className, children, to, ...otherProps }, ref) => {
|
|
39
40
|
const size = React.useContext(TabsSizeContext);
|
|
41
|
+
const content = icon ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
42
|
+
renderIcon.renderIcon(icon, size === "lg" ? "size-5" : "size-4"),
|
|
43
|
+
children
|
|
44
|
+
] }) : children;
|
|
45
|
+
if (to !== void 0) {
|
|
46
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
47
|
+
primitives_Tabs.TabsTrigger,
|
|
48
|
+
{
|
|
49
|
+
asChild: true,
|
|
50
|
+
ref,
|
|
51
|
+
className: utils.cn(SIZE_CLASSES[size], icon && "gap-1.5", className),
|
|
52
|
+
...otherProps,
|
|
53
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to, children: content })
|
|
54
|
+
}
|
|
55
|
+
);
|
|
56
|
+
}
|
|
40
57
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
41
58
|
primitives_Tabs.TabsTrigger,
|
|
42
59
|
{
|
|
43
60
|
ref,
|
|
44
61
|
className: utils.cn(SIZE_CLASSES[size], icon && "gap-1.5", className),
|
|
45
62
|
...otherProps,
|
|
46
|
-
children:
|
|
47
|
-
renderIcon.renderIcon(icon, size === "lg" ? "size-5" : "size-4"),
|
|
48
|
-
children
|
|
49
|
-
] }) : children
|
|
63
|
+
children: content
|
|
50
64
|
}
|
|
51
65
|
);
|
|
52
66
|
}
|
|
@@ -63,4 +77,4 @@ const Tabs = Object.assign(TabsRoot, {
|
|
|
63
77
|
});
|
|
64
78
|
|
|
65
79
|
exports.Tabs = Tabs;
|
|
66
|
-
//# sourceMappingURL=Tabs-
|
|
80
|
+
//# sourceMappingURL=Tabs-COMRjTVU.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs-COMRjTVU.js","sources":["../../src/components/Tabs/constants.ts","../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\ntype TabsSize = \"default\" | \"lg\";\n\nexport const SIZE_CLASSES: Record<TabsSize, string> = {\n default: \"\",\n lg: \"text-[15px] px-3 py-1.5\",\n};\n\nexport const LIST_HEIGHT: Record<TabsSize, string> = {\n default: \"\",\n lg: \"group-data-horizontal/tabs:h-10\",\n};\n\nexport const TabsSizeContext = createContext<TabsSize>(\"default\");\n","import React, { forwardRef, useContext } from \"react\";\nimport { Link } from \"react-router-dom\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport {\n Tabs as PrimitiveTabs,\n TabsList as PrimitiveTabsList,\n TabsTrigger as PrimitiveTabsTrigger,\n TabsContent as PrimitiveTabsContent,\n} from \"src/primitives/Tabs\";\n\nimport { SIZE_CLASSES, LIST_HEIGHT, TabsSizeContext } from \"./constants\";\n\ntype LinkTo = React.ComponentProps<typeof Link>[\"to\"];\n\ntype TabsSize = \"default\" | \"lg\";\n\nexport interface TabsProps extends React.ComponentProps<typeof PrimitiveTabs> {\n /** Size of tab triggers. Applied to all Tabs.Item children. */\n size?: TabsSize;\n}\n\ntype TabsListProps = React.ComponentProps<typeof PrimitiveTabsList>;\n\ninterface TabsItemProps extends React.ComponentProps<\n typeof PrimitiveTabsTrigger\n> {\n /** Icon component, element, or class-name string rendered before the label. */\n icon?: IconProp;\n /** When set, the trigger renders as a react-router-dom Link to this path. */\n to?: LinkTo;\n}\n\ntype TabsContentProps = React.ComponentProps<typeof PrimitiveTabsContent>;\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsProps>(\n ({ size = \"default\", children, ...props }, ref) => (\n <TabsSizeContext.Provider value={size}>\n <PrimitiveTabs ref={ref} {...props}>\n {children}\n </PrimitiveTabs>\n </TabsSizeContext.Provider>\n )\n);\nTabsRoot.displayName = \"Tabs\";\n\nconst TabsListComponent = forwardRef<HTMLDivElement, TabsListProps>(\n ({ className, ...props }, ref) => {\n const size = useContext(TabsSizeContext);\n\n return (\n <PrimitiveTabsList\n ref={ref}\n className={cn(LIST_HEIGHT[size], className)}\n {...props}\n />\n );\n }\n);\nTabsListComponent.displayName = \"Tabs.List\";\n\nconst TabsItemComponent = forwardRef<HTMLButtonElement, TabsItemProps>(\n ({ icon, className, children, to, ...otherProps }, ref) => {\n const size = useContext(TabsSizeContext);\n const content = icon ? (\n <>\n {renderIcon(icon, size === \"lg\" ? \"size-5\" : \"size-4\")}\n {children}\n </>\n ) : (\n children\n );\n\n if (to !== undefined) {\n return (\n <PrimitiveTabsTrigger\n asChild\n ref={ref}\n className={cn(SIZE_CLASSES[size], icon && \"gap-1.5\", className)}\n {...otherProps}\n >\n <Link to={to}>{content}</Link>\n </PrimitiveTabsTrigger>\n );\n }\n\n return (\n <PrimitiveTabsTrigger\n ref={ref}\n className={cn(SIZE_CLASSES[size], icon && \"gap-1.5\", className)}\n {...otherProps}\n >\n {content}\n </PrimitiveTabsTrigger>\n );\n }\n);\nTabsItemComponent.displayName = \"Tabs.Item\";\n\nconst TabsContentComponent = forwardRef<HTMLDivElement, TabsContentProps>(\n (props, ref) => <PrimitiveTabsContent ref={ref} {...props} />\n);\nTabsContentComponent.displayName = \"Tabs.Content\";\n\nconst Tabs = Object.assign(TabsRoot, {\n List: TabsListComponent,\n Item: TabsItemComponent,\n Content: TabsContentComponent,\n});\n\nexport { Tabs };\n"],"names":["createContext","forwardRef","jsx","PrimitiveTabs","useContext","PrimitiveTabsList","cn","jsxs","Fragment","renderIcon","PrimitiveTabsTrigger","Link","PrimitiveTabsContent"],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Tabs = require('../Tabs-
|
|
3
|
+
var Tabs = require('../Tabs-COMRjTVU.js');
|
|
4
4
|
require('react/jsx-runtime');
|
|
5
5
|
require('react');
|
|
6
|
+
require('react-router-dom');
|
|
6
7
|
require('../utils-BhM0B89p.js');
|
|
7
8
|
require('../renderIcon-BRrpZu9a.js');
|
|
8
9
|
require('../primitives/Tabs.js');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -27,7 +27,7 @@ var Slider = require('../Slider-ICf2eQ6p.js');
|
|
|
27
27
|
var Spinner = require('../Spinner-DzNBz8al.js');
|
|
28
28
|
var Stepper = require('../Stepper-DZb25oBH.js');
|
|
29
29
|
var Switch = require('../Switch-bY6bZw78.js');
|
|
30
|
-
var Tabs = require('../Tabs-
|
|
30
|
+
var Tabs = require('../Tabs-COMRjTVU.js');
|
|
31
31
|
var Textarea = require('../Textarea-yWv-66yX.js');
|
|
32
32
|
var TimePicker = require('../TimePicker-Bj3C0mHS.js');
|
|
33
33
|
var TimePickerPanel = require('../TimePickerPanel-DX6cjrSN.js');
|
package/dist/cjs/index.js
CHANGED
|
@@ -32,7 +32,7 @@ var Slider = require('./Slider-ICf2eQ6p.js');
|
|
|
32
32
|
var Spinner = require('./Spinner-DzNBz8al.js');
|
|
33
33
|
var Stepper = require('./Stepper-DZb25oBH.js');
|
|
34
34
|
var Switch = require('./Switch-bY6bZw78.js');
|
|
35
|
-
var Tabs = require('./Tabs-
|
|
35
|
+
var Tabs = require('./Tabs-COMRjTVU.js');
|
|
36
36
|
var Textarea = require('./Textarea-yWv-66yX.js');
|
|
37
37
|
var TimePicker = require('./TimePicker-Bj3C0mHS.js');
|
|
38
38
|
var Toastr = require('./Toastr-CQ-R8VcZ.js');
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
+
import { Link } from "react-router-dom";
|
|
2
3
|
import { type IconProp } from "src/shared/renderIcon";
|
|
3
4
|
import { Tabs as PrimitiveTabs, TabsTrigger as PrimitiveTabsTrigger } from "src/primitives/Tabs";
|
|
5
|
+
type LinkTo = React.ComponentProps<typeof Link>["to"];
|
|
4
6
|
type TabsSize = "default" | "lg";
|
|
5
7
|
export interface TabsProps extends React.ComponentProps<typeof PrimitiveTabs> {
|
|
6
8
|
/** Size of tab triggers. Applied to all Tabs.Item children. */
|
|
@@ -9,6 +11,8 @@ export interface TabsProps extends React.ComponentProps<typeof PrimitiveTabs> {
|
|
|
9
11
|
interface TabsItemProps extends React.ComponentProps<typeof PrimitiveTabsTrigger> {
|
|
10
12
|
/** Icon component, element, or class-name string rendered before the label. */
|
|
11
13
|
icon?: IconProp;
|
|
14
|
+
/** When set, the trigger renders as a react-router-dom Link to this path. */
|
|
15
|
+
to?: LinkTo;
|
|
12
16
|
}
|
|
13
17
|
declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
|
|
14
18
|
List: React.ForwardRefExoticComponent<Omit<import("@radix-ui/react-tabs").TabsListProps & React.RefAttributes<HTMLDivElement> & import("class-variance-authority").VariantProps<(props?: ({
|
package/dist/components/Tabs.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
export { T as Tabs } from '../Tabs-
|
|
1
|
+
export { T as Tabs } from '../Tabs-BCUdAnva.js';
|
|
2
2
|
import 'react/jsx-runtime';
|
|
3
3
|
import 'react';
|
|
4
|
+
import 'react-router-dom';
|
|
4
5
|
import '../utils-BJnb9o5c.js';
|
|
5
6
|
import '../renderIcon-C6twJSqH.js';
|
|
6
7
|
import '../primitives/Tabs.js';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tabs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
package/dist/components/index.js
CHANGED
|
@@ -25,7 +25,7 @@ export { S as Slider } from '../Slider-DNcH5X7b.js';
|
|
|
25
25
|
export { S as Spinner } from '../Spinner-DgV3mILN.js';
|
|
26
26
|
export { S as Stepper } from '../Stepper-7OpfOfas.js';
|
|
27
27
|
export { S as Switch } from '../Switch-b4ZAjhRy.js';
|
|
28
|
-
export { T as Tabs } from '../Tabs-
|
|
28
|
+
export { T as Tabs } from '../Tabs-BCUdAnva.js';
|
|
29
29
|
export { T as Textarea } from '../Textarea-B2Uhx-Yy.js';
|
|
30
30
|
export { T as TimePicker } from '../TimePicker-CNz4odcf.js';
|
|
31
31
|
export { T as TimePickerPanel } from '../TimePickerPanel--KDX5QwS.js';
|
package/dist/index.js
CHANGED
|
@@ -31,7 +31,7 @@ export { S as Slider } from './Slider-DNcH5X7b.js';
|
|
|
31
31
|
export { S as Spinner } from './Spinner-DgV3mILN.js';
|
|
32
32
|
export { S as Stepper } from './Stepper-7OpfOfas.js';
|
|
33
33
|
export { S as Switch } from './Switch-b4ZAjhRy.js';
|
|
34
|
-
export { T as Tabs } from './Tabs-
|
|
34
|
+
export { T as Tabs } from './Tabs-BCUdAnva.js';
|
|
35
35
|
export { T as Textarea } from './Textarea-B2Uhx-Yy.js';
|
|
36
36
|
export { T as TimePicker } from './TimePicker-CNz4odcf.js';
|
|
37
37
|
export { T as Toastr } from './Toastr-tmAtpmwv.js';
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs-BqlZLpHc.js","sources":["../src/components/Tabs/constants.ts","../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\ntype TabsSize = \"default\" | \"lg\";\n\nexport const SIZE_CLASSES: Record<TabsSize, string> = {\n default: \"\",\n lg: \"text-[15px] px-3 py-1.5\",\n};\n\nexport const LIST_HEIGHT: Record<TabsSize, string> = {\n default: \"\",\n lg: \"group-data-horizontal/tabs:h-10\",\n};\n\nexport const TabsSizeContext = createContext<TabsSize>(\"default\");\n","import React, { forwardRef, useContext } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport {\n Tabs as PrimitiveTabs,\n TabsList as PrimitiveTabsList,\n TabsTrigger as PrimitiveTabsTrigger,\n TabsContent as PrimitiveTabsContent,\n} from \"src/primitives/Tabs\";\n\nimport { SIZE_CLASSES, LIST_HEIGHT, TabsSizeContext } from \"./constants\";\n\ntype TabsSize = \"default\" | \"lg\";\n\nexport interface TabsProps extends React.ComponentProps<typeof PrimitiveTabs> {\n /** Size of tab triggers. Applied to all Tabs.Item children. */\n size?: TabsSize;\n}\n\ntype TabsListProps = React.ComponentProps<typeof PrimitiveTabsList>;\n\ninterface TabsItemProps extends React.ComponentProps<\n typeof PrimitiveTabsTrigger\n> {\n /** Icon component, element, or class-name string rendered before the label. */\n icon?: IconProp;\n}\n\ntype TabsContentProps = React.ComponentProps<typeof PrimitiveTabsContent>;\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsProps>(\n ({ size = \"default\", children, ...props }, ref) => (\n <TabsSizeContext.Provider value={size}>\n <PrimitiveTabs ref={ref} {...props}>\n {children}\n </PrimitiveTabs>\n </TabsSizeContext.Provider>\n )\n);\nTabsRoot.displayName = \"Tabs\";\n\nconst TabsListComponent = forwardRef<HTMLDivElement, TabsListProps>(\n ({ className, ...props }, ref) => {\n const size = useContext(TabsSizeContext);\n\n return (\n <PrimitiveTabsList\n ref={ref}\n className={cn(LIST_HEIGHT[size], className)}\n {...props}\n />\n );\n }\n);\nTabsListComponent.displayName = \"Tabs.List\";\n\nconst TabsItemComponent = forwardRef<HTMLButtonElement, TabsItemProps>(\n ({ icon, className, children, ...otherProps }, ref) => {\n const size = useContext(TabsSizeContext);\n\n return (\n <PrimitiveTabsTrigger\n ref={ref}\n className={cn(SIZE_CLASSES[size], icon && \"gap-1.5\", className)}\n {...otherProps}\n >\n {icon ? (\n <>\n {renderIcon(icon, size === \"lg\" ? \"size-5\" : \"size-4\")}\n {children}\n </>\n ) : (\n children\n )}\n </PrimitiveTabsTrigger>\n );\n }\n);\nTabsItemComponent.displayName = \"Tabs.Item\";\n\nconst TabsContentComponent = forwardRef<HTMLDivElement, TabsContentProps>(\n (props, ref) => <PrimitiveTabsContent ref={ref} {...props} />\n);\nTabsContentComponent.displayName = \"Tabs.Content\";\n\nconst Tabs = Object.assign(TabsRoot, {\n List: TabsListComponent,\n Item: TabsItemComponent,\n Content: TabsContentComponent,\n});\n\nexport { Tabs };\n"],"names":["PrimitiveTabs","PrimitiveTabsList","PrimitiveTabsTrigger","PrimitiveTabsContent"],"mappings":";;;;;;AAIO,MAAM,YAAA,GAAyC;AAAA,EACpD,OAAA,EAAS,EAAA;AAAA,EACT,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,WAAA,GAAwC;AAAA,EACnD,OAAA,EAAS,EAAA;AAAA,EACT,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,eAAA,GAAkB,cAAwB,SAAS,CAAA;;ACiBhE,MAAM,QAAA,GAAW,UAAA;AAAA,EACf,CAAC,EAAE,IAAA,GAAO,SAAA,EAAW,UAAU,GAAG,KAAA,IAAS,GAAA,qBACzC,GAAA,CAAC,gBAAgB,QAAA,EAAhB,EAAyB,OAAO,IAAA,EAC/B,QAAA,kBAAA,GAAA,CAACA,UAAc,GAAA,EAAW,GAAG,KAAA,EAC1B,QAAA,EACH,CAAA,EACF;AAEJ,CAAA;AACA,QAAA,CAAS,WAAA,GAAc,MAAA;AAEvB,MAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAChC,IAAA,MAAM,IAAA,GAAO,WAAW,eAAe,CAAA;AAEvC,IAAA,uBACE,GAAA;AAAA,MAACC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAW,EAAA,CAAG,WAAA,CAAY,IAAI,GAAG,SAAS,CAAA;AAAA,QACzC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF,CAAA;AACA,iBAAA,CAAkB,WAAA,GAAc,WAAA;AAEhC,MAAM,iBAAA,GAAoB,UAAA;AAAA,EACxB,CAAC,EAAE,IAAA,EAAM,SAAA,EAAW,UAAU,GAAG,UAAA,IAAc,GAAA,KAAQ;AACrD,IAAA,MAAM,IAAA,GAAO,WAAW,eAAe,CAAA;AAEvC,IAAA,uBACE,GAAA;AAAA,MAACC,WAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAW,EAAA,CAAG,YAAA,CAAa,IAAI,CAAA,EAAG,IAAA,IAAQ,WAAW,SAAS,CAAA;AAAA,QAC7D,GAAG,UAAA;AAAA,QAEH,iCACC,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAA,UAAA,CAAW,IAAA,EAAM,IAAA,KAAS,IAAA,GAAO,QAAA,GAAW,QAAQ,CAAA;AAAA,UACpD;AAAA,SAAA,EACH,CAAA,GAEA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF,CAAA;AACA,iBAAA,CAAkB,WAAA,GAAc,WAAA;AAEhC,MAAM,oBAAA,GAAuB,UAAA;AAAA,EAC3B,CAAC,KAAA,EAAO,GAAA,yBAASC,WAAA,EAAA,EAAqB,GAAA,EAAW,GAAG,KAAA,EAAO;AAC7D,CAAA;AACA,oBAAA,CAAqB,WAAA,GAAc,cAAA;AAEnC,MAAM,IAAA,GAAO,MAAA,CAAO,MAAA,CAAO,QAAA,EAAU;AAAA,EACnC,IAAA,EAAM,iBAAA;AAAA,EACN,IAAA,EAAM,iBAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAC;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs-pr4xwu6s.js","sources":["../../src/components/Tabs/constants.ts","../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { createContext } from \"react\";\n\ntype TabsSize = \"default\" | \"lg\";\n\nexport const SIZE_CLASSES: Record<TabsSize, string> = {\n default: \"\",\n lg: \"text-[15px] px-3 py-1.5\",\n};\n\nexport const LIST_HEIGHT: Record<TabsSize, string> = {\n default: \"\",\n lg: \"group-data-horizontal/tabs:h-10\",\n};\n\nexport const TabsSizeContext = createContext<TabsSize>(\"default\");\n","import React, { forwardRef, useContext } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport { renderIcon, type IconProp } from \"src/shared/renderIcon\";\nimport {\n Tabs as PrimitiveTabs,\n TabsList as PrimitiveTabsList,\n TabsTrigger as PrimitiveTabsTrigger,\n TabsContent as PrimitiveTabsContent,\n} from \"src/primitives/Tabs\";\n\nimport { SIZE_CLASSES, LIST_HEIGHT, TabsSizeContext } from \"./constants\";\n\ntype TabsSize = \"default\" | \"lg\";\n\nexport interface TabsProps extends React.ComponentProps<typeof PrimitiveTabs> {\n /** Size of tab triggers. Applied to all Tabs.Item children. */\n size?: TabsSize;\n}\n\ntype TabsListProps = React.ComponentProps<typeof PrimitiveTabsList>;\n\ninterface TabsItemProps extends React.ComponentProps<\n typeof PrimitiveTabsTrigger\n> {\n /** Icon component, element, or class-name string rendered before the label. */\n icon?: IconProp;\n}\n\ntype TabsContentProps = React.ComponentProps<typeof PrimitiveTabsContent>;\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsProps>(\n ({ size = \"default\", children, ...props }, ref) => (\n <TabsSizeContext.Provider value={size}>\n <PrimitiveTabs ref={ref} {...props}>\n {children}\n </PrimitiveTabs>\n </TabsSizeContext.Provider>\n )\n);\nTabsRoot.displayName = \"Tabs\";\n\nconst TabsListComponent = forwardRef<HTMLDivElement, TabsListProps>(\n ({ className, ...props }, ref) => {\n const size = useContext(TabsSizeContext);\n\n return (\n <PrimitiveTabsList\n ref={ref}\n className={cn(LIST_HEIGHT[size], className)}\n {...props}\n />\n );\n }\n);\nTabsListComponent.displayName = \"Tabs.List\";\n\nconst TabsItemComponent = forwardRef<HTMLButtonElement, TabsItemProps>(\n ({ icon, className, children, ...otherProps }, ref) => {\n const size = useContext(TabsSizeContext);\n\n return (\n <PrimitiveTabsTrigger\n ref={ref}\n className={cn(SIZE_CLASSES[size], icon && \"gap-1.5\", className)}\n {...otherProps}\n >\n {icon ? (\n <>\n {renderIcon(icon, size === \"lg\" ? \"size-5\" : \"size-4\")}\n {children}\n </>\n ) : (\n children\n )}\n </PrimitiveTabsTrigger>\n );\n }\n);\nTabsItemComponent.displayName = \"Tabs.Item\";\n\nconst TabsContentComponent = forwardRef<HTMLDivElement, TabsContentProps>(\n (props, ref) => <PrimitiveTabsContent ref={ref} {...props} />\n);\nTabsContentComponent.displayName = \"Tabs.Content\";\n\nconst Tabs = Object.assign(TabsRoot, {\n List: TabsListComponent,\n Item: TabsItemComponent,\n Content: TabsContentComponent,\n});\n\nexport { Tabs };\n"],"names":["createContext","forwardRef","jsx","PrimitiveTabs","useContext","PrimitiveTabsList","cn","PrimitiveTabsTrigger","jsxs","Fragment","renderIcon","PrimitiveTabsContent"],"mappings":";;;;;;;;AAIO,MAAM,YAAA,GAAyC;AAAA,EACpD,OAAA,EAAS,EAAA;AAAA,EACT,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,WAAA,GAAwC;AAAA,EACnD,OAAA,EAAS,EAAA;AAAA,EACT,EAAA,EAAI;AACN,CAAA;AAEO,MAAM,eAAA,GAAkBA,oBAAwB,SAAS,CAAA;;ACiBhE,MAAM,QAAA,GAAWC,gBAAA;AAAA,EACf,CAAC,EAAE,IAAA,GAAO,SAAA,EAAW,UAAU,GAAG,KAAA,IAAS,GAAA,qBACzCC,cAAA,CAAC,gBAAgB,QAAA,EAAhB,EAAyB,OAAO,IAAA,EAC/B,QAAA,kBAAAA,cAAA,CAACC,wBAAc,GAAA,EAAW,GAAG,KAAA,EAC1B,QAAA,EACH,CAAA,EACF;AAEJ,CAAA;AACA,QAAA,CAAS,WAAA,GAAc,MAAA;AAEvB,MAAM,iBAAA,GAAoBF,gBAAA;AAAA,EACxB,CAAC,EAAE,SAAA,EAAW,GAAG,KAAA,IAAS,GAAA,KAAQ;AAChC,IAAA,MAAM,IAAA,GAAOG,iBAAW,eAAe,CAAA;AAEvC,IAAA,uBACEF,cAAA;AAAA,MAACG,wBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,SAAA,EAAWC,QAAA,CAAG,WAAA,CAAY,IAAI,GAAG,SAAS,CAAA;AAAA,QACzC,GAAG;AAAA;AAAA,KACN;AAAA,EAEJ;AACF,CAAA;AACA,iBAAA,CAAkB,WAAA,GAAc,WAAA;AAEhC,MAAM,iBAAA,GAAoBL,gBAAA;AAAA,EACxB,CAAC,EAAE,IAAA,EAAM,SAAA,EAAW,UAAU,GAAG,UAAA,IAAc,GAAA,KAAQ;AACrD,IAAA,MAAM,IAAA,GAAOG,iBAAW,eAAe,CAAA;AAEvC,IAAA,uBACEF,cAAA;AAAA,MAACK,2BAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,WAAWD,QAAA,CAAG,YAAA,CAAa,IAAI,CAAA,EAAG,IAAA,IAAQ,WAAW,SAAS,CAAA;AAAA,QAC7D,GAAG,UAAA;AAAA,QAEH,iCACCE,eAAA,CAAAC,mBAAA,EAAA,EACG,QAAA,EAAA;AAAA,UAAAC,qBAAA,CAAW,IAAA,EAAM,IAAA,KAAS,IAAA,GAAO,QAAA,GAAW,QAAQ,CAAA;AAAA,UACpD;AAAA,SAAA,EACH,CAAA,GAEA;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF,CAAA;AACA,iBAAA,CAAkB,WAAA,GAAc,WAAA;AAEhC,MAAM,oBAAA,GAAuBT,gBAAA;AAAA,EAC3B,CAAC,KAAA,EAAO,GAAA,oCAASU,2BAAA,EAAA,EAAqB,GAAA,EAAW,GAAG,KAAA,EAAO;AAC7D,CAAA;AACA,oBAAA,CAAqB,WAAA,GAAc,cAAA;AAEnC,MAAM,IAAA,GAAO,MAAA,CAAO,MAAA,CAAO,QAAA,EAAU;AAAA,EACnC,IAAA,EAAM,iBAAA;AAAA,EACN,IAAA,EAAM,iBAAA;AAAA,EACN,OAAA,EAAS;AACX,CAAC;;;;"}
|