@cnc-ti/layout-basic 8.3.19 → 8.3.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +38 -2
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +7 -1
- package/dist/index.d.ts +7 -1
- package/dist/index.js +120 -66
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +111 -61
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -2
package/dist/index.js
CHANGED
|
@@ -114,6 +114,10 @@ __export(src_exports, {
|
|
|
114
114
|
SidebarImageBrand: () => SidebarImageBrand,
|
|
115
115
|
SidebarNavCollapse: () => SidebarNavCollapse,
|
|
116
116
|
SidebarNavLink: () => SidebarNavLink,
|
|
117
|
+
Tabs: () => Tabs,
|
|
118
|
+
TabsContent: () => TabsContent,
|
|
119
|
+
TabsList: () => TabsList,
|
|
120
|
+
TabsTrigger: () => TabsTrigger,
|
|
117
121
|
Title: () => Title2,
|
|
118
122
|
buttonVariants: () => buttonVariants
|
|
119
123
|
});
|
|
@@ -8463,7 +8467,7 @@ var ModalMudancaEntidade = ({
|
|
|
8463
8467
|
onClose,
|
|
8464
8468
|
visibleModal,
|
|
8465
8469
|
content: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
|
|
8466
|
-
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogTitle, { className: "cnc-DialogTitle cnc-mt-10 cnc-mb-4 ", children: "Selecionar a
|
|
8470
|
+
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(DialogTitle, { className: "cnc-DialogTitle cnc-mt-10 cnc-mb-4 ", children: "Selecionar a entidade" }),
|
|
8467
8471
|
/* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "cnc-flex cnc-mb-5 ", children: [
|
|
8468
8472
|
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(SelectComponent, {}),
|
|
8469
8473
|
/* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Button, { className: "cnc-text-white cnc-ml-5", onClick: buttonAction, children: "Trocar entidade" })
|
|
@@ -10707,14 +10711,60 @@ var SelectSeparator = React56.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
10707
10711
|
));
|
|
10708
10712
|
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
10709
10713
|
|
|
10710
|
-
// src/components/
|
|
10714
|
+
// src/components/Tabs/index.tsx
|
|
10715
|
+
var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
|
|
10711
10716
|
var React57 = __toESM(require("react"));
|
|
10712
10717
|
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
10713
|
-
var
|
|
10718
|
+
var Tabs = TabsPrimitive.Root;
|
|
10719
|
+
var TabsList = React57.forwardRef(({ className, ...props }, ref) => {
|
|
10720
|
+
console.log({ props });
|
|
10721
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
10722
|
+
TabsPrimitive.List,
|
|
10723
|
+
{
|
|
10724
|
+
ref,
|
|
10725
|
+
className: cn("cnc-flex cnc-gap-[2px] cnc-border-b ", className),
|
|
10726
|
+
...props
|
|
10727
|
+
}
|
|
10728
|
+
);
|
|
10729
|
+
});
|
|
10730
|
+
TabsList.displayName = TabsPrimitive.List.displayName;
|
|
10731
|
+
var TabsTrigger = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
10732
|
+
TabsPrimitive.Trigger,
|
|
10733
|
+
{
|
|
10734
|
+
ref,
|
|
10735
|
+
className: cn(
|
|
10736
|
+
"cnc-data-[state=active]:bg-muted cnc-data-[state=active]:text-primary cnc-relative cnc-text-sm cnc-font-medium cnc-px-4 cnc-py-2 cnc-bg-[#00000005] data-[state=active]:cnc-bg-white data-[state=active]:cnc-text-[#04319bfd] cnc-border-l cnc-border-r cnc-border-t cnc-rounded-tl-sm cnc-rounded-tr-sm ",
|
|
10737
|
+
className
|
|
10738
|
+
),
|
|
10739
|
+
...props
|
|
10740
|
+
}
|
|
10741
|
+
));
|
|
10742
|
+
TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
|
|
10743
|
+
var TabsContent = React57.forwardRef(({ className, children, ...props }, ref) => {
|
|
10744
|
+
console.log({ className });
|
|
10745
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
10746
|
+
TabsPrimitive.Content,
|
|
10747
|
+
{
|
|
10748
|
+
ref,
|
|
10749
|
+
className: cn(
|
|
10750
|
+
"cnc-space-y-4 cnc-border-l cnc-border-r cnc-border-b cnc-p-5 cnc-h-full",
|
|
10751
|
+
className
|
|
10752
|
+
),
|
|
10753
|
+
...props,
|
|
10754
|
+
children
|
|
10755
|
+
}
|
|
10756
|
+
);
|
|
10757
|
+
});
|
|
10758
|
+
TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
10759
|
+
|
|
10760
|
+
// src/components/atoms/forms/input.tsx
|
|
10761
|
+
var React58 = __toESM(require("react"));
|
|
10762
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
10763
|
+
var Input = React58.forwardRef(
|
|
10714
10764
|
({ className, type, id, label, ...props }, ref) => {
|
|
10715
10765
|
const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
|
|
10716
|
-
return /* @__PURE__ */ (0,
|
|
10717
|
-
label && /* @__PURE__ */ (0,
|
|
10766
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "cnc-w-full", children: [
|
|
10767
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
10718
10768
|
"label",
|
|
10719
10769
|
{
|
|
10720
10770
|
htmlFor: idGenerate,
|
|
@@ -10722,7 +10772,7 @@ var Input = React57.forwardRef(
|
|
|
10722
10772
|
children: label
|
|
10723
10773
|
}
|
|
10724
10774
|
),
|
|
10725
|
-
/* @__PURE__ */ (0,
|
|
10775
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
10726
10776
|
"input",
|
|
10727
10777
|
{
|
|
10728
10778
|
type,
|
|
@@ -10744,14 +10794,14 @@ var Input = React57.forwardRef(
|
|
|
10744
10794
|
Input.displayName = "Input";
|
|
10745
10795
|
|
|
10746
10796
|
// src/components/atoms/forms/checkbox.tsx
|
|
10747
|
-
var
|
|
10748
|
-
var
|
|
10749
|
-
var Checkbox =
|
|
10797
|
+
var React59 = __toESM(require("react"));
|
|
10798
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
10799
|
+
var Checkbox = React59.forwardRef(
|
|
10750
10800
|
({ className, id, label, ...props }, ref) => {
|
|
10751
10801
|
console.log();
|
|
10752
10802
|
const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
|
|
10753
|
-
return /* @__PURE__ */ (0,
|
|
10754
|
-
/* @__PURE__ */ (0,
|
|
10803
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "cnc-w-full cnc-flex cnc-flex-row", children: [
|
|
10804
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
10755
10805
|
"input",
|
|
10756
10806
|
{
|
|
10757
10807
|
type: "checkbox",
|
|
@@ -10761,7 +10811,7 @@ var Checkbox = React58.forwardRef(
|
|
|
10761
10811
|
...props
|
|
10762
10812
|
}
|
|
10763
10813
|
),
|
|
10764
|
-
label && /* @__PURE__ */ (0,
|
|
10814
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
10765
10815
|
"label",
|
|
10766
10816
|
{
|
|
10767
10817
|
htmlFor: idGenerate,
|
|
@@ -10775,7 +10825,7 @@ var Checkbox = React58.forwardRef(
|
|
|
10775
10825
|
Checkbox.displayName = "Checkbox";
|
|
10776
10826
|
|
|
10777
10827
|
// src/components/atoms/display/badge.tsx
|
|
10778
|
-
var
|
|
10828
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
10779
10829
|
var Badge = ({
|
|
10780
10830
|
variant = "default",
|
|
10781
10831
|
rounded = true,
|
|
@@ -10797,7 +10847,7 @@ var Badge = ({
|
|
|
10797
10847
|
md: "cnc-text-sm cnc-px-3 cnc-py-1",
|
|
10798
10848
|
lg: "cnc-text-base cnc-px-4 cnc-py-2"
|
|
10799
10849
|
};
|
|
10800
|
-
return /* @__PURE__ */ (0,
|
|
10850
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
10801
10851
|
"span",
|
|
10802
10852
|
{
|
|
10803
10853
|
className: cn(
|
|
@@ -10813,12 +10863,12 @@ var Badge = ({
|
|
|
10813
10863
|
};
|
|
10814
10864
|
|
|
10815
10865
|
// src/components/molecules/card.tsx
|
|
10816
|
-
var
|
|
10866
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
10817
10867
|
function Card({
|
|
10818
10868
|
className,
|
|
10819
10869
|
...rest
|
|
10820
10870
|
}) {
|
|
10821
|
-
return /* @__PURE__ */ (0,
|
|
10871
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
10822
10872
|
"div",
|
|
10823
10873
|
{
|
|
10824
10874
|
className: cn(
|
|
@@ -10833,7 +10883,7 @@ function CardHeader({
|
|
|
10833
10883
|
className,
|
|
10834
10884
|
...rest
|
|
10835
10885
|
}) {
|
|
10836
|
-
return /* @__PURE__ */ (0,
|
|
10886
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
10837
10887
|
"div",
|
|
10838
10888
|
{
|
|
10839
10889
|
className: cn(
|
|
@@ -10848,13 +10898,13 @@ function CardContent({
|
|
|
10848
10898
|
className,
|
|
10849
10899
|
...rest
|
|
10850
10900
|
}) {
|
|
10851
|
-
return /* @__PURE__ */ (0,
|
|
10901
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
|
|
10852
10902
|
}
|
|
10853
10903
|
function CardFooter({
|
|
10854
10904
|
className,
|
|
10855
10905
|
...rest
|
|
10856
10906
|
}) {
|
|
10857
|
-
return /* @__PURE__ */ (0,
|
|
10907
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
10858
10908
|
"div",
|
|
10859
10909
|
{
|
|
10860
10910
|
className: cn(
|
|
@@ -10869,7 +10919,7 @@ function CardFooterItem({
|
|
|
10869
10919
|
className,
|
|
10870
10920
|
...rest
|
|
10871
10921
|
}) {
|
|
10872
|
-
return /* @__PURE__ */ (0,
|
|
10922
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
10873
10923
|
"div",
|
|
10874
10924
|
{
|
|
10875
10925
|
className: cn(
|
|
@@ -10883,7 +10933,7 @@ function CardFooterItem({
|
|
|
10883
10933
|
|
|
10884
10934
|
// src/components/molecules/collapsible.tsx
|
|
10885
10935
|
var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
|
|
10886
|
-
var
|
|
10936
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
10887
10937
|
var Collapsible = CollapsiblePrimitive.Root;
|
|
10888
10938
|
var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
|
|
10889
10939
|
var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
|
|
@@ -10891,16 +10941,16 @@ var AnimatedCollapsibleContent = ({
|
|
|
10891
10941
|
className,
|
|
10892
10942
|
...rest
|
|
10893
10943
|
}) => {
|
|
10894
|
-
return /* @__PURE__ */ (0,
|
|
10944
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
|
|
10895
10945
|
};
|
|
10896
10946
|
|
|
10897
10947
|
// src/components/molecules/display/page-header.tsx
|
|
10898
|
-
var
|
|
10948
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
10899
10949
|
function PageHeader({
|
|
10900
10950
|
children,
|
|
10901
10951
|
className
|
|
10902
10952
|
}) {
|
|
10903
|
-
return /* @__PURE__ */ (0,
|
|
10953
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
10904
10954
|
"header",
|
|
10905
10955
|
{
|
|
10906
10956
|
className: cn(
|
|
@@ -10915,7 +10965,7 @@ function PageHeaderTitleContent({
|
|
|
10915
10965
|
children,
|
|
10916
10966
|
className
|
|
10917
10967
|
}) {
|
|
10918
|
-
return /* @__PURE__ */ (0,
|
|
10968
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
10919
10969
|
"div",
|
|
10920
10970
|
{
|
|
10921
10971
|
className: cn(
|
|
@@ -10932,16 +10982,16 @@ function PageHeaderTitle({
|
|
|
10932
10982
|
titleAs = "h1"
|
|
10933
10983
|
}) {
|
|
10934
10984
|
const ComponentTitle = titleAs;
|
|
10935
|
-
return /* @__PURE__ */ (0,
|
|
10936
|
-
/* @__PURE__ */ (0,
|
|
10937
|
-
description && /* @__PURE__ */ (0,
|
|
10985
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
|
|
10986
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ComponentTitle, { className: "cnc-text-2xl cnc-font-semibold cnc-text-brand-blue-600", children: title }),
|
|
10987
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "cnc-text-sm cnc-text-brand-gray-500", children: description })
|
|
10938
10988
|
] });
|
|
10939
10989
|
}
|
|
10940
10990
|
function PageHeaderActionsContainer({
|
|
10941
10991
|
children,
|
|
10942
10992
|
className
|
|
10943
10993
|
}) {
|
|
10944
|
-
return /* @__PURE__ */ (0,
|
|
10994
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
10945
10995
|
"div",
|
|
10946
10996
|
{
|
|
10947
10997
|
className: cn(
|
|
@@ -10953,14 +11003,14 @@ function PageHeaderActionsContainer({
|
|
|
10953
11003
|
);
|
|
10954
11004
|
}
|
|
10955
11005
|
function Title2({ title, as: Component = "h1" }) {
|
|
10956
|
-
return /* @__PURE__ */ (0,
|
|
11006
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Component, { className: "cnc-text-[24px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-2 cnc-mb-4 text-center md:cnc-text-[28px] md:cnc-text-left", children: title });
|
|
10957
11007
|
}
|
|
10958
11008
|
|
|
10959
11009
|
// src/components/molecules/forms/combobox.tsx
|
|
10960
|
-
var
|
|
11010
|
+
var React64 = __toESM(require("react"));
|
|
10961
11011
|
|
|
10962
11012
|
// src/components/molecules/overlay/command.tsx
|
|
10963
|
-
var
|
|
11013
|
+
var React62 = __toESM(require("react"));
|
|
10964
11014
|
|
|
10965
11015
|
// ../../node_modules/cmdk/dist/chunk-NZJY6EH4.mjs
|
|
10966
11016
|
var U = 1;
|
|
@@ -10994,10 +11044,10 @@ var w = __toESM(require("@radix-ui/react-dialog"), 1);
|
|
|
10994
11044
|
var t = __toESM(require("react"), 1);
|
|
10995
11045
|
|
|
10996
11046
|
// ../../node_modules/cmdk/node_modules/@radix-ui/react-primitive/dist/index.mjs
|
|
10997
|
-
var
|
|
11047
|
+
var React60 = __toESM(require("react"), 1);
|
|
10998
11048
|
var ReactDOM6 = __toESM(require("react-dom"), 1);
|
|
10999
11049
|
var import_react_slot8 = require("@radix-ui/react-slot");
|
|
11000
|
-
var
|
|
11050
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
11001
11051
|
var NODES3 = [
|
|
11002
11052
|
"a",
|
|
11003
11053
|
"button",
|
|
@@ -11019,20 +11069,20 @@ var NODES3 = [
|
|
|
11019
11069
|
];
|
|
11020
11070
|
var Primitive3 = NODES3.reduce((primitive, node) => {
|
|
11021
11071
|
const Slot7 = (0, import_react_slot8.createSlot)(`Primitive.${node}`);
|
|
11022
|
-
const Node2 =
|
|
11072
|
+
const Node2 = React60.forwardRef((props, forwardedRef) => {
|
|
11023
11073
|
const { asChild, ...primitiveProps } = props;
|
|
11024
11074
|
const Comp = asChild ? Slot7 : node;
|
|
11025
11075
|
if (typeof window !== "undefined") {
|
|
11026
11076
|
window[Symbol.for("radix-ui")] = true;
|
|
11027
11077
|
}
|
|
11028
|
-
return /* @__PURE__ */ (0,
|
|
11078
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
11029
11079
|
});
|
|
11030
11080
|
Node2.displayName = `Primitive.${node}`;
|
|
11031
11081
|
return { ...primitive, [node]: Node2 };
|
|
11032
11082
|
}, {});
|
|
11033
11083
|
|
|
11034
11084
|
// ../../node_modules/cmdk/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
|
|
11035
|
-
var
|
|
11085
|
+
var React61 = __toESM(require("react"), 1);
|
|
11036
11086
|
function setRef3(ref, value) {
|
|
11037
11087
|
if (typeof ref === "function") {
|
|
11038
11088
|
return ref(value);
|
|
@@ -11382,8 +11432,8 @@ function B2({ asChild: r2, children: o }, n) {
|
|
|
11382
11432
|
var Te = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
|
|
11383
11433
|
|
|
11384
11434
|
// src/components/molecules/overlay/command.tsx
|
|
11385
|
-
var
|
|
11386
|
-
var Command =
|
|
11435
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
11436
|
+
var Command = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
11387
11437
|
_e,
|
|
11388
11438
|
{
|
|
11389
11439
|
ref,
|
|
@@ -11396,16 +11446,16 @@ var Command = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
11396
11446
|
));
|
|
11397
11447
|
Command.displayName = _e.displayName;
|
|
11398
11448
|
var CommandDialog = ({ children, ...props }) => {
|
|
11399
|
-
return /* @__PURE__ */ (0,
|
|
11449
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(DialogContent, { className: "cnc-overflow-hidden cnc-p-0", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Command, { className: "cnc-[&_cmdk-group-heading]:cnc-px-2 cnc-[&_cmdk-group-heading]:cnc-font-medium cnc-[&_cmdk-group-heading]:cnc-text-muted-foreground cnc-[&_cmdk-group]:not([hidden])~[cmdk-group]:cnc-pt-0 cnc-[&_cmdk-group]:cnc-px-2 cnc-[&_cmdk-input-wrapper]_svg:cnc-h-5 cnc-[&_cmdk-input-wrapper]_svg:cnc-w-5 cnc-[&_cmdk-input]:cnc-h-12 cnc-[&_cmdk-item]:cnc-px-2 cnc-[&_cmdk-item]:cnc-py-3 cnc-[&_cmdk-item]_svg:cnc-h-5 cnc-[&_cmdk-item]_svg:cnc-w-5", children }) }) });
|
|
11400
11450
|
};
|
|
11401
|
-
var CommandInput =
|
|
11451
|
+
var CommandInput = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
11402
11452
|
"div",
|
|
11403
11453
|
{
|
|
11404
11454
|
className: "cnc-flex cnc-items-center cnc-border-b cnc-px-3",
|
|
11405
11455
|
"cmdk-input-wrapper": "",
|
|
11406
11456
|
children: [
|
|
11407
|
-
/* @__PURE__ */ (0,
|
|
11408
|
-
/* @__PURE__ */ (0,
|
|
11457
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Search, { className: "cnc-mr-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" }),
|
|
11458
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
11409
11459
|
_e.Input,
|
|
11410
11460
|
{
|
|
11411
11461
|
ref,
|
|
@@ -11420,7 +11470,7 @@ var CommandInput = React61.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
11420
11470
|
}
|
|
11421
11471
|
));
|
|
11422
11472
|
CommandInput.displayName = _e.Input.displayName;
|
|
11423
|
-
var CommandList =
|
|
11473
|
+
var CommandList = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
11424
11474
|
_e.List,
|
|
11425
11475
|
{
|
|
11426
11476
|
ref,
|
|
@@ -11432,7 +11482,7 @@ var CommandList = React61.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
11432
11482
|
}
|
|
11433
11483
|
));
|
|
11434
11484
|
CommandList.displayName = _e.List.displayName;
|
|
11435
|
-
var CommandEmpty =
|
|
11485
|
+
var CommandEmpty = React62.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
11436
11486
|
_e.Empty,
|
|
11437
11487
|
{
|
|
11438
11488
|
ref,
|
|
@@ -11441,7 +11491,7 @@ var CommandEmpty = React61.forwardRef((props, ref) => /* @__PURE__ */ (0, import
|
|
|
11441
11491
|
}
|
|
11442
11492
|
));
|
|
11443
11493
|
CommandEmpty.displayName = _e.Empty.displayName;
|
|
11444
|
-
var CommandGroup =
|
|
11494
|
+
var CommandGroup = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
11445
11495
|
_e.Group,
|
|
11446
11496
|
{
|
|
11447
11497
|
ref,
|
|
@@ -11453,7 +11503,7 @@ var CommandGroup = React61.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
11453
11503
|
}
|
|
11454
11504
|
));
|
|
11455
11505
|
CommandGroup.displayName = _e.Group.displayName;
|
|
11456
|
-
var CommandSeparator =
|
|
11506
|
+
var CommandSeparator = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
11457
11507
|
_e.Separator,
|
|
11458
11508
|
{
|
|
11459
11509
|
ref,
|
|
@@ -11462,12 +11512,12 @@ var CommandSeparator = React61.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
11462
11512
|
}
|
|
11463
11513
|
));
|
|
11464
11514
|
CommandSeparator.displayName = _e.Separator.displayName;
|
|
11465
|
-
var CommandItem =
|
|
11515
|
+
var CommandItem = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
11466
11516
|
_e.Item,
|
|
11467
11517
|
{
|
|
11468
11518
|
ref,
|
|
11469
11519
|
className: cn(
|
|
11470
|
-
"cnc-relative cnc-flex cnc-cursor-default cnc-gap-2 cnc-select-none cnc-items-center cnc-rounded-sm cnc-px-2 cnc-py-1.5 cnc-text-sm cnc-outline-none data-[disabled=true]:cnc-pointer-events-none data-[disabled=true]:cnc-opacity-50 data-[selected=true]:cnc-bg-accent data-[selected=true]:cnc-text-accent-foreground
|
|
11520
|
+
"cnc-relative cnc-flex cnc-cursor-default cnc-gap-2 cnc-select-none cnc-items-center cnc-rounded-sm cnc-px-2 cnc-py-1.5 cnc-text-sm cnc-outline-none data-[disabled=true]:cnc-pointer-events-none data-[disabled=true]:cnc-opacity-50 data-[selected=true]:cnc-bg-accent data-[selected=true]:cnc-text-accent-foreground [&_svg]:cnc-pointer-events-none [&_svg]:cnc-size-4 [&_svg]:cnc-shrink-0",
|
|
11471
11521
|
className
|
|
11472
11522
|
),
|
|
11473
11523
|
...props
|
|
@@ -11478,7 +11528,7 @@ var CommandShortcut = ({
|
|
|
11478
11528
|
className,
|
|
11479
11529
|
...props
|
|
11480
11530
|
}) => {
|
|
11481
|
-
return /* @__PURE__ */ (0,
|
|
11531
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
11482
11532
|
"span",
|
|
11483
11533
|
{
|
|
11484
11534
|
className: cn(
|
|
@@ -11492,11 +11542,11 @@ var CommandShortcut = ({
|
|
|
11492
11542
|
CommandShortcut.displayName = "CommandShortcut";
|
|
11493
11543
|
|
|
11494
11544
|
// src/components/molecules/overlay/popover.tsx
|
|
11495
|
-
var
|
|
11496
|
-
var
|
|
11545
|
+
var React63 = __toESM(require("react"));
|
|
11546
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
11497
11547
|
var Popover3 = Root24;
|
|
11498
11548
|
var PopoverTrigger3 = Trigger4;
|
|
11499
|
-
var PopoverContent3 =
|
|
11549
|
+
var PopoverContent3 = React63.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Portal5, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
11500
11550
|
Content23,
|
|
11501
11551
|
{
|
|
11502
11552
|
ref,
|
|
@@ -11512,7 +11562,7 @@ var PopoverContent3 = React62.forwardRef(({ className, align = "center", sideOff
|
|
|
11512
11562
|
PopoverContent3.displayName = Content23.displayName;
|
|
11513
11563
|
|
|
11514
11564
|
// src/components/molecules/forms/combobox.tsx
|
|
11515
|
-
var
|
|
11565
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
11516
11566
|
function Combobox({
|
|
11517
11567
|
options,
|
|
11518
11568
|
placeholder = "",
|
|
@@ -11520,9 +11570,9 @@ function Combobox({
|
|
|
11520
11570
|
onChange,
|
|
11521
11571
|
value = ""
|
|
11522
11572
|
}) {
|
|
11523
|
-
const [open, setOpen] =
|
|
11524
|
-
return /* @__PURE__ */ (0,
|
|
11525
|
-
/* @__PURE__ */ (0,
|
|
11573
|
+
const [open, setOpen] = React64.useState(false);
|
|
11574
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Popover3, { open, onOpenChange: setOpen, children: [
|
|
11575
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
11526
11576
|
Button,
|
|
11527
11577
|
{
|
|
11528
11578
|
variant: "outline",
|
|
@@ -11530,21 +11580,21 @@ function Combobox({
|
|
|
11530
11580
|
"aria-expanded": open,
|
|
11531
11581
|
className: "cnc-w-full cnc-justify-between cnc-truncate ",
|
|
11532
11582
|
children: [
|
|
11533
|
-
/* @__PURE__ */ (0,
|
|
11534
|
-
/* @__PURE__ */ (0,
|
|
11583
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { children: value ? options?.find((framework) => framework.value === value)?.label : placeholder }),
|
|
11584
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ChevronsUpDown, { className: "cnc-ml-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" })
|
|
11535
11585
|
]
|
|
11536
11586
|
}
|
|
11537
11587
|
) }),
|
|
11538
|
-
/* @__PURE__ */ (0,
|
|
11588
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
11539
11589
|
PopoverContent3,
|
|
11540
11590
|
{
|
|
11541
11591
|
align: "start",
|
|
11542
11592
|
className: "cnc-w-[--radix-popover-trigger-width] cnc-p-0",
|
|
11543
|
-
children: /* @__PURE__ */ (0,
|
|
11544
|
-
/* @__PURE__ */ (0,
|
|
11545
|
-
/* @__PURE__ */ (0,
|
|
11546
|
-
/* @__PURE__ */ (0,
|
|
11547
|
-
/* @__PURE__ */ (0,
|
|
11593
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Command, { children: [
|
|
11594
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CommandInput, { placeholder: command?.placeholder }),
|
|
11595
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(CommandList, { children: [
|
|
11596
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CommandEmpty, { children: command?.emptyMessage ?? "Nenhum item encontrado" }),
|
|
11597
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CommandGroup, { children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
11548
11598
|
CommandItem,
|
|
11549
11599
|
{
|
|
11550
11600
|
value: option.value,
|
|
@@ -11555,7 +11605,7 @@ function Combobox({
|
|
|
11555
11605
|
},
|
|
11556
11606
|
keywords: [option.value, option.label],
|
|
11557
11607
|
children: [
|
|
11558
|
-
/* @__PURE__ */ (0,
|
|
11608
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
11559
11609
|
Check,
|
|
11560
11610
|
{
|
|
11561
11611
|
className: cn(
|
|
@@ -11656,6 +11706,10 @@ function Combobox({
|
|
|
11656
11706
|
SidebarImageBrand,
|
|
11657
11707
|
SidebarNavCollapse,
|
|
11658
11708
|
SidebarNavLink,
|
|
11709
|
+
Tabs,
|
|
11710
|
+
TabsContent,
|
|
11711
|
+
TabsList,
|
|
11712
|
+
TabsTrigger,
|
|
11659
11713
|
Title,
|
|
11660
11714
|
buttonVariants
|
|
11661
11715
|
});
|