@codefast/ui 0.0.10 → 0.0.11
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/alert-dialog.js +4 -4
- package/dist/alert-dialog.mjs +2 -2
- package/dist/blockquote.js +2 -2
- package/dist/blockquote.js.map +1 -1
- package/dist/blockquote.mjs +2 -2
- package/dist/blockquote.mjs.map +1 -1
- package/dist/box.js +2 -2
- package/dist/box.js.map +1 -1
- package/dist/box.mjs +2 -2
- package/dist/box.mjs.map +1 -1
- package/dist/breadcrumb.js +2 -2
- package/dist/breadcrumb.js.map +1 -1
- package/dist/breadcrumb.mjs +2 -2
- package/dist/breadcrumb.mjs.map +1 -1
- package/dist/button.js +3 -3
- package/dist/button.mjs +2 -2
- package/dist/calendar.js +4 -4
- package/dist/calendar.mjs +2 -2
- package/dist/carousel.js +4 -4
- package/dist/carousel.mjs +2 -2
- package/dist/{chunk-XCBBSHAK.mjs → chunk-6J6VPUBP.mjs} +6 -3
- package/dist/chunk-6J6VPUBP.mjs.map +1 -0
- package/dist/{chunk-ORAVN37L.js → chunk-7S4DOWLB.js} +6 -3
- package/dist/chunk-7S4DOWLB.js.map +1 -0
- package/dist/{chunk-NEP3JDVQ.js → chunk-BWCO2ZQQ.js} +11 -15
- package/dist/chunk-BWCO2ZQQ.js.map +1 -0
- package/dist/{chunk-J6COVJTP.js → chunk-MDSPK3M6.js} +4 -10
- package/dist/chunk-MDSPK3M6.js.map +1 -0
- package/dist/{chunk-5UHPKXF4.mjs → chunk-V2254PQL.mjs} +4 -10
- package/dist/chunk-V2254PQL.mjs.map +1 -0
- package/dist/{chunk-XHZUPL2U.mjs → chunk-WFXEFJRB.mjs} +11 -15
- package/dist/chunk-WFXEFJRB.mjs.map +1 -0
- package/dist/code.js +2 -2
- package/dist/code.js.map +1 -1
- package/dist/code.mjs +2 -2
- package/dist/code.mjs.map +1 -1
- package/dist/container.js +2 -2
- package/dist/container.js.map +1 -1
- package/dist/container.mjs +2 -2
- package/dist/container.mjs.map +1 -1
- package/dist/data-table.js +8 -8
- package/dist/data-table.mjs +2 -2
- package/dist/em.js +2 -2
- package/dist/em.js.map +1 -1
- package/dist/em.mjs +2 -2
- package/dist/em.mjs.map +1 -1
- package/dist/heading.js +2 -2
- package/dist/heading.js.map +1 -1
- package/dist/heading.mjs +2 -2
- package/dist/heading.mjs.map +1 -1
- package/dist/kbd.js +2 -2
- package/dist/kbd.js.map +1 -1
- package/dist/kbd.mjs +2 -2
- package/dist/kbd.mjs.map +1 -1
- package/dist/pagination.js +3 -3
- package/dist/pagination.mjs +2 -2
- package/dist/pre.js +2 -2
- package/dist/pre.js.map +1 -1
- package/dist/pre.mjs +2 -2
- package/dist/pre.mjs.map +1 -1
- package/dist/quote.js +2 -2
- package/dist/quote.js.map +1 -1
- package/dist/quote.mjs +2 -2
- package/dist/quote.mjs.map +1 -1
- package/dist/section.js +2 -2
- package/dist/section.js.map +1 -1
- package/dist/section.mjs +2 -2
- package/dist/section.mjs.map +1 -1
- package/dist/segmented.d.mts +22 -0
- package/dist/segmented.d.ts +22 -0
- package/dist/segmented.js +126 -0
- package/dist/segmented.js.map +1 -0
- package/dist/segmented.mjs +126 -0
- package/dist/segmented.mjs.map +1 -0
- package/dist/spinner.js +2 -2
- package/dist/spinner.mjs +1 -1
- package/dist/strong.js +2 -2
- package/dist/strong.js.map +1 -1
- package/dist/strong.mjs +2 -2
- package/dist/strong.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/styles.css.map +1 -1
- package/dist/text.js +2 -2
- package/dist/text.js.map +1 -1
- package/dist/text.mjs +2 -2
- package/dist/text.mjs.map +1 -1
- package/dist/toggle-group.js +2 -2
- package/dist/toggle-group.mjs +1 -1
- package/dist/toggle.js +2 -2
- package/dist/toggle.mjs +1 -1
- package/package.json +9 -3
- package/src/blockquote.tsx +2 -2
- package/src/box.tsx +2 -2
- package/src/breadcrumb.tsx +2 -2
- package/src/button.tsx +10 -11
- package/src/code.tsx +2 -2
- package/src/container.tsx +2 -2
- package/src/em.tsx +2 -2
- package/src/heading.tsx +2 -2
- package/src/kbd.tsx +2 -2
- package/src/pre.tsx +2 -2
- package/src/quote.tsx +2 -2
- package/src/section.tsx +2 -2
- package/src/segmented.tsx +176 -0
- package/src/spinner.tsx +3 -7
- package/src/strong.tsx +2 -2
- package/src/text.tsx +2 -2
- package/src/toggle.tsx +4 -1
- package/dist/chunk-5UHPKXF4.mjs.map +0 -1
- package/dist/chunk-J6COVJTP.js.map +0 -1
- package/dist/chunk-NEP3JDVQ.js.map +0 -1
- package/dist/chunk-ORAVN37L.js.map +0 -1
- package/dist/chunk-XCBBSHAK.mjs.map +0 -1
- package/dist/chunk-XHZUPL2U.mjs.map +0 -1
package/dist/alert-dialog.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('./chunk-
|
|
4
|
+
var _chunkBWCO2ZQQjs = require('./chunk-BWCO2ZQQ.js');
|
|
5
|
+
require('./chunk-MDSPK3M6.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
@@ -58,11 +58,11 @@ var AlertDialogDescription = React.forwardRef(
|
|
|
58
58
|
);
|
|
59
59
|
AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
|
|
60
60
|
var AlertDialogAction = React.forwardRef(
|
|
61
|
-
({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlertDialogPrimitive.Action, { ref, className:
|
|
61
|
+
({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlertDialogPrimitive.Action, { ref, className: _chunkBWCO2ZQQjs.buttonVariants.call(void 0, { className }), ...props })
|
|
62
62
|
);
|
|
63
63
|
AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
|
|
64
64
|
var AlertDialogCancel = React.forwardRef(
|
|
65
|
-
({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlertDialogPrimitive.Cancel, { ref, className:
|
|
65
|
+
({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AlertDialogPrimitive.Cancel, { ref, className: _chunkBWCO2ZQQjs.buttonVariants.call(void 0, { variant: "outline", className }), ...props })
|
|
66
66
|
);
|
|
67
67
|
AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
|
|
68
68
|
|
package/dist/alert-dialog.mjs
CHANGED
package/dist/blockquote.js
CHANGED
|
@@ -3,8 +3,8 @@ var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
|
3
3
|
var _reactslot = require('@radix-ui/react-slot');
|
|
4
4
|
var _jsxruntime = require('react/jsx-runtime');
|
|
5
5
|
var Blockquote = React.forwardRef(({ asChild, ...props }, ref) => {
|
|
6
|
-
const
|
|
7
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
6
|
+
const Component = asChild ? _reactslot.Slot : "blockquote";
|
|
7
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ref, ...props });
|
|
8
8
|
});
|
|
9
9
|
Blockquote.displayName = "Blockquote";
|
|
10
10
|
|
package/dist/blockquote.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/blockquote.tsx"],"names":[],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAeZ;AAHT,IAAM,aAAmB,iBAA+C,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AACtG,QAAM,
|
|
1
|
+
{"version":3,"sources":["../src/blockquote.tsx"],"names":[],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAeZ;AAHT,IAAM,aAAmB,iBAA+C,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AACtG,QAAM,YAAY,UAAU,OAAO;AAEnC,SAAO,oBAAC,aAAU,KAAW,GAAG,OAAO;AACzC,CAAC;AAED,WAAW,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Blockquote\n * -------------------------------------------------------------------------- */\n\ntype BlockquoteElement = HTMLQuoteElement;\n\ninterface BlockquoteProps extends React.BlockquoteHTMLAttributes<HTMLQuoteElement> {\n asChild?: boolean;\n}\n\nconst Blockquote = React.forwardRef<BlockquoteElement, BlockquoteProps>(({ asChild, ...props }, ref) => {\n const Component = asChild ? Slot : \"blockquote\";\n\n return <Component ref={ref} {...props} />;\n});\n\nBlockquote.displayName = \"Blockquote\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Blockquote, type BlockquoteProps };\n"]}
|
package/dist/blockquote.mjs
CHANGED
|
@@ -3,8 +3,8 @@ import * as React from "react";
|
|
|
3
3
|
import { Slot } from "@radix-ui/react-slot";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
var Blockquote = React.forwardRef(({ asChild, ...props }, ref) => {
|
|
6
|
-
const
|
|
7
|
-
return /* @__PURE__ */ jsx(
|
|
6
|
+
const Component = asChild ? Slot : "blockquote";
|
|
7
|
+
return /* @__PURE__ */ jsx(Component, { ref, ...props });
|
|
8
8
|
});
|
|
9
9
|
Blockquote.displayName = "Blockquote";
|
|
10
10
|
export {
|
package/dist/blockquote.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/blockquote.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Blockquote\n * -------------------------------------------------------------------------- */\n\ntype BlockquoteElement = HTMLQuoteElement;\n\ninterface BlockquoteProps extends React.BlockquoteHTMLAttributes<HTMLQuoteElement> {\n asChild?: boolean;\n}\n\nconst Blockquote = React.forwardRef<BlockquoteElement, BlockquoteProps>(({ asChild, ...props }, ref) => {\n const
|
|
1
|
+
{"version":3,"sources":["../src/blockquote.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Blockquote\n * -------------------------------------------------------------------------- */\n\ntype BlockquoteElement = HTMLQuoteElement;\n\ninterface BlockquoteProps extends React.BlockquoteHTMLAttributes<HTMLQuoteElement> {\n asChild?: boolean;\n}\n\nconst Blockquote = React.forwardRef<BlockquoteElement, BlockquoteProps>(({ asChild, ...props }, ref) => {\n const Component = asChild ? Slot : \"blockquote\";\n\n return <Component ref={ref} {...props} />;\n});\n\nBlockquote.displayName = \"Blockquote\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Blockquote, type BlockquoteProps };\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAeZ;AAHT,IAAM,aAAmB,iBAA+C,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AACtG,QAAM,YAAY,UAAU,OAAO;AAEnC,SAAO,oBAAC,aAAU,KAAW,GAAG,OAAO;AACzC,CAAC;AAED,WAAW,cAAc;","names":[]}
|
package/dist/box.js
CHANGED
|
@@ -3,8 +3,8 @@ var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
|
3
3
|
var _reactslot = require('@radix-ui/react-slot');
|
|
4
4
|
var _jsxruntime = require('react/jsx-runtime');
|
|
5
5
|
var Box = React.forwardRef(({ as: Tag = "div", asChild, ...props }, ref) => {
|
|
6
|
-
const
|
|
7
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
6
|
+
const Component = asChild ? _reactslot.Slot : Tag;
|
|
7
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ref, ...props });
|
|
8
8
|
});
|
|
9
9
|
Box.displayName = "Box";
|
|
10
10
|
|
package/dist/box.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/box.tsx"],"names":[],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAuBZ;AAHT,IAAM,MAAY,iBAAiC,CAAC,EAAE,IAAI,MAAM,OAAO,SAAS,GAAG,MAAM,GAAG,QAAQ;AAClG,QAAM,
|
|
1
|
+
{"version":3,"sources":["../src/box.tsx"],"names":[],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAuBZ;AAHT,IAAM,MAAY,iBAAiC,CAAC,EAAE,IAAI,MAAM,OAAO,SAAS,GAAG,MAAM,GAAG,QAAQ;AAClG,QAAM,YAAY,UAAU,OAAO;AAEnC,SAAO,oBAAC,aAAU,KAAW,GAAG,OAAO;AACzC,CAAC;AAED,IAAI,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Box\n * -------------------------------------------------------------------------- */\n\ntype BoxElement = HTMLDivElement;\n\ninterface BoxDivProps extends React.HTMLAttributes<HTMLDivElement> {\n as?: \"div\";\n}\n\ninterface BoxSpanProps extends React.HTMLAttributes<HTMLSpanElement> {\n as: \"span\";\n}\n\ntype BoxProps = (BoxDivProps | BoxSpanProps) & {\n asChild?: boolean;\n};\n\nconst Box = React.forwardRef<BoxElement, BoxProps>(({ as: Tag = \"div\", asChild, ...props }, ref) => {\n const Component = asChild ? Slot : Tag;\n\n return <Component ref={ref} {...props} />;\n});\n\nBox.displayName = \"Box\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Box, type BoxProps };\n"]}
|
package/dist/box.mjs
CHANGED
|
@@ -3,8 +3,8 @@ import * as React from "react";
|
|
|
3
3
|
import { Slot } from "@radix-ui/react-slot";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
var Box = React.forwardRef(({ as: Tag = "div", asChild, ...props }, ref) => {
|
|
6
|
-
const
|
|
7
|
-
return /* @__PURE__ */ jsx(
|
|
6
|
+
const Component = asChild ? Slot : Tag;
|
|
7
|
+
return /* @__PURE__ */ jsx(Component, { ref, ...props });
|
|
8
8
|
});
|
|
9
9
|
Box.displayName = "Box";
|
|
10
10
|
export {
|
package/dist/box.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/box.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Box\n * -------------------------------------------------------------------------- */\n\ntype BoxElement = HTMLDivElement;\n\ninterface BoxDivProps extends React.HTMLAttributes<HTMLDivElement> {\n as?: \"div\";\n}\n\ninterface BoxSpanProps extends React.HTMLAttributes<HTMLSpanElement> {\n as: \"span\";\n}\n\ntype BoxProps = (BoxDivProps | BoxSpanProps) & {\n asChild?: boolean;\n};\n\nconst Box = React.forwardRef<BoxElement, BoxProps>(({ as: Tag = \"div\", asChild, ...props }, ref) => {\n const
|
|
1
|
+
{"version":3,"sources":["../src/box.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Box\n * -------------------------------------------------------------------------- */\n\ntype BoxElement = HTMLDivElement;\n\ninterface BoxDivProps extends React.HTMLAttributes<HTMLDivElement> {\n as?: \"div\";\n}\n\ninterface BoxSpanProps extends React.HTMLAttributes<HTMLSpanElement> {\n as: \"span\";\n}\n\ntype BoxProps = (BoxDivProps | BoxSpanProps) & {\n asChild?: boolean;\n};\n\nconst Box = React.forwardRef<BoxElement, BoxProps>(({ as: Tag = \"div\", asChild, ...props }, ref) => {\n const Component = asChild ? Slot : Tag;\n\n return <Component ref={ref} {...props} />;\n});\n\nBox.displayName = \"Box\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Box, type BoxProps };\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAuBZ;AAHT,IAAM,MAAY,iBAAiC,CAAC,EAAE,IAAI,MAAM,OAAO,SAAS,GAAG,MAAM,GAAG,QAAQ;AAClG,QAAM,YAAY,UAAU,OAAO;AAEnC,SAAO,oBAAC,aAAU,KAAW,GAAG,OAAO;AACzC,CAAC;AAED,IAAI,cAAc;","names":[]}
|
package/dist/breadcrumb.js
CHANGED
|
@@ -26,8 +26,8 @@ var BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
26
26
|
BreadcrumbItem.displayName = "BreadcrumbItem";
|
|
27
27
|
var BreadcrumbLink = React.forwardRef(
|
|
28
28
|
({ asChild, className, ...props }, ref) => {
|
|
29
|
-
const
|
|
30
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
29
|
+
const Component = asChild ? _reactslot.Slot : "a";
|
|
30
|
+
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "transition-colors", "hover:text-foreground", className), ...props });
|
|
31
31
|
}
|
|
32
32
|
);
|
|
33
33
|
BreadcrumbLink.displayName = "BreadcrumbLink";
|
package/dist/breadcrumb.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/breadcrumb.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAkB,0BAA0B;AAcnD,cAqGE,YArGF;AADF,IAAM,aAAmB,iBAA+C,CAAC,EAAE,GAAG,MAAM,GAAG,QACrF,oBAAC,SAAI,KAAU,cAAW,cAAc,GAAG,OAAO,CACnD;AAED,WAAW,cAAc;AASzB,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC5G;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,eAAe,cAAc;AAS7B,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC5G,oBAAC,QAAG,KAAU,WAAW,GAAG,oCAAoC,SAAS,GAAI,GAAG,OAAO,CACxF;AAED,eAAe,cAAc;AAY7B,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,GAAG,QAAQ;AACzC,UAAM,
|
|
1
|
+
{"version":3,"sources":["../src/breadcrumb.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAkB,0BAA0B;AAcnD,cAqGE,YArGF;AADF,IAAM,aAAmB,iBAA+C,CAAC,EAAE,GAAG,MAAM,GAAG,QACrF,oBAAC,SAAI,KAAU,cAAW,cAAc,GAAG,OAAO,CACnD;AAED,WAAW,cAAc;AASzB,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC5G;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,eAAe,cAAc;AAS7B,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC5G,oBAAC,QAAG,KAAU,WAAW,GAAG,oCAAoC,SAAS,GAAI,GAAG,OAAO,CACxF;AAED,eAAe,cAAc;AAY7B,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,GAAG,QAAQ;AACzC,UAAM,YAAY,UAAU,OAAO;AAEnC,WAAO,oBAAC,aAAU,KAAU,WAAW,GAAG,qBAAqB,yBAAyB,SAAS,GAAI,GAAG,OAAO;AAAA,EACjH;AACF;AAEA,eAAe,cAAc;AAS7B,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC5G;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAW,GAAG,+BAA+B,SAAS;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AAED,eAAe,cAAc;AAQ7B,SAAS,oBAAoB,EAAE,UAAU,WAAW,GAAG,MAAM,GAAgD;AAC3G,SACE,oBAAC,QAAG,MAAK,gBAAe,eAAY,QAAO,WAAW,GAAG,oBAAoB,SAAS,GAAI,GAAG,OAC1F,sBAAY,oBAAC,oBAAiB,GACjC;AAEJ;AAQA,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAA+C;AAC/F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA,MAEJ;AAAA,4BAAC,sBAAmB,WAAU,UAAS;AAAA,QACvC,oBAAC,UAAK,WAAU,WAAU,kBAAI;AAAA;AAAA;AAAA,EAChC;AAEJ","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRightIcon, DotsHorizontalIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Breadcrumb\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbElement = HTMLElement;\n\ninterface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n separator?: React.ReactNode;\n}\n\nconst Breadcrumb = React.forwardRef<BreadcrumbElement, BreadcrumbProps>(({ ...props }, ref) => (\n <nav ref={ref} aria-label=\"breadcrumb\" {...props} />\n));\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbList\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbListElement = HTMLOListElement;\ntype BreadcrumbListProps = React.OlHTMLAttributes<HTMLOListElement>;\n\nconst BreadcrumbList = React.forwardRef<BreadcrumbListElement, BreadcrumbListProps>(({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n \"text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm\",\n \"sm:gap-2.5\",\n className,\n )}\n {...props}\n />\n));\n\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbItem\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbItemElement = HTMLLIElement;\ntype BreadcrumbItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst BreadcrumbItem = React.forwardRef<BreadcrumbItemElement, BreadcrumbItemProps>(({ className, ...props }, ref) => (\n <li ref={ref} className={cn(\"inline-flex items-center gap-1.5\", className)} {...props} />\n));\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbLink\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbLinkElement = HTMLAnchorElement;\n\ninterface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n asChild?: boolean;\n}\n\nconst BreadcrumbLink = React.forwardRef<BreadcrumbLinkElement, BreadcrumbLinkProps>(\n ({ asChild, className, ...props }, ref) => {\n const Component = asChild ? Slot : \"a\";\n\n return <Component ref={ref} className={cn(\"transition-colors\", \"hover:text-foreground\", className)} {...props} />;\n },\n);\n\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbPage\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbPageElement = HTMLSpanElement;\ntype BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;\n\nconst BreadcrumbPage = React.forwardRef<BreadcrumbPageElement, BreadcrumbPageProps>(({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn(\"text-foreground font-normal\", className)}\n {...props}\n />\n));\n\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbSeparator\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbSeparatorProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nfunction BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): React.JSX.Element {\n return (\n <li role=\"presentation\" aria-hidden=\"true\" className={cn(\"[&>svg]:size-3.5\", className)} {...props}>\n {children ?? <ChevronRightIcon />}\n </li>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbEllipsis\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): React.JSX.Element {\n return (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"flex size-4 items-center justify-center\", className)}\n {...props}\n >\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n type BreadcrumbProps,\n type BreadcrumbListProps,\n type BreadcrumbItemProps,\n type BreadcrumbLinkProps,\n type BreadcrumbPageProps,\n type BreadcrumbSeparatorProps,\n type BreadcrumbEllipsisProps,\n};\n"]}
|
package/dist/breadcrumb.mjs
CHANGED
|
@@ -26,8 +26,8 @@ var BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
26
26
|
BreadcrumbItem.displayName = "BreadcrumbItem";
|
|
27
27
|
var BreadcrumbLink = React.forwardRef(
|
|
28
28
|
({ asChild, className, ...props }, ref) => {
|
|
29
|
-
const
|
|
30
|
-
return /* @__PURE__ */ jsx(
|
|
29
|
+
const Component = asChild ? Slot : "a";
|
|
30
|
+
return /* @__PURE__ */ jsx(Component, { ref, className: cn("transition-colors", "hover:text-foreground", className), ...props });
|
|
31
31
|
}
|
|
32
32
|
);
|
|
33
33
|
BreadcrumbLink.displayName = "BreadcrumbLink";
|
package/dist/breadcrumb.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRightIcon, DotsHorizontalIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Breadcrumb\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbElement = HTMLElement;\n\ninterface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n separator?: React.ReactNode;\n}\n\nconst Breadcrumb = React.forwardRef<BreadcrumbElement, BreadcrumbProps>(({ ...props }, ref) => (\n <nav ref={ref} aria-label=\"breadcrumb\" {...props} />\n));\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbList\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbListElement = HTMLOListElement;\ntype BreadcrumbListProps = React.OlHTMLAttributes<HTMLOListElement>;\n\nconst BreadcrumbList = React.forwardRef<BreadcrumbListElement, BreadcrumbListProps>(({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n \"text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm\",\n \"sm:gap-2.5\",\n className,\n )}\n {...props}\n />\n));\n\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbItem\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbItemElement = HTMLLIElement;\ntype BreadcrumbItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst BreadcrumbItem = React.forwardRef<BreadcrumbItemElement, BreadcrumbItemProps>(({ className, ...props }, ref) => (\n <li ref={ref} className={cn(\"inline-flex items-center gap-1.5\", className)} {...props} />\n));\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbLink\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbLinkElement = HTMLAnchorElement;\n\ninterface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n asChild?: boolean;\n}\n\nconst BreadcrumbLink = React.forwardRef<BreadcrumbLinkElement, BreadcrumbLinkProps>(\n ({ asChild, className, ...props }, ref) => {\n const
|
|
1
|
+
{"version":3,"sources":["../src/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRightIcon, DotsHorizontalIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Breadcrumb\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbElement = HTMLElement;\n\ninterface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n separator?: React.ReactNode;\n}\n\nconst Breadcrumb = React.forwardRef<BreadcrumbElement, BreadcrumbProps>(({ ...props }, ref) => (\n <nav ref={ref} aria-label=\"breadcrumb\" {...props} />\n));\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbList\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbListElement = HTMLOListElement;\ntype BreadcrumbListProps = React.OlHTMLAttributes<HTMLOListElement>;\n\nconst BreadcrumbList = React.forwardRef<BreadcrumbListElement, BreadcrumbListProps>(({ className, ...props }, ref) => (\n <ol\n ref={ref}\n className={cn(\n \"text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm\",\n \"sm:gap-2.5\",\n className,\n )}\n {...props}\n />\n));\n\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbItem\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbItemElement = HTMLLIElement;\ntype BreadcrumbItemProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nconst BreadcrumbItem = React.forwardRef<BreadcrumbItemElement, BreadcrumbItemProps>(({ className, ...props }, ref) => (\n <li ref={ref} className={cn(\"inline-flex items-center gap-1.5\", className)} {...props} />\n));\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbLink\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbLinkElement = HTMLAnchorElement;\n\ninterface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n asChild?: boolean;\n}\n\nconst BreadcrumbLink = React.forwardRef<BreadcrumbLinkElement, BreadcrumbLinkProps>(\n ({ asChild, className, ...props }, ref) => {\n const Component = asChild ? Slot : \"a\";\n\n return <Component ref={ref} className={cn(\"transition-colors\", \"hover:text-foreground\", className)} {...props} />;\n },\n);\n\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbPage\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbPageElement = HTMLSpanElement;\ntype BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;\n\nconst BreadcrumbPage = React.forwardRef<BreadcrumbPageElement, BreadcrumbPageProps>(({ className, ...props }, ref) => (\n <span\n ref={ref}\n role=\"link\"\n aria-disabled=\"true\"\n aria-current=\"page\"\n className={cn(\"text-foreground font-normal\", className)}\n {...props}\n />\n));\n\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbSeparator\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbSeparatorProps = React.LiHTMLAttributes<HTMLLIElement>;\n\nfunction BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): React.JSX.Element {\n return (\n <li role=\"presentation\" aria-hidden=\"true\" className={cn(\"[&>svg]:size-3.5\", className)} {...props}>\n {children ?? <ChevronRightIcon />}\n </li>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbEllipsis\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\n\nfunction BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): React.JSX.Element {\n return (\n <span\n role=\"presentation\"\n aria-hidden=\"true\"\n className={cn(\"flex size-4 items-center justify-center\", className)}\n {...props}\n >\n <DotsHorizontalIcon className=\"size-4\" />\n <span className=\"sr-only\">More</span>\n </span>\n );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Breadcrumb,\n BreadcrumbList,\n BreadcrumbItem,\n BreadcrumbLink,\n BreadcrumbPage,\n BreadcrumbSeparator,\n BreadcrumbEllipsis,\n type BreadcrumbProps,\n type BreadcrumbListProps,\n type BreadcrumbItemProps,\n type BreadcrumbLinkProps,\n type BreadcrumbPageProps,\n type BreadcrumbSeparatorProps,\n type BreadcrumbEllipsisProps,\n};\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAkB,0BAA0B;AAcnD,cAqGE,YArGF;AADF,IAAM,aAAmB,iBAA+C,CAAC,EAAE,GAAG,MAAM,GAAG,QACrF,oBAAC,SAAI,KAAU,cAAW,cAAc,GAAG,OAAO,CACnD;AAED,WAAW,cAAc;AASzB,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC5G;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,eAAe,cAAc;AAS7B,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC5G,oBAAC,QAAG,KAAU,WAAW,GAAG,oCAAoC,SAAS,GAAI,GAAG,OAAO,CACxF;AAED,eAAe,cAAc;AAY7B,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,GAAG,QAAQ;AACzC,UAAM,YAAY,UAAU,OAAO;AAEnC,WAAO,oBAAC,aAAU,KAAU,WAAW,GAAG,qBAAqB,yBAAyB,SAAS,GAAI,GAAG,OAAO;AAAA,EACjH;AACF;AAEA,eAAe,cAAc;AAS7B,IAAM,iBAAuB,iBAAuD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC5G;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAW,GAAG,+BAA+B,SAAS;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AAED,eAAe,cAAc;AAQ7B,SAAS,oBAAoB,EAAE,UAAU,WAAW,GAAG,MAAM,GAAgD;AAC3G,SACE,oBAAC,QAAG,MAAK,gBAAe,eAAY,QAAO,WAAW,GAAG,oBAAoB,SAAS,GAAI,GAAG,OAC1F,sBAAY,oBAAC,oBAAiB,GACjC;AAEJ;AAQA,SAAS,mBAAmB,EAAE,WAAW,GAAG,MAAM,GAA+C;AAC/F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA,MAEJ;AAAA,4BAAC,sBAAmB,WAAU,UAAS;AAAA,QACvC,oBAAC,UAAK,WAAU,WAAU,kBAAI;AAAA;AAAA;AAAA,EAChC;AAEJ;","names":[]}
|
package/dist/button.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('./chunk-
|
|
4
|
+
var _chunkBWCO2ZQQjs = require('./chunk-BWCO2ZQQ.js');
|
|
5
|
+
require('./chunk-MDSPK3M6.js');
|
|
6
6
|
require('./chunk-G3NP7M2N.js');
|
|
7
7
|
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
exports.Button =
|
|
10
|
+
exports.Button = _chunkBWCO2ZQQjs.Button; exports.buttonVariants = _chunkBWCO2ZQQjs.buttonVariants;
|
|
11
11
|
//# sourceMappingURL=button.js.map
|
package/dist/button.mjs
CHANGED
package/dist/calendar.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('./chunk-
|
|
4
|
+
var _chunkBWCO2ZQQjs = require('./chunk-BWCO2ZQQ.js');
|
|
5
|
+
require('./chunk-MDSPK3M6.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
@@ -29,7 +29,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
|
|
|
29
29
|
caption: "flex justify-center pt-1 relative items-center",
|
|
30
30
|
caption_label: "text-sm font-medium",
|
|
31
31
|
nav: "space-x-1 flex items-center",
|
|
32
|
-
nav_button:
|
|
32
|
+
nav_button: _chunkBWCO2ZQQjs.buttonVariants.call(void 0, {
|
|
33
33
|
variant: "outline",
|
|
34
34
|
className: "size-7 bg-transparent p-0 opacity-50 hover:opacity-100"
|
|
35
35
|
}),
|
|
@@ -43,7 +43,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }) {
|
|
|
43
43
|
"relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:rounded-r-md",
|
|
44
44
|
props.mode === "range" ? "[&:has(>.day-range-start)]:rounded-l-md [&:has(>.day-range-end)]:rounded-r-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md" : "[&:has([aria-selected])]:rounded-md"
|
|
45
45
|
),
|
|
46
|
-
day:
|
|
46
|
+
day: _chunkBWCO2ZQQjs.buttonVariants.call(void 0, {
|
|
47
47
|
variant: "ghost",
|
|
48
48
|
className: "size-9 p-0 font-normal aria-selected:opacity-100"
|
|
49
49
|
}),
|
package/dist/calendar.mjs
CHANGED
package/dist/carousel.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
|
|
2
2
|
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
require('./chunk-
|
|
4
|
+
var _chunkBWCO2ZQQjs = require('./chunk-BWCO2ZQQ.js');
|
|
5
|
+
require('./chunk-MDSPK3M6.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
@@ -135,7 +135,7 @@ var CarouselPrevious = React.forwardRef(
|
|
|
135
135
|
({ __scopeCarousel, className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
136
136
|
const { orientation, scrollPrev, canScrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);
|
|
137
137
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
138
|
-
|
|
138
|
+
_chunkBWCO2ZQQjs.Button,
|
|
139
139
|
{
|
|
140
140
|
ref,
|
|
141
141
|
variant,
|
|
@@ -162,7 +162,7 @@ var CarouselNext = React.forwardRef(
|
|
|
162
162
|
({ __scopeCarousel, className, variant = "outline", size = "icon", ...props }, ref) => {
|
|
163
163
|
const { orientation, scrollNext, canScrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);
|
|
164
164
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
165
|
-
|
|
165
|
+
_chunkBWCO2ZQQjs.Button,
|
|
166
166
|
{
|
|
167
167
|
ref,
|
|
168
168
|
variant,
|
package/dist/carousel.mjs
CHANGED
|
@@ -8,8 +8,11 @@ import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
|
8
8
|
import { jsx } from "react/jsx-runtime";
|
|
9
9
|
var toggleVariants = cva({
|
|
10
10
|
base: [
|
|
11
|
-
"
|
|
12
|
-
"
|
|
11
|
+
"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors",
|
|
12
|
+
"hover:bg-muted hover:text-muted-foreground",
|
|
13
|
+
"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
|
|
14
|
+
"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
|
|
15
|
+
"disabled:pointer-events-none disabled:opacity-50"
|
|
13
16
|
],
|
|
14
17
|
variants: {
|
|
15
18
|
variant: {
|
|
@@ -34,4 +37,4 @@ export {
|
|
|
34
37
|
toggleVariants,
|
|
35
38
|
Toggle
|
|
36
39
|
};
|
|
37
|
-
//# sourceMappingURL=chunk-
|
|
40
|
+
//# sourceMappingURL=chunk-6J6VPUBP.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Toggle\n * -------------------------------------------------------------------------- */\n\nconst toggleVariants = cva({\n base: [\n \"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors\",\n \"hover:bg-muted hover:text-muted-foreground\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n \"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\",\n \"disabled:pointer-events-none disabled:opacity-50\",\n ],\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline: \"border-input hover:bg-accent hover:text-accent-foreground border bg-transparent shadow-sm\",\n },\n size: {\n default: \"h-10 px-3\",\n sm: \"h-9 px-2.5\",\n lg: \"h-11 px-5\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n});\n\ntype ToggleVariantsProps = VariantProps<typeof toggleVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Toggle\n * -------------------------------------------------------------------------- */\n\ntype ToggleElement = React.ElementRef<typeof TogglePrimitive.Root>;\ntype ToggleProps = React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & ToggleVariantsProps;\n\nconst Toggle = React.forwardRef<ToggleElement, ToggleProps>(({ className, variant, size, ...props }, ref) => (\n <TogglePrimitive.Root ref={ref} className={toggleVariants({ variant, size, className })} {...props} />\n));\n\nToggle.displayName = TogglePrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\nexport { Toggle, toggleVariants, type ToggleProps, type ToggleVariantsProps };\n"],"mappings":";;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AA2C/B;AAnCF,IAAM,iBAAiB,IAAI;AAAA,EACzB,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAWD,IAAM,SAAe,iBAAuC,CAAC,EAAE,WAAW,SAAS,MAAM,GAAG,MAAM,GAAG,QACnG,oBAAiB,sBAAhB,EAAqB,KAAU,WAAW,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,GAAI,GAAG,OAAO,CACrG;AAED,OAAO,cAA8B,qBAAK;","names":[]}
|
|
@@ -8,8 +8,11 @@ var _reacttoggle = require('@radix-ui/react-toggle'); var TogglePrimitive = _int
|
|
|
8
8
|
var _jsxruntime = require('react/jsx-runtime');
|
|
9
9
|
var toggleVariants = _chunkG3NP7M2Njs.cva.call(void 0, {
|
|
10
10
|
base: [
|
|
11
|
-
"
|
|
12
|
-
"
|
|
11
|
+
"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors",
|
|
12
|
+
"hover:bg-muted hover:text-muted-foreground",
|
|
13
|
+
"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
|
|
14
|
+
"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
|
|
15
|
+
"disabled:pointer-events-none disabled:opacity-50"
|
|
13
16
|
],
|
|
14
17
|
variants: {
|
|
15
18
|
variant: {
|
|
@@ -34,4 +37,4 @@ Toggle.displayName = TogglePrimitive.Root.displayName;
|
|
|
34
37
|
|
|
35
38
|
|
|
36
39
|
exports.toggleVariants = toggleVariants; exports.Toggle = Toggle;
|
|
37
|
-
//# sourceMappingURL=chunk-
|
|
40
|
+
//# sourceMappingURL=chunk-7S4DOWLB.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/toggle.tsx"],"names":[],"mappings":";;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AA2C/B;AAnCF,IAAM,iBAAiB,IAAI;AAAA,EACzB,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;AAWD,IAAM,SAAe,iBAAuC,CAAC,EAAE,WAAW,SAAS,MAAM,GAAG,MAAM,GAAG,QACnG,oBAAiB,sBAAhB,EAAqB,KAAU,WAAW,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,GAAI,GAAG,OAAO,CACrG;AAED,OAAO,cAA8B,qBAAK","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Toggle\n * -------------------------------------------------------------------------- */\n\nconst toggleVariants = cva({\n base: [\n \"inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors\",\n \"hover:bg-muted hover:text-muted-foreground\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n \"data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\",\n \"disabled:pointer-events-none disabled:opacity-50\",\n ],\n variants: {\n variant: {\n default: \"bg-transparent\",\n outline: \"border-input hover:bg-accent hover:text-accent-foreground border bg-transparent shadow-sm\",\n },\n size: {\n default: \"h-10 px-3\",\n sm: \"h-9 px-2.5\",\n lg: \"h-11 px-5\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n});\n\ntype ToggleVariantsProps = VariantProps<typeof toggleVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Toggle\n * -------------------------------------------------------------------------- */\n\ntype ToggleElement = React.ElementRef<typeof TogglePrimitive.Root>;\ntype ToggleProps = React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & ToggleVariantsProps;\n\nconst Toggle = React.forwardRef<ToggleElement, ToggleProps>(({ className, variant, size, ...props }, ref) => (\n <TogglePrimitive.Root ref={ref} className={toggleVariants({ variant, size, className })} {...props} />\n));\n\nToggle.displayName = TogglePrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\nexport { Toggle, toggleVariants, type ToggleProps, type ToggleVariantsProps };\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _chunkMDSPK3M6js = require('./chunk-MDSPK3M6.js');
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
@@ -8,6 +8,8 @@ var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
|
8
8
|
// src/button.tsx
|
|
9
9
|
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
10
10
|
var _reactslot = require('@radix-ui/react-slot');
|
|
11
|
+
|
|
12
|
+
var _reactvisuallyhidden = require('@radix-ui/react-visually-hidden');
|
|
11
13
|
var _jsxruntime = require('react/jsx-runtime');
|
|
12
14
|
var buttonVariants = _chunkG3NP7M2Njs.cva.call(void 0, {
|
|
13
15
|
base: [
|
|
@@ -46,27 +48,21 @@ var buttonVariants = _chunkG3NP7M2Njs.cva.call(void 0, {
|
|
|
46
48
|
});
|
|
47
49
|
var Button = React.forwardRef(
|
|
48
50
|
({ children, className, variant, size, loading = false, asChild = false, ...props }, ref) => {
|
|
49
|
-
const
|
|
51
|
+
const Component = asChild ? _reactslot.Slot : "button";
|
|
52
|
+
const ComponentLoading = asChild ? "span" : _react.Fragment;
|
|
50
53
|
const disabled = loading || props.disabled;
|
|
51
54
|
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
52
|
-
|
|
55
|
+
Component,
|
|
53
56
|
{
|
|
54
57
|
ref,
|
|
55
58
|
type: asChild ? void 0 : "button",
|
|
56
59
|
className: buttonVariants({ variant, size, loading, className }),
|
|
57
60
|
...props,
|
|
58
61
|
disabled,
|
|
59
|
-
children: loading ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
60
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
"aria-hidden": true,
|
|
64
|
-
className: "invisible contents",
|
|
65
|
-
...{ inert: "" },
|
|
66
|
-
children
|
|
67
|
-
}
|
|
68
|
-
),
|
|
69
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJ6COVJTPjs.Spinner, {}) })
|
|
62
|
+
children: loading ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, ComponentLoading, { children: [
|
|
63
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": true, className: "invisible contents", children }),
|
|
64
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactvisuallyhidden.VisuallyHidden, { children }),
|
|
65
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMDSPK3M6js.Spinner, {}) })
|
|
70
66
|
] }) : children
|
|
71
67
|
}
|
|
72
68
|
);
|
|
@@ -78,4 +74,4 @@ Button.displayName = "Button";
|
|
|
78
74
|
|
|
79
75
|
|
|
80
76
|
exports.buttonVariants = buttonVariants; exports.Button = Button;
|
|
81
|
-
//# sourceMappingURL=chunk-
|
|
77
|
+
//# sourceMappingURL=chunk-BWCO2ZQQ.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/button.tsx"],"names":[],"mappings":";;;;;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAErB,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAuErB,SACE,KADF;AA/DV,IAAM,iBAAiB,IAAI;AAAA,EACzB,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aAAa;AAAA,MACb,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,IACb;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,WAAW;AAAA,MACX,WAAW;AAAA,MACX,WAAW;AAAA,IACb;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF,CAAC;AAcD,IAAM,SAAe;AAAA,EACnB,CAAC,EAAE,UAAU,WAAW,SAAS,MAAM,UAAU,OAAO,UAAU,OAAO,GAAG,MAAM,GAAG,QAAQ;AAC3F,UAAM,YAAY,UAAU,OAAO;AACnC,UAAM,mBAAmB,UAAU,SAAS;AAC5C,UAAM,WAAW,WAAW,MAAM;AAElC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,MAAM,UAAU,SAAY;AAAA,QAC5B,WAAW,eAAe,EAAE,SAAS,MAAM,SAAS,UAAU,CAAC;AAAA,QAC9D,GAAG;AAAA,QACJ;AAAA,QAEC,oBACC,qBAAC,oBACC;AAAA,8BAAC,UAAK,eAAW,MAAC,WAAU,sBACzB,UACH;AAAA,UACA,oBAAC,kBAAgB,UAAS;AAAA,UAC1B,oBAAC,UAAK,WAAU,qDACd,8BAAC,WAAQ,GACX;AAAA,WACF,IAEA;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AAEA,OAAO,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { type VariantProps } from \"cva\";\nimport { Fragment } from \"react\";\nimport { VisuallyHidden } from \"@radix-ui/react-visually-hidden\";\nimport { Spinner } from \"./spinner\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Button\n * -------------------------------------------------------------------------- */\n\nconst buttonVariants = cva({\n base: [\n \"inline-flex select-none items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors\",\n \"disabled:pointer-events-none disabled:opacity-50\",\n \"focus-visible:ring-ring focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n ],\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/90 shadow\",\n destructive: \"bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n link: \"text-primary underline-offset-4 hover:underline\",\n outline: \"border-input bg-background hover:bg-accent hover:text-accent-foreground border shadow-sm\",\n secondary: \"bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm\",\n },\n size: {\n default: \"h-10 px-4\",\n xs: \"h-8 px-2\",\n sm: \"h-9 px-3\",\n lg: \"h-11 px-8\",\n icon: \"size-10\",\n \"icon-xs\": \"size-8\",\n \"icon-sm\": \"size-9\",\n \"icon-lg\": \"size-11\",\n },\n loading: {\n true: \"relative\",\n },\n },\n defaultVariants: {\n size: \"default\",\n variant: \"default\",\n loading: false,\n },\n});\n\ntype ButtonVariantsProps = VariantProps<typeof buttonVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Button\n * -------------------------------------------------------------------------- */\n\ntype ButtonElement = HTMLButtonElement;\n\ninterface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariantsProps {\n asChild?: boolean;\n}\n\nconst Button = React.forwardRef<ButtonElement, ButtonProps>(\n ({ children, className, variant, size, loading = false, asChild = false, ...props }, ref) => {\n const Component = asChild ? Slot : \"button\";\n const ComponentLoading = asChild ? \"span\" : Fragment;\n const disabled = loading || props.disabled;\n\n return (\n <Component\n ref={ref}\n type={asChild ? undefined : \"button\"}\n className={buttonVariants({ variant, size, loading, className })}\n {...props}\n disabled={disabled}\n >\n {loading ? (\n <ComponentLoading>\n <span aria-hidden className=\"invisible contents\">\n {children}\n </span>\n <VisuallyHidden>{children}</VisuallyHidden>\n <span className=\"absolute inset-0 flex items-center justify-center\">\n <Spinner />\n </span>\n </ComponentLoading>\n ) : (\n children\n )}\n </Component>\n );\n },\n);\n\nButton.displayName = \"Button\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Button, buttonVariants, type ButtonProps, type ButtonVariantsProps };\n"]}
|
|
@@ -4,6 +4,7 @@ var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
|
4
4
|
|
|
5
5
|
// src/spinner.tsx
|
|
6
6
|
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
7
|
+
var _reactvisuallyhidden = require('@radix-ui/react-visually-hidden');
|
|
7
8
|
var _jsxruntime = require('react/jsx-runtime');
|
|
8
9
|
var spinnerCount = 8;
|
|
9
10
|
var Spinner = React.forwardRef(
|
|
@@ -39,15 +40,8 @@ var Spinner = React.forwardRef(
|
|
|
39
40
|
return spinner;
|
|
40
41
|
}
|
|
41
42
|
return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "relative", children: [
|
|
42
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
43
|
-
|
|
44
|
-
{
|
|
45
|
-
"aria-hidden": true,
|
|
46
|
-
className: "invisible contents",
|
|
47
|
-
...{ inert: "" },
|
|
48
|
-
children
|
|
49
|
-
}
|
|
50
|
-
),
|
|
43
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": true, className: "invisible contents", children }),
|
|
44
|
+
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactvisuallyhidden.VisuallyHidden, { children }),
|
|
51
45
|
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute inset-0 flex items-center justify-center", children: spinner })
|
|
52
46
|
] });
|
|
53
47
|
}
|
|
@@ -57,4 +51,4 @@ Spinner.displayName = "Spinner";
|
|
|
57
51
|
|
|
58
52
|
|
|
59
53
|
exports.Spinner = Spinner;
|
|
60
|
-
//# sourceMappingURL=chunk-
|
|
54
|
+
//# sourceMappingURL=chunk-MDSPK3M6.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/spinner.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,sBAAsB;AA4BrB,cAwBJ,YAxBI;AArBV,IAAM,eAAe;AAQrB,IAAM,UAAgB;AAAA,EACpB,CAAC,EAAE,WAAW,UAAU,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC1D,QAAI,CAAC,SAAS;AACZ,aAAO;AAAA,IACT;AAEA,UAAM,UACJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,+DAA+D,SAAS;AAAA,QACrF,GAAG;AAAA,QAEH,gBAAM,KAAK,EAAE,QAAQ,aAAa,GAAG,CAAC,GAAG,MACxC;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,OACE;AAAA,cACE,OAAO,IAAI,MAAM,cAAc,SAAS,CAAC;AAAA,cACzC,mBAAmB,MAAM,eAAe,KAAK,KAAK,SAAS,CAAC;AAAA,cAC5D,oBAAoB,IAAK,MAAM,eAAgB,GAAG,SAAS,CAAC;AAAA,cAC5D,sBAAsB,IAAI,eAAe,KAAK,SAAS,CAAC;AAAA,YAC1D;AAAA;AAAA,UAXG;AAAA,QAaP,CACD;AAAA;AAAA,IACH;AAGF,QAAI,aAAa,QAAW;AAC1B,aAAO;AAAA,IACT;AAEA,WACE,qBAAC,UAAK,WAAU,YACd;AAAA,0BAAC,UAAK,eAAW,MAAC,WAAU,sBACzB,UACH;AAAA,MACA,oBAAC,kBAAgB,UAAS;AAAA,MAC1B,oBAAC,UAAK,WAAU,qDAAqD,mBAAQ;AAAA,OAC/E;AAAA,EAEJ;AACF;AAEA,QAAQ,cAAc","sourcesContent":["import * as React from \"react\";\nimport { VisuallyHidden } from \"@radix-ui/react-visually-hidden\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Spinner\n * -------------------------------------------------------------------------- */\n\nconst spinnerCount = 8;\n\ntype SpinnerElement = HTMLSpanElement;\n\ninterface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n loading?: boolean;\n}\n\nconst Spinner = React.forwardRef<SpinnerElement, SpinnerProps>(\n ({ className, loading = true, children, ...props }, ref) => {\n if (!loading) {\n return children;\n }\n\n const spinner = (\n <span\n ref={ref}\n className={cn(\"relative flex size-4 items-center justify-center opacity-60\", className)}\n {...props}\n >\n {Array.from({ length: spinnerCount }, (_, i) => (\n <span\n key={i}\n className={cn(\n \"absolute h-full rotate-[var(--spinner-rotate)]\",\n \"before:fade-out-25 before:animate-out before:repeat-infinite before:block before:h-1/3 before:w-full before:rounded-full before:bg-current before:[animation-delay:var(--spinner-delay)] before:[animation-duration:var(--spinner-duration)]\",\n )}\n style={\n {\n width: `${(100 / spinnerCount).toString()}%`,\n \"--spinner-delay\": `-${((spinnerCount - i) * 100).toString()}ms`,\n \"--spinner-rotate\": `${((360 / spinnerCount) * i).toString()}deg`,\n \"--spinner-duration\": `${(spinnerCount * 100).toString()}ms`,\n } as React.CSSProperties\n }\n />\n ))}\n </span>\n );\n\n if (children === undefined) {\n return spinner;\n }\n\n return (\n <span className=\"relative\">\n <span aria-hidden className=\"invisible contents\">\n {children}\n </span>\n <VisuallyHidden>{children}</VisuallyHidden>\n <span className=\"absolute inset-0 flex items-center justify-center\">{spinner}</span>\n </span>\n );\n },\n);\n\nSpinner.displayName = \"Spinner\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Spinner, type SpinnerProps };\n"]}
|
|
@@ -4,6 +4,7 @@ import {
|
|
|
4
4
|
|
|
5
5
|
// src/spinner.tsx
|
|
6
6
|
import * as React from "react";
|
|
7
|
+
import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
|
|
7
8
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
8
9
|
var spinnerCount = 8;
|
|
9
10
|
var Spinner = React.forwardRef(
|
|
@@ -39,15 +40,8 @@ var Spinner = React.forwardRef(
|
|
|
39
40
|
return spinner;
|
|
40
41
|
}
|
|
41
42
|
return /* @__PURE__ */ jsxs("span", { className: "relative", children: [
|
|
42
|
-
/* @__PURE__ */ jsx(
|
|
43
|
-
|
|
44
|
-
{
|
|
45
|
-
"aria-hidden": true,
|
|
46
|
-
className: "invisible contents",
|
|
47
|
-
...{ inert: "" },
|
|
48
|
-
children
|
|
49
|
-
}
|
|
50
|
-
),
|
|
43
|
+
/* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "invisible contents", children }),
|
|
44
|
+
/* @__PURE__ */ jsx(VisuallyHidden, { children }),
|
|
51
45
|
/* @__PURE__ */ jsx("span", { className: "absolute inset-0 flex items-center justify-center", children: spinner })
|
|
52
46
|
] });
|
|
53
47
|
}
|
|
@@ -57,4 +51,4 @@ Spinner.displayName = "Spinner";
|
|
|
57
51
|
export {
|
|
58
52
|
Spinner
|
|
59
53
|
};
|
|
60
|
-
//# sourceMappingURL=chunk-
|
|
54
|
+
//# sourceMappingURL=chunk-V2254PQL.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/spinner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { VisuallyHidden } from \"@radix-ui/react-visually-hidden\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Spinner\n * -------------------------------------------------------------------------- */\n\nconst spinnerCount = 8;\n\ntype SpinnerElement = HTMLSpanElement;\n\ninterface SpinnerProps extends React.HTMLAttributes<HTMLSpanElement> {\n loading?: boolean;\n}\n\nconst Spinner = React.forwardRef<SpinnerElement, SpinnerProps>(\n ({ className, loading = true, children, ...props }, ref) => {\n if (!loading) {\n return children;\n }\n\n const spinner = (\n <span\n ref={ref}\n className={cn(\"relative flex size-4 items-center justify-center opacity-60\", className)}\n {...props}\n >\n {Array.from({ length: spinnerCount }, (_, i) => (\n <span\n key={i}\n className={cn(\n \"absolute h-full rotate-[var(--spinner-rotate)]\",\n \"before:fade-out-25 before:animate-out before:repeat-infinite before:block before:h-1/3 before:w-full before:rounded-full before:bg-current before:[animation-delay:var(--spinner-delay)] before:[animation-duration:var(--spinner-duration)]\",\n )}\n style={\n {\n width: `${(100 / spinnerCount).toString()}%`,\n \"--spinner-delay\": `-${((spinnerCount - i) * 100).toString()}ms`,\n \"--spinner-rotate\": `${((360 / spinnerCount) * i).toString()}deg`,\n \"--spinner-duration\": `${(spinnerCount * 100).toString()}ms`,\n } as React.CSSProperties\n }\n />\n ))}\n </span>\n );\n\n if (children === undefined) {\n return spinner;\n }\n\n return (\n <span className=\"relative\">\n <span aria-hidden className=\"invisible contents\">\n {children}\n </span>\n <VisuallyHidden>{children}</VisuallyHidden>\n <span className=\"absolute inset-0 flex items-center justify-center\">{spinner}</span>\n </span>\n );\n },\n);\n\nSpinner.displayName = \"Spinner\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Spinner, type SpinnerProps };\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,sBAAsB;AA4BrB,cAwBJ,YAxBI;AArBV,IAAM,eAAe;AAQrB,IAAM,UAAgB;AAAA,EACpB,CAAC,EAAE,WAAW,UAAU,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ;AAC1D,QAAI,CAAC,SAAS;AACZ,aAAO;AAAA,IACT;AAEA,UAAM,UACJ;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,+DAA+D,SAAS;AAAA,QACrF,GAAG;AAAA,QAEH,gBAAM,KAAK,EAAE,QAAQ,aAAa,GAAG,CAAC,GAAG,MACxC;AAAA,UAAC;AAAA;AAAA,YAEC,WAAW;AAAA,cACT;AAAA,cACA;AAAA,YACF;AAAA,YACA,OACE;AAAA,cACE,OAAO,IAAI,MAAM,cAAc,SAAS,CAAC;AAAA,cACzC,mBAAmB,MAAM,eAAe,KAAK,KAAK,SAAS,CAAC;AAAA,cAC5D,oBAAoB,IAAK,MAAM,eAAgB,GAAG,SAAS,CAAC;AAAA,cAC5D,sBAAsB,IAAI,eAAe,KAAK,SAAS,CAAC;AAAA,YAC1D;AAAA;AAAA,UAXG;AAAA,QAaP,CACD;AAAA;AAAA,IACH;AAGF,QAAI,aAAa,QAAW;AAC1B,aAAO;AAAA,IACT;AAEA,WACE,qBAAC,UAAK,WAAU,YACd;AAAA,0BAAC,UAAK,eAAW,MAAC,WAAU,sBACzB,UACH;AAAA,MACA,oBAAC,kBAAgB,UAAS;AAAA,MAC1B,oBAAC,UAAK,WAAU,qDAAqD,mBAAQ;AAAA,OAC/E;AAAA,EAEJ;AACF;AAEA,QAAQ,cAAc;","names":[]}
|