@codefast/ui 0.0.26 → 0.0.28
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/accordion.js +1 -49
- package/dist/accordion.js.map +1 -1
- package/dist/accordion.mjs +1 -49
- package/dist/accordion.mjs.map +1 -1
- package/dist/alert-dialog.js +1 -65
- package/dist/alert-dialog.js.map +1 -1
- package/dist/alert-dialog.mjs +1 -65
- package/dist/alert-dialog.mjs.map +1 -1
- package/dist/alert.js +1 -33
- package/dist/alert.js.map +1 -1
- package/dist/alert.mjs +1 -33
- package/dist/alert.mjs.map +1 -1
- package/dist/animate.plugin.js +2 -0
- package/dist/animate.plugin.js.map +1 -0
- package/dist/animate.plugin.mjs +2 -0
- package/dist/animate.plugin.mjs.map +1 -0
- package/dist/aspect-ratio.js +1 -8
- package/dist/aspect-ratio.js.map +1 -1
- package/dist/aspect-ratio.mjs +1 -8
- package/dist/aspect-ratio.mjs.map +1 -1
- package/dist/avatar.js +1 -34
- package/dist/avatar.js.map +1 -1
- package/dist/avatar.mjs +1 -34
- package/dist/avatar.mjs.map +1 -1
- package/dist/badge.js +1 -26
- package/dist/badge.js.map +1 -1
- package/dist/badge.mjs +1 -26
- package/dist/badge.mjs.map +1 -1
- package/dist/blockquote.js +1 -12
- package/dist/blockquote.js.map +1 -1
- package/dist/blockquote.mjs +1 -12
- package/dist/blockquote.mjs.map +1 -1
- package/dist/box.js +1 -12
- package/dist/box.js.map +1 -1
- package/dist/box.mjs +1 -12
- package/dist/box.mjs.map +1 -1
- package/dist/breadcrumb.js +1 -71
- package/dist/breadcrumb.js.map +1 -1
- package/dist/breadcrumb.mjs +1 -71
- package/dist/breadcrumb.mjs.map +1 -1
- package/dist/button.js +1 -10
- package/dist/button.mjs +1 -10
- package/dist/calendar.js +1 -70
- package/dist/calendar.js.map +1 -1
- package/dist/calendar.mjs +1 -70
- package/dist/calendar.mjs.map +1 -1
- package/dist/card.js +1 -29
- package/dist/card.js.map +1 -1
- package/dist/card.mjs +1 -29
- package/dist/card.mjs.map +1 -1
- package/dist/carousel.js +1 -193
- package/dist/carousel.js.map +1 -1
- package/dist/carousel.mjs +1 -193
- package/dist/carousel.mjs.map +1 -1
- package/dist/checkbox-cards.js +1 -51
- package/dist/checkbox-cards.js.map +1 -1
- package/dist/checkbox-cards.mjs +1 -51
- package/dist/checkbox-cards.mjs.map +1 -1
- package/dist/checkbox-group.js +1 -39
- package/dist/checkbox-group.js.map +1 -1
- package/dist/checkbox-group.mjs +1 -39
- package/dist/checkbox-group.mjs.map +1 -1
- package/dist/checkbox-group.primitive.js +1 -18
- package/dist/checkbox-group.primitive.mjs +1 -18
- package/dist/checkbox.js +1 -26
- package/dist/checkbox.js.map +1 -1
- package/dist/checkbox.mjs +1 -26
- package/dist/checkbox.mjs.map +1 -1
- package/dist/chunk-2RQCRE7N.js +2 -0
- package/dist/chunk-2RQCRE7N.js.map +1 -0
- package/dist/chunk-ATQPXKGH.mjs +2 -0
- package/dist/{chunk-JULVZPCS.mjs.map → chunk-ATQPXKGH.mjs.map} +1 -1
- package/dist/chunk-CF2GOAXC.mjs +2 -0
- package/dist/{chunk-AUQEMOIM.mjs.map → chunk-CF2GOAXC.mjs.map} +1 -1
- package/dist/chunk-CHJJRHD2.mjs +2 -0
- package/dist/{chunk-TXRIFICH.mjs.map → chunk-CHJJRHD2.mjs.map} +1 -1
- package/dist/chunk-CNPQJV2G.js +2 -0
- package/dist/chunk-CNPQJV2G.js.map +1 -0
- package/dist/chunk-DCN2KICL.js +2 -0
- package/dist/chunk-DCN2KICL.js.map +1 -0
- package/dist/chunk-HJ4U5JJA.mjs +2 -0
- package/dist/chunk-HJ4U5JJA.mjs.map +1 -0
- package/dist/chunk-IBJ5USOR.js +2 -0
- package/dist/chunk-IBJ5USOR.js.map +1 -0
- package/dist/chunk-J5EXNAHZ.js +2 -0
- package/dist/chunk-J5EXNAHZ.js.map +1 -0
- package/dist/chunk-JTI7KCLO.mjs +2 -0
- package/dist/chunk-JTI7KCLO.mjs.map +1 -0
- package/dist/chunk-JVGHOCS7.js +2 -0
- package/dist/chunk-JVGHOCS7.js.map +1 -0
- package/dist/chunk-KICZFOKE.js +2 -0
- package/dist/chunk-KICZFOKE.js.map +1 -0
- package/dist/chunk-MXVHKLFU.mjs +2 -0
- package/dist/{chunk-FGI3JA75.mjs.map → chunk-MXVHKLFU.mjs.map} +1 -1
- package/dist/chunk-O7LLHO4I.js +2 -0
- package/dist/chunk-O7LLHO4I.js.map +1 -0
- package/dist/chunk-QZCQ42BP.js +2 -0
- package/dist/chunk-QZCQ42BP.js.map +1 -0
- package/dist/chunk-S23IT4G2.js +2 -0
- package/dist/chunk-S23IT4G2.js.map +1 -0
- package/dist/chunk-TMXZMQRK.mjs +2 -0
- package/dist/{chunk-73S45XV3.mjs.map → chunk-TMXZMQRK.mjs.map} +1 -1
- package/dist/chunk-VDYNVLXR.mjs +2 -0
- package/dist/{chunk-U6VR5RJ5.mjs.map → chunk-VDYNVLXR.mjs.map} +1 -1
- package/dist/chunk-XPJZ6WQM.js +2 -0
- package/dist/chunk-XPJZ6WQM.js.map +1 -0
- package/dist/chunk-YV4UJQ5X.mjs +2 -0
- package/dist/{chunk-EWS3N4OZ.mjs.map → chunk-YV4UJQ5X.mjs.map} +1 -1
- package/dist/chunk-ZLAYTLRK.mjs +2 -0
- package/dist/chunk-ZLAYTLRK.mjs.map +1 -0
- package/dist/chunk-ZMVKHU4U.mjs +2 -0
- package/dist/{chunk-Q24YJU6W.mjs.map → chunk-ZMVKHU4U.mjs.map} +1 -1
- package/dist/code.js +1 -12
- package/dist/code.js.map +1 -1
- package/dist/code.mjs +1 -12
- package/dist/code.mjs.map +1 -1
- package/dist/collapsible.js +1 -12
- package/dist/collapsible.js.map +1 -1
- package/dist/collapsible.mjs +1 -12
- package/dist/collapsible.mjs.map +1 -1
- package/dist/command.js +1 -93
- package/dist/command.js.map +1 -1
- package/dist/command.mjs +1 -93
- package/dist/command.mjs.map +1 -1
- package/dist/container.js +1 -16
- package/dist/container.js.map +1 -1
- package/dist/container.mjs +1 -16
- package/dist/container.mjs.map +1 -1
- package/dist/context-menu.js +1 -153
- package/dist/context-menu.js.map +1 -1
- package/dist/context-menu.mjs +1 -153
- package/dist/context-menu.mjs.map +1 -1
- package/dist/data-table.js +1 -235
- package/dist/data-table.js.map +1 -1
- package/dist/data-table.mjs +1 -235
- package/dist/data-table.mjs.map +1 -1
- package/dist/dialog.js +1 -22
- package/dist/dialog.mjs +1 -22
- package/dist/drawer.js +1 -64
- package/dist/drawer.js.map +1 -1
- package/dist/drawer.mjs +1 -64
- package/dist/drawer.mjs.map +1 -1
- package/dist/dropdown-menu.js +1 -34
- package/dist/dropdown-menu.mjs +1 -34
- package/dist/em.js +1 -12
- package/dist/em.js.map +1 -1
- package/dist/em.mjs +1 -12
- package/dist/em.mjs.map +1 -1
- package/dist/form.js +1 -91
- package/dist/form.js.map +1 -1
- package/dist/form.mjs +1 -91
- package/dist/form.mjs.map +1 -1
- package/dist/heading.js +1 -12
- package/dist/heading.js.map +1 -1
- package/dist/heading.mjs +1 -12
- package/dist/heading.mjs.map +1 -1
- package/dist/hover-card.js +1 -35
- package/dist/hover-card.js.map +1 -1
- package/dist/hover-card.mjs +1 -35
- package/dist/hover-card.mjs.map +1 -1
- package/dist/input-otp.js +1 -62
- package/dist/input-otp.js.map +1 -1
- package/dist/input-otp.mjs +1 -62
- package/dist/input-otp.mjs.map +1 -1
- package/dist/input.js +1 -28
- package/dist/input.js.map +1 -1
- package/dist/input.mjs +1 -28
- package/dist/input.mjs.map +1 -1
- package/dist/kbd.js +1 -26
- package/dist/kbd.js.map +1 -1
- package/dist/kbd.mjs +1 -26
- package/dist/kbd.mjs.map +1 -1
- package/dist/label.js +1 -8
- package/dist/label.mjs +1 -8
- package/dist/menubar.js +1 -168
- package/dist/menubar.js.map +1 -1
- package/dist/menubar.mjs +1 -168
- package/dist/menubar.mjs.map +1 -1
- package/dist/navigation-menu.js +1 -119
- package/dist/navigation-menu.js.map +1 -1
- package/dist/navigation-menu.mjs +1 -119
- package/dist/navigation-menu.mjs.map +1 -1
- package/dist/pagination.js +1 -86
- package/dist/pagination.js.map +1 -1
- package/dist/pagination.mjs +1 -86
- package/dist/pagination.mjs.map +1 -1
- package/dist/perspective.plugin.js +2 -0
- package/dist/perspective.plugin.js.map +1 -0
- package/dist/perspective.plugin.mjs +2 -0
- package/dist/perspective.plugin.mjs.map +1 -0
- package/dist/popover.js +1 -37
- package/dist/popover.js.map +1 -1
- package/dist/popover.mjs +1 -37
- package/dist/popover.mjs.map +1 -1
- package/dist/pre.js +1 -12
- package/dist/pre.js.map +1 -1
- package/dist/pre.mjs +1 -12
- package/dist/pre.mjs.map +1 -1
- package/dist/progress.js +1 -30
- package/dist/progress.js.map +1 -1
- package/dist/progress.mjs +1 -30
- package/dist/progress.mjs.map +1 -1
- package/dist/quote.js +1 -12
- package/dist/quote.js.map +1 -1
- package/dist/quote.mjs +1 -12
- package/dist/quote.mjs.map +1 -1
- package/dist/radio-cards.js +1 -31
- package/dist/radio-cards.js.map +1 -1
- package/dist/radio-cards.mjs +1 -31
- package/dist/radio-cards.mjs.map +1 -1
- package/dist/radio-group.js +1 -32
- package/dist/radio-group.js.map +1 -1
- package/dist/radio-group.mjs +1 -32
- package/dist/radio-group.mjs.map +1 -1
- package/dist/radio.js +1 -28
- package/dist/radio.js.map +1 -1
- package/dist/radio.mjs +1 -28
- package/dist/radio.mjs.map +1 -1
- package/dist/resizable.js +1 -44
- package/dist/resizable.js.map +1 -1
- package/dist/resizable.mjs +1 -44
- package/dist/resizable.mjs.map +1 -1
- package/dist/scroll-area.js +1 -38
- package/dist/scroll-area.js.map +1 -1
- package/dist/scroll-area.mjs +1 -38
- package/dist/scroll-area.mjs.map +1 -1
- package/dist/section.js +1 -12
- package/dist/section.js.map +1 -1
- package/dist/section.mjs +1 -12
- package/dist/section.mjs.map +1 -1
- package/dist/select.js +1 -26
- package/dist/select.mjs +1 -26
- package/dist/separator.js +1 -25
- package/dist/separator.js.map +1 -1
- package/dist/separator.mjs +1 -25
- package/dist/separator.mjs.map +1 -1
- package/dist/sheet.js +1 -64
- package/dist/sheet.js.map +1 -1
- package/dist/sheet.mjs +1 -64
- package/dist/sheet.mjs.map +1 -1
- package/dist/skeleton.js +1 -12
- package/dist/skeleton.js.map +1 -1
- package/dist/skeleton.mjs +1 -12
- package/dist/skeleton.mjs.map +1 -1
- package/dist/slider.js +1 -32
- package/dist/slider.js.map +1 -1
- package/dist/slider.mjs +1 -32
- package/dist/slider.mjs.map +1 -1
- package/dist/sonner.js +1 -29
- package/dist/sonner.js.map +1 -1
- package/dist/sonner.mjs +1 -29
- package/dist/sonner.mjs.map +1 -1
- package/dist/spinner.js +1 -7
- package/dist/spinner.mjs +1 -7
- package/dist/strong.js +1 -12
- package/dist/strong.js.map +1 -1
- package/dist/strong.mjs +1 -12
- package/dist/strong.mjs.map +1 -1
- package/dist/switch.js +1 -25
- package/dist/switch.js.map +1 -1
- package/dist/switch.mjs +1 -25
- package/dist/switch.mjs.map +1 -1
- package/dist/table.js +1 -50
- package/dist/table.js.map +1 -1
- package/dist/table.mjs +1 -50
- package/dist/table.mjs.map +1 -1
- package/dist/tabs.js +1 -52
- package/dist/tabs.js.map +1 -1
- package/dist/tabs.mjs +1 -52
- package/dist/tabs.mjs.map +1 -1
- package/dist/tailwind.config.js +1 -383
- package/dist/tailwind.config.js.map +1 -1
- package/dist/tailwind.config.mjs +1 -383
- package/dist/tailwind.config.mjs.map +1 -1
- package/dist/text.js +1 -12
- package/dist/text.js.map +1 -1
- package/dist/text.mjs +1 -12
- package/dist/text.mjs.map +1 -1
- package/dist/textarea.js +1 -24
- package/dist/textarea.js.map +1 -1
- package/dist/textarea.mjs +1 -24
- package/dist/textarea.mjs.map +1 -1
- package/dist/toggle-group.js +1 -56
- package/dist/toggle-group.js.map +1 -1
- package/dist/toggle-group.mjs +1 -56
- package/dist/toggle-group.mjs.map +1 -1
- package/dist/toggle.js +1 -10
- package/dist/toggle.mjs +1 -10
- package/dist/tooltip.js +1 -36
- package/dist/tooltip.js.map +1 -1
- package/dist/tooltip.mjs +1 -36
- package/dist/tooltip.mjs.map +1 -1
- package/dist/utils.js +1 -10
- package/dist/utils.mjs +1 -10
- package/package.json +6 -10
- package/dist/chunk-3ZZ3SRTJ.js +0 -148
- package/dist/chunk-3ZZ3SRTJ.js.map +0 -1
- package/dist/chunk-73S45XV3.mjs +0 -51
- package/dist/chunk-AOIW2XNK.js +0 -34
- package/dist/chunk-AOIW2XNK.js.map +0 -1
- package/dist/chunk-AUQEMOIM.mjs +0 -34
- package/dist/chunk-BA3XYBWR.js +0 -120
- package/dist/chunk-BA3XYBWR.js.map +0 -1
- package/dist/chunk-EWS3N4OZ.mjs +0 -148
- package/dist/chunk-FGI3JA75.mjs +0 -25
- package/dist/chunk-G3NP7M2N.js +0 -19
- package/dist/chunk-G3NP7M2N.js.map +0 -1
- package/dist/chunk-IVYGBU4G.js +0 -25
- package/dist/chunk-IVYGBU4G.js.map +0 -1
- package/dist/chunk-JULVZPCS.mjs +0 -120
- package/dist/chunk-MOJNV3XZ.js +0 -120
- package/dist/chunk-MOJNV3XZ.js.map +0 -1
- package/dist/chunk-Q24YJU6W.mjs +0 -120
- package/dist/chunk-TFYKPLNV.js +0 -73
- package/dist/chunk-TFYKPLNV.js.map +0 -1
- package/dist/chunk-TH24V27M.js +0 -67
- package/dist/chunk-TH24V27M.js.map +0 -1
- package/dist/chunk-TXRIFICH.mjs +0 -67
- package/dist/chunk-U6VR5RJ5.mjs +0 -73
- package/dist/chunk-UG3URV2Z.mjs +0 -19
- package/dist/chunk-UG3URV2Z.mjs.map +0 -1
- package/dist/chunk-Y3DZHPJ5.js +0 -51
- package/dist/chunk-Y3DZHPJ5.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/toggle.tsx"],"names":[],"mappings":";;;;;AAEA,YAAY,WAAW;AACvB,YAAY,qBAAqB;AAqC/B;AA7BF,IAAM,iBAAiB,IAAI;AAAA,EACzB,MAAM;AAAA,EACN,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: \"hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\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"]}
|
package/dist/chunk-AUQEMOIM.mjs
DELETED
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
cva
|
|
3
|
-
} from "./chunk-UG3URV2Z.mjs";
|
|
4
|
-
|
|
5
|
-
// src/toggle.tsx
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
import * as TogglePrimitive from "@radix-ui/react-toggle";
|
|
8
|
-
import { jsx } from "react/jsx-runtime";
|
|
9
|
-
var toggleVariants = cva({
|
|
10
|
-
base: "hover:bg-muted hover:text-muted-foreground focus-visible:ring-ring data-[state=on]:bg-accent data-[state=on]:text-accent-foreground inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
|
|
11
|
-
variants: {
|
|
12
|
-
variant: {
|
|
13
|
-
default: "bg-transparent",
|
|
14
|
-
outline: "border-input hover:bg-accent hover:text-accent-foreground border bg-transparent shadow-sm"
|
|
15
|
-
},
|
|
16
|
-
size: {
|
|
17
|
-
default: "h-10 px-3",
|
|
18
|
-
sm: "h-9 px-2.5",
|
|
19
|
-
lg: "h-11 px-5"
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
defaultVariants: {
|
|
23
|
-
variant: "default",
|
|
24
|
-
size: "default"
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
var Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(TogglePrimitive.Root, { ref, className: toggleVariants({ variant, size, className }), ...props }));
|
|
28
|
-
Toggle.displayName = TogglePrimitive.Root.displayName;
|
|
29
|
-
|
|
30
|
-
export {
|
|
31
|
-
toggleVariants,
|
|
32
|
-
Toggle
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=chunk-AUQEMOIM.mjs.map
|
package/dist/chunk-BA3XYBWR.js
DELETED
|
@@ -1,120 +0,0 @@
|
|
|
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
|
-
|
|
3
|
-
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
4
|
-
|
|
5
|
-
// src/select.tsx
|
|
6
|
-
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
7
|
-
var _reacticons = require('@radix-ui/react-icons');
|
|
8
|
-
var _reactselect = require('@radix-ui/react-select'); var SelectPrimitive = _interopRequireWildcard(_reactselect);
|
|
9
|
-
var _jsxruntime = require('react/jsx-runtime');
|
|
10
|
-
var Select = SelectPrimitive.Root;
|
|
11
|
-
var SelectGroup = SelectPrimitive.Group;
|
|
12
|
-
var SelectValue = SelectPrimitive.Value;
|
|
13
|
-
var SelectTrigger = React.forwardRef(
|
|
14
|
-
({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
15
|
-
SelectPrimitive.Trigger,
|
|
16
|
-
{
|
|
17
|
-
ref,
|
|
18
|
-
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
19
|
-
"border-input placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full items-center justify-between gap-2 whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:truncate",
|
|
20
|
-
className
|
|
21
|
-
),
|
|
22
|
-
...props,
|
|
23
|
-
children: [
|
|
24
|
-
children,
|
|
25
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.CaretSortIcon, { className: "size-4 opacity-50" }) })
|
|
26
|
-
]
|
|
27
|
-
}
|
|
28
|
-
)
|
|
29
|
-
);
|
|
30
|
-
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
31
|
-
var SelectScrollUpButton = React.forwardRef(
|
|
32
|
-
({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
33
|
-
SelectPrimitive.ScrollUpButton,
|
|
34
|
-
{
|
|
35
|
-
ref,
|
|
36
|
-
className: _chunkG3NP7M2Njs.cn.call(void 0, "flex cursor-default items-center justify-center py-1", className),
|
|
37
|
-
...props,
|
|
38
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.ChevronUpIcon, {})
|
|
39
|
-
}
|
|
40
|
-
)
|
|
41
|
-
);
|
|
42
|
-
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
43
|
-
var SelectScrollDownButton = React.forwardRef(
|
|
44
|
-
({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
45
|
-
SelectPrimitive.ScrollDownButton,
|
|
46
|
-
{
|
|
47
|
-
ref,
|
|
48
|
-
className: _chunkG3NP7M2Njs.cn.call(void 0, "flex cursor-default items-center justify-center py-1", className),
|
|
49
|
-
...props,
|
|
50
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.ChevronDownIcon, {})
|
|
51
|
-
}
|
|
52
|
-
)
|
|
53
|
-
);
|
|
54
|
-
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
55
|
-
var SelectContent = React.forwardRef(
|
|
56
|
-
({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Portal, { children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
57
|
-
SelectPrimitive.Content,
|
|
58
|
-
{
|
|
59
|
-
ref,
|
|
60
|
-
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
61
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md",
|
|
62
|
-
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",
|
|
63
|
-
className
|
|
64
|
-
),
|
|
65
|
-
position,
|
|
66
|
-
...props,
|
|
67
|
-
children: [
|
|
68
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectScrollUpButton, {}),
|
|
69
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
70
|
-
SelectPrimitive.Viewport,
|
|
71
|
-
{
|
|
72
|
-
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
73
|
-
"p-1",
|
|
74
|
-
position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
|
|
75
|
-
),
|
|
76
|
-
children
|
|
77
|
-
}
|
|
78
|
-
),
|
|
79
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectScrollDownButton, {})
|
|
80
|
-
]
|
|
81
|
-
}
|
|
82
|
-
) })
|
|
83
|
-
);
|
|
84
|
-
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
85
|
-
var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Label, { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "px-2 py-1.5 text-sm font-semibold", className), ...props }));
|
|
86
|
-
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
87
|
-
var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0,
|
|
88
|
-
SelectPrimitive.Item,
|
|
89
|
-
{
|
|
90
|
-
ref,
|
|
91
|
-
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
92
|
-
"focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
93
|
-
className
|
|
94
|
-
),
|
|
95
|
-
...props,
|
|
96
|
-
children: [
|
|
97
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacticons.CheckIcon, { className: "size-4" }) }) }),
|
|
98
|
-
/* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.ItemText, { children })
|
|
99
|
-
]
|
|
100
|
-
}
|
|
101
|
-
));
|
|
102
|
-
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
103
|
-
var SelectSeparator = React.forwardRef(
|
|
104
|
-
({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SelectPrimitive.Separator, { ref, className: _chunkG3NP7M2Njs.cn.call(void 0, "bg-muted -mx-1 my-1 h-px", className), ...props })
|
|
105
|
-
);
|
|
106
|
-
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
exports.Select = Select; exports.SelectGroup = SelectGroup; exports.SelectValue = SelectValue; exports.SelectTrigger = SelectTrigger; exports.SelectScrollUpButton = SelectScrollUpButton; exports.SelectScrollDownButton = SelectScrollDownButton; exports.SelectContent = SelectContent; exports.SelectLabel = SelectLabel; exports.SelectItem = SelectItem; exports.SelectSeparator = SelectSeparator;
|
|
120
|
-
//# sourceMappingURL=chunk-BA3XYBWR.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/select.tsx"],"names":[],"mappings":";;;;;AAEA,YAAY,WAAW;AACvB,SAAS,eAAe,WAAW,iBAAiB,qBAAqB;AACzE,YAAY,qBAAqB;AAiC7B,SAUI,KAVJ;AAzBJ,IAAM,SAAyB;AAO/B,IAAM,cAA8B;AAOpC,IAAM,cAA8B;AASpC,IAAM,gBAAsB;AAAA,EAC1B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAClC;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD,oBAAiB,sBAAhB,EAAqB,SAAO,MAC3B,8BAAC,iBAAc,WAAU,qBAAoB,GAC/C;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,cAA8B,wBAAQ;AASpD,IAAM,uBAA6B;AAAA,EACjC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,wDAAwD,SAAS;AAAA,MAC9E,GAAG;AAAA,MAEJ,8BAAC,iBAAc;AAAA;AAAA,EACjB;AAEJ;AAEA,qBAAqB,cAA8B,+BAAe;AASlE,IAAM,yBAA+B;AAAA,EACnC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,wDAAwD,SAAS;AAAA,MAC9E,GAAG;AAAA,MAEJ,8BAAC,mBAAgB;AAAA;AAAA,EACnB;AAEJ;AAEA,uBAAuB,cAA8B,iCAAiB;AAStE,IAAM,gBAAsB;AAAA,EAC1B,CAAC,EAAE,WAAW,UAAU,WAAW,UAAU,GAAG,MAAM,GAAG,QACvD,oBAAiB,wBAAhB,EACC;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,aAAa,YACX;AAAA,QACF;AAAA,MACF;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,4BAAC,wBAAqB;AAAA,QACtB;AAAA,UAAiB;AAAA,UAAhB;AAAA,YACC,WAAW;AAAA,cACT;AAAA,cACA,aAAa,YACX;AAAA,YACJ;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QACA,oBAAC,0BAAuB;AAAA;AAAA;AAAA,EAC1B,GACF;AAEJ;AAEA,cAAc,cAA8B,wBAAQ;AASpD,IAAM,cAAoB,iBAAiD,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACnG,oBAAiB,uBAAhB,EAAsB,KAAU,WAAW,GAAG,qCAAqC,SAAS,GAAI,GAAG,OAAO,CAC5G;AAED,YAAY,cAA8B,sBAAM;AAShD,IAAM,aAAmB,iBAA+C,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QAC1G;AAAA,EAAiB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEJ;AAAA,0BAAC,UAAK,WAAU,8DACd,8BAAiB,+BAAhB,EACC,8BAAC,aAAU,WAAU,UAAS,GAChC,GACF;AAAA,MACA,oBAAiB,0BAAhB,EAA0B,UAAS;AAAA;AAAA;AACtC,CACD;AAED,WAAW,cAA8B,qBAAK;AAS9C,IAAM,kBAAwB;AAAA,EAC5B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAiB,2BAAhB,EAA0B,KAAU,WAAW,GAAG,4BAA4B,SAAS,GAAI,GAAG,OAAO;AAE1G;AAEA,gBAAgB,cAA8B,0BAAU","sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { CaretSortIcon, CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"@radix-ui/react-icons\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Select\n * -------------------------------------------------------------------------- */\n\ntype SelectProps = React.ComponentProps<typeof SelectPrimitive.Root>;\nconst Select = SelectPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectGroup\n * -------------------------------------------------------------------------- */\n\ntype SelectGroupProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Group>;\nconst SelectGroup = SelectPrimitive.Group;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectValue\n * -------------------------------------------------------------------------- */\n\ntype SelectValueProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Value>;\nconst SelectValue = SelectPrimitive.Value;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectTrigger\n * -------------------------------------------------------------------------- */\n\ntype SelectTriggerElement = React.ElementRef<typeof SelectPrimitive.Trigger>;\ntype SelectTriggerProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>;\n\nconst SelectTrigger = React.forwardRef<SelectTriggerElement, SelectTriggerProps>(\n ({ className, children, ...props }, ref) => (\n <SelectPrimitive.Trigger\n ref={ref}\n className={cn(\n \"border-input placeholder:text-muted-foreground focus-visible:ring-ring flex h-10 w-full items-center justify-between gap-2 whitespace-nowrap rounded-md border bg-transparent px-3 text-sm shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 [&>span]:truncate\",\n className,\n )}\n {...props}\n >\n {children}\n <SelectPrimitive.Icon asChild>\n <CaretSortIcon className=\"size-4 opacity-50\" />\n </SelectPrimitive.Icon>\n </SelectPrimitive.Trigger>\n ),\n);\n\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollUpButton\n * -------------------------------------------------------------------------- */\n\ntype SelectScrollUpButtonElement = React.ElementRef<typeof SelectPrimitive.ScrollUpButton>;\ntype SelectScrollUpButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>;\n\nconst SelectScrollUpButton = React.forwardRef<SelectScrollUpButtonElement, SelectScrollUpButtonProps>(\n ({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollUpButton\n ref={ref}\n className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\n {...props}\n >\n <ChevronUpIcon />\n </SelectPrimitive.ScrollUpButton>\n ),\n);\n\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectScrollDownButton\n * -------------------------------------------------------------------------- */\n\ntype SelectScrollDownButtonElement = React.ElementRef<typeof SelectPrimitive.ScrollDownButton>;\ntype SelectScrollDownButtonProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>;\n\nconst SelectScrollDownButton = React.forwardRef<SelectScrollDownButtonElement, SelectScrollDownButtonProps>(\n ({ className, ...props }, ref) => (\n <SelectPrimitive.ScrollDownButton\n ref={ref}\n className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\n {...props}\n >\n <ChevronDownIcon />\n </SelectPrimitive.ScrollDownButton>\n ),\n);\n\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectContent\n * -------------------------------------------------------------------------- */\n\ntype SelectContentElement = React.ElementRef<typeof SelectPrimitive.Content>;\ntype SelectContentProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>;\n\nconst SelectContent = React.forwardRef<SelectContentElement, SelectContentProps>(\n ({ className, children, position = \"popper\", ...props }, ref) => (\n <SelectPrimitive.Portal>\n <SelectPrimitive.Content\n ref={ref}\n className={cn(\n \"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md\",\n position === \"popper\" &&\n \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n className,\n )}\n position={position}\n {...props}\n >\n <SelectScrollUpButton />\n <SelectPrimitive.Viewport\n className={cn(\n \"p-1\",\n position === \"popper\" &&\n \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\n )}\n >\n {children}\n </SelectPrimitive.Viewport>\n <SelectScrollDownButton />\n </SelectPrimitive.Content>\n </SelectPrimitive.Portal>\n ),\n);\n\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectLabel\n * -------------------------------------------------------------------------- */\n\ntype SelectLabelElement = React.ElementRef<typeof SelectPrimitive.Label>;\ntype SelectLabelProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>;\n\nconst SelectLabel = React.forwardRef<SelectLabelElement, SelectLabelProps>(({ className, ...props }, ref) => (\n <SelectPrimitive.Label ref={ref} className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)} {...props} />\n));\n\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectItem\n * -------------------------------------------------------------------------- */\n\ntype SelectItemElement = React.ElementRef<typeof SelectPrimitive.Item>;\ntype SelectItemProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>;\n\nconst SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>(({ className, children, ...props }, ref) => (\n <SelectPrimitive.Item\n ref={ref}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50\",\n className,\n )}\n {...props}\n >\n <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n <SelectPrimitive.ItemIndicator>\n <CheckIcon className=\"size-4\" />\n </SelectPrimitive.ItemIndicator>\n </span>\n <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n </SelectPrimitive.Item>\n));\n\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: SelectSeparator\n * -------------------------------------------------------------------------- */\n\ntype SelectSeparatorElement = React.ElementRef<typeof SelectPrimitive.Separator>;\ntype SelectSeparatorProps = React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>;\n\nconst SelectSeparator = React.forwardRef<SelectSeparatorElement, SelectSeparatorProps>(\n ({ className, ...props }, ref) => (\n <SelectPrimitive.Separator ref={ref} className={cn(\"bg-muted -mx-1 my-1 h-px\", className)} {...props} />\n ),\n);\n\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n Select,\n SelectGroup,\n SelectValue,\n SelectTrigger,\n SelectContent,\n SelectLabel,\n SelectItem,\n SelectSeparator,\n SelectScrollUpButton,\n SelectScrollDownButton,\n type SelectProps,\n type SelectGroupProps,\n type SelectValueProps,\n type SelectTriggerProps,\n type SelectContentProps,\n type SelectLabelProps,\n type SelectItemProps,\n type SelectSeparatorProps,\n type SelectScrollUpButtonProps,\n type SelectScrollDownButtonProps,\n};\n"]}
|
package/dist/chunk-EWS3N4OZ.mjs
DELETED
|
@@ -1,148 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
cn
|
|
3
|
-
} from "./chunk-UG3URV2Z.mjs";
|
|
4
|
-
|
|
5
|
-
// src/dropdown-menu.tsx
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
|
|
8
|
-
import { CheckIcon, ChevronRightIcon, DotFilledIcon } from "@radix-ui/react-icons";
|
|
9
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
-
var DropdownMenu = DropdownMenuPrimitive.Root;
|
|
11
|
-
var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
|
12
|
-
var DropdownMenuGroup = DropdownMenuPrimitive.Group;
|
|
13
|
-
var DropdownMenuSub = DropdownMenuPrimitive.Sub;
|
|
14
|
-
var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
|
|
15
|
-
var DropdownMenuSubTrigger = React.forwardRef(
|
|
16
|
-
({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
17
|
-
DropdownMenuPrimitive.SubTrigger,
|
|
18
|
-
{
|
|
19
|
-
ref,
|
|
20
|
-
className: cn(
|
|
21
|
-
"focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm focus:outline-none",
|
|
22
|
-
inset && "pl-8",
|
|
23
|
-
className
|
|
24
|
-
),
|
|
25
|
-
...props,
|
|
26
|
-
children: [
|
|
27
|
-
children,
|
|
28
|
-
/* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })
|
|
29
|
-
]
|
|
30
|
-
}
|
|
31
|
-
)
|
|
32
|
-
);
|
|
33
|
-
DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
|
|
34
|
-
var DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
35
|
-
DropdownMenuPrimitive.SubContent,
|
|
36
|
-
{
|
|
37
|
-
ref,
|
|
38
|
-
className: cn(
|
|
39
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md focus:outline-none",
|
|
40
|
-
className
|
|
41
|
-
),
|
|
42
|
-
...props
|
|
43
|
-
}
|
|
44
|
-
) }));
|
|
45
|
-
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
|
46
|
-
var DropdownMenuContent = React.forwardRef(
|
|
47
|
-
({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
48
|
-
DropdownMenuPrimitive.Content,
|
|
49
|
-
{
|
|
50
|
-
ref,
|
|
51
|
-
sideOffset,
|
|
52
|
-
className: cn(
|
|
53
|
-
"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 z-50 min-w-[8rem] rounded-md border p-1 shadow-md focus:outline-none",
|
|
54
|
-
className
|
|
55
|
-
),
|
|
56
|
-
...props
|
|
57
|
-
}
|
|
58
|
-
) })
|
|
59
|
-
);
|
|
60
|
-
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
|
|
61
|
-
var DropdownMenuItem = React.forwardRef(
|
|
62
|
-
({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
63
|
-
DropdownMenuPrimitive.Item,
|
|
64
|
-
{
|
|
65
|
-
ref,
|
|
66
|
-
className: cn(
|
|
67
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm transition-colors focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
68
|
-
inset && "pl-8",
|
|
69
|
-
className
|
|
70
|
-
),
|
|
71
|
-
...props
|
|
72
|
-
}
|
|
73
|
-
)
|
|
74
|
-
);
|
|
75
|
-
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
|
|
76
|
-
var DropdownMenuCheckboxItem = React.forwardRef(
|
|
77
|
-
({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
78
|
-
DropdownMenuPrimitive.CheckboxItem,
|
|
79
|
-
{
|
|
80
|
-
ref,
|
|
81
|
-
className: cn(
|
|
82
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm transition-colors focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
83
|
-
className
|
|
84
|
-
),
|
|
85
|
-
checked,
|
|
86
|
-
...props,
|
|
87
|
-
children: [
|
|
88
|
-
/* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
|
|
89
|
-
children
|
|
90
|
-
]
|
|
91
|
-
}
|
|
92
|
-
)
|
|
93
|
-
);
|
|
94
|
-
DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
|
|
95
|
-
var DropdownMenuRadioItem = React.forwardRef(
|
|
96
|
-
({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
|
|
97
|
-
DropdownMenuPrimitive.RadioItem,
|
|
98
|
-
{
|
|
99
|
-
ref,
|
|
100
|
-
className: cn(
|
|
101
|
-
"focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm transition-colors focus:outline-none aria-disabled:pointer-events-none aria-disabled:opacity-50",
|
|
102
|
-
className
|
|
103
|
-
),
|
|
104
|
-
...props,
|
|
105
|
-
children: [
|
|
106
|
-
/* @__PURE__ */ jsx("span", { className: "absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(DotFilledIcon, { className: "size-4 fill-current" }) }) }),
|
|
107
|
-
children
|
|
108
|
-
]
|
|
109
|
-
}
|
|
110
|
-
)
|
|
111
|
-
);
|
|
112
|
-
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
|
|
113
|
-
var DropdownMenuLabel = React.forwardRef(
|
|
114
|
-
({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
115
|
-
DropdownMenuPrimitive.Label,
|
|
116
|
-
{
|
|
117
|
-
ref,
|
|
118
|
-
className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
|
|
119
|
-
...props
|
|
120
|
-
}
|
|
121
|
-
)
|
|
122
|
-
);
|
|
123
|
-
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
|
|
124
|
-
var DropdownMenuSeparator = React.forwardRef(
|
|
125
|
-
({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, { ref, className: cn("bg-muted -mx-1 my-1 h-px", className), ...props })
|
|
126
|
-
);
|
|
127
|
-
DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
|
|
128
|
-
function DropdownMenuShortcut({ className, ...props }) {
|
|
129
|
-
return /* @__PURE__ */ jsx("span", { className: cn("ml-auto text-xs tracking-widest opacity-60", className), ...props });
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
export {
|
|
133
|
-
DropdownMenu,
|
|
134
|
-
DropdownMenuTrigger,
|
|
135
|
-
DropdownMenuGroup,
|
|
136
|
-
DropdownMenuSub,
|
|
137
|
-
DropdownMenuRadioGroup,
|
|
138
|
-
DropdownMenuSubTrigger,
|
|
139
|
-
DropdownMenuSubContent,
|
|
140
|
-
DropdownMenuContent,
|
|
141
|
-
DropdownMenuItem,
|
|
142
|
-
DropdownMenuCheckboxItem,
|
|
143
|
-
DropdownMenuRadioItem,
|
|
144
|
-
DropdownMenuLabel,
|
|
145
|
-
DropdownMenuSeparator,
|
|
146
|
-
DropdownMenuShortcut
|
|
147
|
-
};
|
|
148
|
-
//# sourceMappingURL=chunk-EWS3N4OZ.mjs.map
|
package/dist/chunk-FGI3JA75.mjs
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import {
|
|
2
|
-
cn
|
|
3
|
-
} from "./chunk-UG3URV2Z.mjs";
|
|
4
|
-
|
|
5
|
-
// src/label.tsx
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
8
|
-
import { jsx } from "react/jsx-runtime";
|
|
9
|
-
var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
|
|
10
|
-
LabelPrimitive.Root,
|
|
11
|
-
{
|
|
12
|
-
ref,
|
|
13
|
-
className: cn(
|
|
14
|
-
"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
|
|
15
|
-
className
|
|
16
|
-
),
|
|
17
|
-
...props
|
|
18
|
-
}
|
|
19
|
-
));
|
|
20
|
-
Label.displayName = LabelPrimitive.Root.displayName;
|
|
21
|
-
|
|
22
|
-
export {
|
|
23
|
-
Label
|
|
24
|
-
};
|
|
25
|
-
//# sourceMappingURL=chunk-FGI3JA75.mjs.map
|
package/dist/chunk-G3NP7M2N.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils.ts
|
|
2
|
-
var _tailwindmerge = require('tailwind-merge');
|
|
3
|
-
var _cva = require('cva');
|
|
4
|
-
var {
|
|
5
|
-
cva,
|
|
6
|
-
cx: cn,
|
|
7
|
-
compose
|
|
8
|
-
} = _cva.defineConfig.call(void 0, {
|
|
9
|
-
hooks: {
|
|
10
|
-
onComplete: (className) => _tailwindmerge.twMerge.call(void 0, className)
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
exports.cva = cva; exports.cn = cn; exports.compose = compose;
|
|
19
|
-
//# sourceMappingURL=chunk-G3NP7M2N.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/utils.ts"],"names":[],"mappings":";AAAA,SAAS,eAAe;AACxB,SAAS,oBAAoB;AAEtB,IAAM;AAAA,EACX;AAAA,EACA,IAAI;AAAA,EACJ;AACF,IAAI,aAAa;AAAA,EACf,OAAO;AAAA,IACL,YAAY,CAAC,cAAc,QAAQ,SAAS;AAAA,EAC9C;AACF,CAAC","sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport { defineConfig } from \"cva\";\n\nexport const {\n cva,\n cx: cn,\n compose,\n} = defineConfig({\n hooks: {\n onComplete: (className) => twMerge(className),\n },\n});\n"]}
|
package/dist/chunk-IVYGBU4G.js
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
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
|
-
|
|
3
|
-
var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
|
|
4
|
-
|
|
5
|
-
// src/label.tsx
|
|
6
|
-
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
7
|
-
var _reactlabel = require('@radix-ui/react-label'); var LabelPrimitive = _interopRequireWildcard(_reactlabel);
|
|
8
|
-
var _jsxruntime = require('react/jsx-runtime');
|
|
9
|
-
var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
10
|
-
LabelPrimitive.Root,
|
|
11
|
-
{
|
|
12
|
-
ref,
|
|
13
|
-
className: _chunkG3NP7M2Njs.cn.call(void 0,
|
|
14
|
-
"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
|
|
15
|
-
className
|
|
16
|
-
),
|
|
17
|
-
...props
|
|
18
|
-
}
|
|
19
|
-
));
|
|
20
|
-
Label.displayName = LabelPrimitive.Root.displayName;
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
exports.Label = Label;
|
|
25
|
-
//# sourceMappingURL=chunk-IVYGBU4G.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/label.tsx"],"names":[],"mappings":";;;;;AACA,YAAY,WAAW;AACvB,YAAY,oBAAoB;AAW9B;AADF,IAAM,QAAc,iBAAqC,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACjF;AAAA,EAAgB;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AAED,MAAM,cAA6B,oBAAK","sourcesContent":["\"use client\";\nimport * as React from \"react\";\nimport * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Label\n * -------------------------------------------------------------------------- */\n\ntype LabelElement = React.ElementRef<typeof LabelPrimitive.Root>;\ntype LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;\n\nconst Label = React.forwardRef<LabelElement, LabelProps>(({ className, ...props }, ref) => (\n <LabelPrimitive.Root\n ref={ref}\n className={cn(\n \"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n className,\n )}\n {...props}\n />\n));\n\nLabel.displayName = LabelPrimitive.Root.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Label, type LabelProps };\n"]}
|
package/dist/chunk-JULVZPCS.mjs
DELETED
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
// src/checkbox-group.primitive.tsx
|
|
2
|
-
import * as React from "react";
|
|
3
|
-
import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
|
|
4
|
-
import { createCheckboxScope } from "@radix-ui/react-checkbox";
|
|
5
|
-
import { createContextScope } from "@radix-ui/react-context";
|
|
6
|
-
import * as RovingFocusGroup from "@radix-ui/react-roving-focus";
|
|
7
|
-
import { createRovingFocusGroupScope } from "@radix-ui/react-roving-focus";
|
|
8
|
-
import { useControllableState } from "@radix-ui/react-use-controllable-state";
|
|
9
|
-
import { useDirection } from "@radix-ui/react-direction";
|
|
10
|
-
import { Primitive } from "@radix-ui/react-primitive";
|
|
11
|
-
import { jsx } from "react/jsx-runtime";
|
|
12
|
-
var CHECKBOX_GROUP_NAME = "CheckboxGroup";
|
|
13
|
-
var [createCheckboxGroupContext, createCheckboxGroupScope] = createContextScope(CHECKBOX_GROUP_NAME, [
|
|
14
|
-
createRovingFocusGroupScope,
|
|
15
|
-
createCheckboxScope
|
|
16
|
-
]);
|
|
17
|
-
var useRovingFocusGroupScope = createRovingFocusGroupScope();
|
|
18
|
-
var useCheckboxScope = createCheckboxScope();
|
|
19
|
-
var [CheckboxGroupProvider, useCheckboxGroupContext] = createCheckboxGroupContext(CHECKBOX_GROUP_NAME);
|
|
20
|
-
var CheckboxGroup = React.forwardRef(
|
|
21
|
-
({
|
|
22
|
-
__scopeCheckboxGroup,
|
|
23
|
-
name,
|
|
24
|
-
defaultValue,
|
|
25
|
-
value: valueProp,
|
|
26
|
-
required = false,
|
|
27
|
-
disabled = false,
|
|
28
|
-
orientation,
|
|
29
|
-
dir,
|
|
30
|
-
loop = true,
|
|
31
|
-
onValueChange,
|
|
32
|
-
...props
|
|
33
|
-
}, ref) => {
|
|
34
|
-
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
|
|
35
|
-
const direction = useDirection(dir);
|
|
36
|
-
const [value = [], setValue] = useControllableState({
|
|
37
|
-
prop: valueProp,
|
|
38
|
-
defaultProp: defaultValue,
|
|
39
|
-
onChange: onValueChange
|
|
40
|
-
});
|
|
41
|
-
const handleItemCheck = React.useCallback(
|
|
42
|
-
(itemValue) => {
|
|
43
|
-
setValue((prevValue = []) => [...prevValue, itemValue]);
|
|
44
|
-
},
|
|
45
|
-
[setValue]
|
|
46
|
-
);
|
|
47
|
-
const handleItemUncheck = React.useCallback(
|
|
48
|
-
(itemValue) => {
|
|
49
|
-
setValue((prevValue = []) => prevValue.filter((val) => val !== itemValue));
|
|
50
|
-
},
|
|
51
|
-
[setValue]
|
|
52
|
-
);
|
|
53
|
-
return /* @__PURE__ */ jsx(
|
|
54
|
-
CheckboxGroupProvider,
|
|
55
|
-
{
|
|
56
|
-
scope: __scopeCheckboxGroup,
|
|
57
|
-
name,
|
|
58
|
-
required,
|
|
59
|
-
disabled,
|
|
60
|
-
value,
|
|
61
|
-
onItemCheck: handleItemCheck,
|
|
62
|
-
onItemUncheck: handleItemUncheck,
|
|
63
|
-
children: /* @__PURE__ */ jsx(RovingFocusGroup.Root, { asChild: true, ...rovingFocusGroupScope, orientation, dir: direction, loop, children: /* @__PURE__ */ jsx(Primitive.div, { ref, role: "group", "data-disabled": disabled ? "" : void 0, dir: direction, ...props }) })
|
|
64
|
-
}
|
|
65
|
-
);
|
|
66
|
-
}
|
|
67
|
-
);
|
|
68
|
-
CheckboxGroup.displayName = CHECKBOX_GROUP_NAME;
|
|
69
|
-
var ITEM_NAME = `${CHECKBOX_GROUP_NAME}Item`;
|
|
70
|
-
var CheckboxGroupItem = React.forwardRef(
|
|
71
|
-
({ __scopeCheckboxGroup, disabled, ...props }, ref) => {
|
|
72
|
-
const context = useCheckboxGroupContext(ITEM_NAME, __scopeCheckboxGroup);
|
|
73
|
-
const isDisabled = context.disabled || disabled;
|
|
74
|
-
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
|
|
75
|
-
const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
|
|
76
|
-
const checked = context.value?.includes(props.value);
|
|
77
|
-
return /* @__PURE__ */ jsx(RovingFocusGroup.Item, { asChild: true, ...rovingFocusGroupScope, focusable: !isDisabled, active: checked, children: /* @__PURE__ */ jsx(
|
|
78
|
-
CheckboxPrimitive.Root,
|
|
79
|
-
{
|
|
80
|
-
ref,
|
|
81
|
-
name: context.name,
|
|
82
|
-
disabled: isDisabled,
|
|
83
|
-
required: context.required,
|
|
84
|
-
checked,
|
|
85
|
-
...checkboxScope,
|
|
86
|
-
...props,
|
|
87
|
-
onCheckedChange: (checkedState) => {
|
|
88
|
-
if (checkedState) {
|
|
89
|
-
context.onItemCheck(props.value);
|
|
90
|
-
} else {
|
|
91
|
-
context.onItemUncheck(props.value);
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
) });
|
|
96
|
-
}
|
|
97
|
-
);
|
|
98
|
-
CheckboxGroupItem.displayName = ITEM_NAME;
|
|
99
|
-
var INDICATOR_NAME = `${CHECKBOX_GROUP_NAME}Indicator`;
|
|
100
|
-
var CheckboxGroupIndicator = React.forwardRef(
|
|
101
|
-
({ __scopeCheckboxGroup, ...props }, ref) => {
|
|
102
|
-
const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
|
|
103
|
-
return /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { ref, ...checkboxScope, ...props });
|
|
104
|
-
}
|
|
105
|
-
);
|
|
106
|
-
CheckboxGroupIndicator.displayName = INDICATOR_NAME;
|
|
107
|
-
var Root3 = CheckboxGroup;
|
|
108
|
-
var Item2 = CheckboxGroupItem;
|
|
109
|
-
var Indicator2 = CheckboxGroupIndicator;
|
|
110
|
-
|
|
111
|
-
export {
|
|
112
|
-
createCheckboxGroupScope,
|
|
113
|
-
CheckboxGroup,
|
|
114
|
-
CheckboxGroupItem,
|
|
115
|
-
CheckboxGroupIndicator,
|
|
116
|
-
Root3 as Root,
|
|
117
|
-
Item2 as Item,
|
|
118
|
-
Indicator2 as Indicator
|
|
119
|
-
};
|
|
120
|
-
//# sourceMappingURL=chunk-JULVZPCS.mjs.map
|
package/dist/chunk-MOJNV3XZ.js
DELETED
|
@@ -1,120 +0,0 @@
|
|
|
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 _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; }// src/checkbox-group.primitive.tsx
|
|
2
|
-
var _react = require('react'); var React = _interopRequireWildcard(_react);
|
|
3
|
-
var _reactcheckbox = require('@radix-ui/react-checkbox'); var CheckboxPrimitive = _interopRequireWildcard(_reactcheckbox);
|
|
4
|
-
|
|
5
|
-
var _reactcontext = require('@radix-ui/react-context');
|
|
6
|
-
var _reactrovingfocus = require('@radix-ui/react-roving-focus'); var RovingFocusGroup = _interopRequireWildcard(_reactrovingfocus);
|
|
7
|
-
|
|
8
|
-
var _reactusecontrollablestate = require('@radix-ui/react-use-controllable-state');
|
|
9
|
-
var _reactdirection = require('@radix-ui/react-direction');
|
|
10
|
-
var _reactprimitive = require('@radix-ui/react-primitive');
|
|
11
|
-
var _jsxruntime = require('react/jsx-runtime');
|
|
12
|
-
var CHECKBOX_GROUP_NAME = "CheckboxGroup";
|
|
13
|
-
var [createCheckboxGroupContext, createCheckboxGroupScope] = _reactcontext.createContextScope.call(void 0, CHECKBOX_GROUP_NAME, [
|
|
14
|
-
_reactrovingfocus.createRovingFocusGroupScope,
|
|
15
|
-
_reactcheckbox.createCheckboxScope
|
|
16
|
-
]);
|
|
17
|
-
var useRovingFocusGroupScope = _reactrovingfocus.createRovingFocusGroupScope.call(void 0, );
|
|
18
|
-
var useCheckboxScope = _reactcheckbox.createCheckboxScope.call(void 0, );
|
|
19
|
-
var [CheckboxGroupProvider, useCheckboxGroupContext] = createCheckboxGroupContext(CHECKBOX_GROUP_NAME);
|
|
20
|
-
var CheckboxGroup = React.forwardRef(
|
|
21
|
-
({
|
|
22
|
-
__scopeCheckboxGroup,
|
|
23
|
-
name,
|
|
24
|
-
defaultValue,
|
|
25
|
-
value: valueProp,
|
|
26
|
-
required = false,
|
|
27
|
-
disabled = false,
|
|
28
|
-
orientation,
|
|
29
|
-
dir,
|
|
30
|
-
loop = true,
|
|
31
|
-
onValueChange,
|
|
32
|
-
...props
|
|
33
|
-
}, ref) => {
|
|
34
|
-
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
|
|
35
|
-
const direction = _reactdirection.useDirection.call(void 0, dir);
|
|
36
|
-
const [value = [], setValue] = _reactusecontrollablestate.useControllableState.call(void 0, {
|
|
37
|
-
prop: valueProp,
|
|
38
|
-
defaultProp: defaultValue,
|
|
39
|
-
onChange: onValueChange
|
|
40
|
-
});
|
|
41
|
-
const handleItemCheck = React.useCallback(
|
|
42
|
-
(itemValue) => {
|
|
43
|
-
setValue((prevValue = []) => [...prevValue, itemValue]);
|
|
44
|
-
},
|
|
45
|
-
[setValue]
|
|
46
|
-
);
|
|
47
|
-
const handleItemUncheck = React.useCallback(
|
|
48
|
-
(itemValue) => {
|
|
49
|
-
setValue((prevValue = []) => prevValue.filter((val) => val !== itemValue));
|
|
50
|
-
},
|
|
51
|
-
[setValue]
|
|
52
|
-
);
|
|
53
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
54
|
-
CheckboxGroupProvider,
|
|
55
|
-
{
|
|
56
|
-
scope: __scopeCheckboxGroup,
|
|
57
|
-
name,
|
|
58
|
-
required,
|
|
59
|
-
disabled,
|
|
60
|
-
value,
|
|
61
|
-
onItemCheck: handleItemCheck,
|
|
62
|
-
onItemUncheck: handleItemUncheck,
|
|
63
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RovingFocusGroup.Root, { asChild: true, ...rovingFocusGroupScope, orientation, dir: direction, loop, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactprimitive.Primitive.div, { ref, role: "group", "data-disabled": disabled ? "" : void 0, dir: direction, ...props }) })
|
|
64
|
-
}
|
|
65
|
-
);
|
|
66
|
-
}
|
|
67
|
-
);
|
|
68
|
-
CheckboxGroup.displayName = CHECKBOX_GROUP_NAME;
|
|
69
|
-
var ITEM_NAME = `${CHECKBOX_GROUP_NAME}Item`;
|
|
70
|
-
var CheckboxGroupItem = React.forwardRef(
|
|
71
|
-
({ __scopeCheckboxGroup, disabled, ...props }, ref) => {
|
|
72
|
-
const context = useCheckboxGroupContext(ITEM_NAME, __scopeCheckboxGroup);
|
|
73
|
-
const isDisabled = context.disabled || disabled;
|
|
74
|
-
const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);
|
|
75
|
-
const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
|
|
76
|
-
const checked = _optionalChain([context, 'access', _ => _.value, 'optionalAccess', _2 => _2.includes, 'call', _3 => _3(props.value)]);
|
|
77
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, RovingFocusGroup.Item, { asChild: true, ...rovingFocusGroupScope, focusable: !isDisabled, active: checked, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
78
|
-
CheckboxPrimitive.Root,
|
|
79
|
-
{
|
|
80
|
-
ref,
|
|
81
|
-
name: context.name,
|
|
82
|
-
disabled: isDisabled,
|
|
83
|
-
required: context.required,
|
|
84
|
-
checked,
|
|
85
|
-
...checkboxScope,
|
|
86
|
-
...props,
|
|
87
|
-
onCheckedChange: (checkedState) => {
|
|
88
|
-
if (checkedState) {
|
|
89
|
-
context.onItemCheck(props.value);
|
|
90
|
-
} else {
|
|
91
|
-
context.onItemUncheck(props.value);
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
) });
|
|
96
|
-
}
|
|
97
|
-
);
|
|
98
|
-
CheckboxGroupItem.displayName = ITEM_NAME;
|
|
99
|
-
var INDICATOR_NAME = `${CHECKBOX_GROUP_NAME}Indicator`;
|
|
100
|
-
var CheckboxGroupIndicator = React.forwardRef(
|
|
101
|
-
({ __scopeCheckboxGroup, ...props }, ref) => {
|
|
102
|
-
const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);
|
|
103
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckboxPrimitive.Indicator, { ref, ...checkboxScope, ...props });
|
|
104
|
-
}
|
|
105
|
-
);
|
|
106
|
-
CheckboxGroupIndicator.displayName = INDICATOR_NAME;
|
|
107
|
-
var Root3 = CheckboxGroup;
|
|
108
|
-
var Item2 = CheckboxGroupItem;
|
|
109
|
-
var Indicator2 = CheckboxGroupIndicator;
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
exports.createCheckboxGroupScope = createCheckboxGroupScope; exports.CheckboxGroup = CheckboxGroup; exports.CheckboxGroupItem = CheckboxGroupItem; exports.CheckboxGroupIndicator = CheckboxGroupIndicator; exports.Root = Root3; exports.Item = Item2; exports.Indicator = Indicator2;
|
|
120
|
-
//# sourceMappingURL=chunk-MOJNV3XZ.js.map
|