@cnc-ti/layout-basic 8.3.19 → 8.3.21
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 +41 -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 +118 -67
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +109 -62
- 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,58 @@ 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
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
10721
|
+
TabsPrimitive.List,
|
|
10722
|
+
{
|
|
10723
|
+
ref,
|
|
10724
|
+
className: cn("cnc-flex cnc-gap-[2px] cnc-border-b ", className),
|
|
10725
|
+
...props
|
|
10726
|
+
}
|
|
10727
|
+
);
|
|
10728
|
+
});
|
|
10729
|
+
TabsList.displayName = TabsPrimitive.List.displayName;
|
|
10730
|
+
var TabsTrigger = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
10731
|
+
TabsPrimitive.Trigger,
|
|
10732
|
+
{
|
|
10733
|
+
ref,
|
|
10734
|
+
className: cn(
|
|
10735
|
+
"cnc-data-[state=active]:bg-muted cnc-data-[state=active]:text-primary cnc-relative cnc-text-sm cnc-font-normal cnc-px-4 cnc-py-2 cnc-bg-[#00000005] data-[state=active]:cnc-bg-white data-[state=active]:cnc-text-[#04319bfd] data-[state=active]:cnc-font-bold cnc-border-l cnc-border-r cnc-border-t cnc-rounded-tl-sm cnc-rounded-tr-sm ",
|
|
10736
|
+
className
|
|
10737
|
+
),
|
|
10738
|
+
...props
|
|
10739
|
+
}
|
|
10740
|
+
));
|
|
10741
|
+
TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
|
|
10742
|
+
var TabsContent = React57.forwardRef(({ className, children, ...props }, ref) => {
|
|
10743
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
10744
|
+
TabsPrimitive.Content,
|
|
10745
|
+
{
|
|
10746
|
+
ref,
|
|
10747
|
+
className: cn(
|
|
10748
|
+
"cnc-space-y-4 cnc-border-l cnc-border-r cnc-border-b cnc-p-5 cnc-h-full",
|
|
10749
|
+
className
|
|
10750
|
+
),
|
|
10751
|
+
...props,
|
|
10752
|
+
children
|
|
10753
|
+
}
|
|
10754
|
+
);
|
|
10755
|
+
});
|
|
10756
|
+
TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
10757
|
+
|
|
10758
|
+
// src/components/atoms/forms/input.tsx
|
|
10759
|
+
var React58 = __toESM(require("react"));
|
|
10760
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
10761
|
+
var Input = React58.forwardRef(
|
|
10714
10762
|
({ className, type, id, label, ...props }, ref) => {
|
|
10715
10763
|
const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
|
|
10716
|
-
return /* @__PURE__ */ (0,
|
|
10717
|
-
label && /* @__PURE__ */ (0,
|
|
10764
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "cnc-w-full", children: [
|
|
10765
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
10718
10766
|
"label",
|
|
10719
10767
|
{
|
|
10720
10768
|
htmlFor: idGenerate,
|
|
@@ -10722,7 +10770,7 @@ var Input = React57.forwardRef(
|
|
|
10722
10770
|
children: label
|
|
10723
10771
|
}
|
|
10724
10772
|
),
|
|
10725
|
-
/* @__PURE__ */ (0,
|
|
10773
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
10726
10774
|
"input",
|
|
10727
10775
|
{
|
|
10728
10776
|
type,
|
|
@@ -10744,14 +10792,13 @@ var Input = React57.forwardRef(
|
|
|
10744
10792
|
Input.displayName = "Input";
|
|
10745
10793
|
|
|
10746
10794
|
// src/components/atoms/forms/checkbox.tsx
|
|
10747
|
-
var
|
|
10748
|
-
var
|
|
10749
|
-
var Checkbox =
|
|
10795
|
+
var React59 = __toESM(require("react"));
|
|
10796
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
10797
|
+
var Checkbox = React59.forwardRef(
|
|
10750
10798
|
({ className, id, label, ...props }, ref) => {
|
|
10751
|
-
console.log();
|
|
10752
10799
|
const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
|
|
10753
|
-
return /* @__PURE__ */ (0,
|
|
10754
|
-
/* @__PURE__ */ (0,
|
|
10800
|
+
return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "cnc-w-full cnc-flex cnc-flex-row", children: [
|
|
10801
|
+
/* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
10755
10802
|
"input",
|
|
10756
10803
|
{
|
|
10757
10804
|
type: "checkbox",
|
|
@@ -10761,7 +10808,7 @@ var Checkbox = React58.forwardRef(
|
|
|
10761
10808
|
...props
|
|
10762
10809
|
}
|
|
10763
10810
|
),
|
|
10764
|
-
label && /* @__PURE__ */ (0,
|
|
10811
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
10765
10812
|
"label",
|
|
10766
10813
|
{
|
|
10767
10814
|
htmlFor: idGenerate,
|
|
@@ -10775,7 +10822,7 @@ var Checkbox = React58.forwardRef(
|
|
|
10775
10822
|
Checkbox.displayName = "Checkbox";
|
|
10776
10823
|
|
|
10777
10824
|
// src/components/atoms/display/badge.tsx
|
|
10778
|
-
var
|
|
10825
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
10779
10826
|
var Badge = ({
|
|
10780
10827
|
variant = "default",
|
|
10781
10828
|
rounded = true,
|
|
@@ -10797,7 +10844,7 @@ var Badge = ({
|
|
|
10797
10844
|
md: "cnc-text-sm cnc-px-3 cnc-py-1",
|
|
10798
10845
|
lg: "cnc-text-base cnc-px-4 cnc-py-2"
|
|
10799
10846
|
};
|
|
10800
|
-
return /* @__PURE__ */ (0,
|
|
10847
|
+
return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
10801
10848
|
"span",
|
|
10802
10849
|
{
|
|
10803
10850
|
className: cn(
|
|
@@ -10813,12 +10860,12 @@ var Badge = ({
|
|
|
10813
10860
|
};
|
|
10814
10861
|
|
|
10815
10862
|
// src/components/molecules/card.tsx
|
|
10816
|
-
var
|
|
10863
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
10817
10864
|
function Card({
|
|
10818
10865
|
className,
|
|
10819
10866
|
...rest
|
|
10820
10867
|
}) {
|
|
10821
|
-
return /* @__PURE__ */ (0,
|
|
10868
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
10822
10869
|
"div",
|
|
10823
10870
|
{
|
|
10824
10871
|
className: cn(
|
|
@@ -10833,7 +10880,7 @@ function CardHeader({
|
|
|
10833
10880
|
className,
|
|
10834
10881
|
...rest
|
|
10835
10882
|
}) {
|
|
10836
|
-
return /* @__PURE__ */ (0,
|
|
10883
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
10837
10884
|
"div",
|
|
10838
10885
|
{
|
|
10839
10886
|
className: cn(
|
|
@@ -10848,13 +10895,13 @@ function CardContent({
|
|
|
10848
10895
|
className,
|
|
10849
10896
|
...rest
|
|
10850
10897
|
}) {
|
|
10851
|
-
return /* @__PURE__ */ (0,
|
|
10898
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
|
|
10852
10899
|
}
|
|
10853
10900
|
function CardFooter({
|
|
10854
10901
|
className,
|
|
10855
10902
|
...rest
|
|
10856
10903
|
}) {
|
|
10857
|
-
return /* @__PURE__ */ (0,
|
|
10904
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
10858
10905
|
"div",
|
|
10859
10906
|
{
|
|
10860
10907
|
className: cn(
|
|
@@ -10869,7 +10916,7 @@ function CardFooterItem({
|
|
|
10869
10916
|
className,
|
|
10870
10917
|
...rest
|
|
10871
10918
|
}) {
|
|
10872
|
-
return /* @__PURE__ */ (0,
|
|
10919
|
+
return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
10873
10920
|
"div",
|
|
10874
10921
|
{
|
|
10875
10922
|
className: cn(
|
|
@@ -10883,7 +10930,7 @@ function CardFooterItem({
|
|
|
10883
10930
|
|
|
10884
10931
|
// src/components/molecules/collapsible.tsx
|
|
10885
10932
|
var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
|
|
10886
|
-
var
|
|
10933
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
10887
10934
|
var Collapsible = CollapsiblePrimitive.Root;
|
|
10888
10935
|
var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
|
|
10889
10936
|
var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
|
|
@@ -10891,16 +10938,16 @@ var AnimatedCollapsibleContent = ({
|
|
|
10891
10938
|
className,
|
|
10892
10939
|
...rest
|
|
10893
10940
|
}) => {
|
|
10894
|
-
return /* @__PURE__ */ (0,
|
|
10941
|
+
return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
|
|
10895
10942
|
};
|
|
10896
10943
|
|
|
10897
10944
|
// src/components/molecules/display/page-header.tsx
|
|
10898
|
-
var
|
|
10945
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
10899
10946
|
function PageHeader({
|
|
10900
10947
|
children,
|
|
10901
10948
|
className
|
|
10902
10949
|
}) {
|
|
10903
|
-
return /* @__PURE__ */ (0,
|
|
10950
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
10904
10951
|
"header",
|
|
10905
10952
|
{
|
|
10906
10953
|
className: cn(
|
|
@@ -10915,7 +10962,7 @@ function PageHeaderTitleContent({
|
|
|
10915
10962
|
children,
|
|
10916
10963
|
className
|
|
10917
10964
|
}) {
|
|
10918
|
-
return /* @__PURE__ */ (0,
|
|
10965
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
10919
10966
|
"div",
|
|
10920
10967
|
{
|
|
10921
10968
|
className: cn(
|
|
@@ -10932,16 +10979,16 @@ function PageHeaderTitle({
|
|
|
10932
10979
|
titleAs = "h1"
|
|
10933
10980
|
}) {
|
|
10934
10981
|
const ComponentTitle = titleAs;
|
|
10935
|
-
return /* @__PURE__ */ (0,
|
|
10936
|
-
/* @__PURE__ */ (0,
|
|
10937
|
-
description && /* @__PURE__ */ (0,
|
|
10982
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { children: [
|
|
10983
|
+
/* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ComponentTitle, { className: "cnc-text-2xl cnc-font-semibold cnc-text-brand-blue-600", children: title }),
|
|
10984
|
+
description && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: "cnc-text-sm cnc-text-brand-gray-500", children: description })
|
|
10938
10985
|
] });
|
|
10939
10986
|
}
|
|
10940
10987
|
function PageHeaderActionsContainer({
|
|
10941
10988
|
children,
|
|
10942
10989
|
className
|
|
10943
10990
|
}) {
|
|
10944
|
-
return /* @__PURE__ */ (0,
|
|
10991
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
10945
10992
|
"div",
|
|
10946
10993
|
{
|
|
10947
10994
|
className: cn(
|
|
@@ -10953,14 +11000,14 @@ function PageHeaderActionsContainer({
|
|
|
10953
11000
|
);
|
|
10954
11001
|
}
|
|
10955
11002
|
function Title2({ title, as: Component = "h1" }) {
|
|
10956
|
-
return /* @__PURE__ */ (0,
|
|
11003
|
+
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
11004
|
}
|
|
10958
11005
|
|
|
10959
11006
|
// src/components/molecules/forms/combobox.tsx
|
|
10960
|
-
var
|
|
11007
|
+
var React64 = __toESM(require("react"));
|
|
10961
11008
|
|
|
10962
11009
|
// src/components/molecules/overlay/command.tsx
|
|
10963
|
-
var
|
|
11010
|
+
var React62 = __toESM(require("react"));
|
|
10964
11011
|
|
|
10965
11012
|
// ../../node_modules/cmdk/dist/chunk-NZJY6EH4.mjs
|
|
10966
11013
|
var U = 1;
|
|
@@ -10994,10 +11041,10 @@ var w = __toESM(require("@radix-ui/react-dialog"), 1);
|
|
|
10994
11041
|
var t = __toESM(require("react"), 1);
|
|
10995
11042
|
|
|
10996
11043
|
// ../../node_modules/cmdk/node_modules/@radix-ui/react-primitive/dist/index.mjs
|
|
10997
|
-
var
|
|
11044
|
+
var React60 = __toESM(require("react"), 1);
|
|
10998
11045
|
var ReactDOM6 = __toESM(require("react-dom"), 1);
|
|
10999
11046
|
var import_react_slot8 = require("@radix-ui/react-slot");
|
|
11000
|
-
var
|
|
11047
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
11001
11048
|
var NODES3 = [
|
|
11002
11049
|
"a",
|
|
11003
11050
|
"button",
|
|
@@ -11019,20 +11066,20 @@ var NODES3 = [
|
|
|
11019
11066
|
];
|
|
11020
11067
|
var Primitive3 = NODES3.reduce((primitive, node) => {
|
|
11021
11068
|
const Slot7 = (0, import_react_slot8.createSlot)(`Primitive.${node}`);
|
|
11022
|
-
const Node2 =
|
|
11069
|
+
const Node2 = React60.forwardRef((props, forwardedRef) => {
|
|
11023
11070
|
const { asChild, ...primitiveProps } = props;
|
|
11024
11071
|
const Comp = asChild ? Slot7 : node;
|
|
11025
11072
|
if (typeof window !== "undefined") {
|
|
11026
11073
|
window[Symbol.for("radix-ui")] = true;
|
|
11027
11074
|
}
|
|
11028
|
-
return /* @__PURE__ */ (0,
|
|
11075
|
+
return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Comp, { ...primitiveProps, ref: forwardedRef });
|
|
11029
11076
|
});
|
|
11030
11077
|
Node2.displayName = `Primitive.${node}`;
|
|
11031
11078
|
return { ...primitive, [node]: Node2 };
|
|
11032
11079
|
}, {});
|
|
11033
11080
|
|
|
11034
11081
|
// ../../node_modules/cmdk/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
|
|
11035
|
-
var
|
|
11082
|
+
var React61 = __toESM(require("react"), 1);
|
|
11036
11083
|
function setRef3(ref, value) {
|
|
11037
11084
|
if (typeof ref === "function") {
|
|
11038
11085
|
return ref(value);
|
|
@@ -11382,8 +11429,8 @@ function B2({ asChild: r2, children: o }, n) {
|
|
|
11382
11429
|
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
11430
|
|
|
11384
11431
|
// src/components/molecules/overlay/command.tsx
|
|
11385
|
-
var
|
|
11386
|
-
var Command =
|
|
11432
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
11433
|
+
var Command = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
11387
11434
|
_e,
|
|
11388
11435
|
{
|
|
11389
11436
|
ref,
|
|
@@ -11396,16 +11443,16 @@ var Command = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
11396
11443
|
));
|
|
11397
11444
|
Command.displayName = _e.displayName;
|
|
11398
11445
|
var CommandDialog = ({ children, ...props }) => {
|
|
11399
|
-
return /* @__PURE__ */ (0,
|
|
11446
|
+
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
11447
|
};
|
|
11401
|
-
var CommandInput =
|
|
11448
|
+
var CommandInput = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
|
|
11402
11449
|
"div",
|
|
11403
11450
|
{
|
|
11404
11451
|
className: "cnc-flex cnc-items-center cnc-border-b cnc-px-3",
|
|
11405
11452
|
"cmdk-input-wrapper": "",
|
|
11406
11453
|
children: [
|
|
11407
|
-
/* @__PURE__ */ (0,
|
|
11408
|
-
/* @__PURE__ */ (0,
|
|
11454
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Search, { className: "cnc-mr-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" }),
|
|
11455
|
+
/* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
11409
11456
|
_e.Input,
|
|
11410
11457
|
{
|
|
11411
11458
|
ref,
|
|
@@ -11420,7 +11467,7 @@ var CommandInput = React61.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
11420
11467
|
}
|
|
11421
11468
|
));
|
|
11422
11469
|
CommandInput.displayName = _e.Input.displayName;
|
|
11423
|
-
var CommandList =
|
|
11470
|
+
var CommandList = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
11424
11471
|
_e.List,
|
|
11425
11472
|
{
|
|
11426
11473
|
ref,
|
|
@@ -11432,7 +11479,7 @@ var CommandList = React61.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
11432
11479
|
}
|
|
11433
11480
|
));
|
|
11434
11481
|
CommandList.displayName = _e.List.displayName;
|
|
11435
|
-
var CommandEmpty =
|
|
11482
|
+
var CommandEmpty = React62.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
11436
11483
|
_e.Empty,
|
|
11437
11484
|
{
|
|
11438
11485
|
ref,
|
|
@@ -11441,7 +11488,7 @@ var CommandEmpty = React61.forwardRef((props, ref) => /* @__PURE__ */ (0, import
|
|
|
11441
11488
|
}
|
|
11442
11489
|
));
|
|
11443
11490
|
CommandEmpty.displayName = _e.Empty.displayName;
|
|
11444
|
-
var CommandGroup =
|
|
11491
|
+
var CommandGroup = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
11445
11492
|
_e.Group,
|
|
11446
11493
|
{
|
|
11447
11494
|
ref,
|
|
@@ -11453,7 +11500,7 @@ var CommandGroup = React61.forwardRef(({ className, ...props }, ref) => /* @__PU
|
|
|
11453
11500
|
}
|
|
11454
11501
|
));
|
|
11455
11502
|
CommandGroup.displayName = _e.Group.displayName;
|
|
11456
|
-
var CommandSeparator =
|
|
11503
|
+
var CommandSeparator = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
11457
11504
|
_e.Separator,
|
|
11458
11505
|
{
|
|
11459
11506
|
ref,
|
|
@@ -11462,12 +11509,12 @@ var CommandSeparator = React61.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
11462
11509
|
}
|
|
11463
11510
|
));
|
|
11464
11511
|
CommandSeparator.displayName = _e.Separator.displayName;
|
|
11465
|
-
var CommandItem =
|
|
11512
|
+
var CommandItem = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
11466
11513
|
_e.Item,
|
|
11467
11514
|
{
|
|
11468
11515
|
ref,
|
|
11469
11516
|
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
|
|
11517
|
+
"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
11518
|
className
|
|
11472
11519
|
),
|
|
11473
11520
|
...props
|
|
@@ -11478,7 +11525,7 @@ var CommandShortcut = ({
|
|
|
11478
11525
|
className,
|
|
11479
11526
|
...props
|
|
11480
11527
|
}) => {
|
|
11481
|
-
return /* @__PURE__ */ (0,
|
|
11528
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
11482
11529
|
"span",
|
|
11483
11530
|
{
|
|
11484
11531
|
className: cn(
|
|
@@ -11492,11 +11539,11 @@ var CommandShortcut = ({
|
|
|
11492
11539
|
CommandShortcut.displayName = "CommandShortcut";
|
|
11493
11540
|
|
|
11494
11541
|
// src/components/molecules/overlay/popover.tsx
|
|
11495
|
-
var
|
|
11496
|
-
var
|
|
11542
|
+
var React63 = __toESM(require("react"));
|
|
11543
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
11497
11544
|
var Popover3 = Root24;
|
|
11498
11545
|
var PopoverTrigger3 = Trigger4;
|
|
11499
|
-
var PopoverContent3 =
|
|
11546
|
+
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
11547
|
Content23,
|
|
11501
11548
|
{
|
|
11502
11549
|
ref,
|
|
@@ -11512,7 +11559,7 @@ var PopoverContent3 = React62.forwardRef(({ className, align = "center", sideOff
|
|
|
11512
11559
|
PopoverContent3.displayName = Content23.displayName;
|
|
11513
11560
|
|
|
11514
11561
|
// src/components/molecules/forms/combobox.tsx
|
|
11515
|
-
var
|
|
11562
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
11516
11563
|
function Combobox({
|
|
11517
11564
|
options,
|
|
11518
11565
|
placeholder = "",
|
|
@@ -11520,9 +11567,9 @@ function Combobox({
|
|
|
11520
11567
|
onChange,
|
|
11521
11568
|
value = ""
|
|
11522
11569
|
}) {
|
|
11523
|
-
const [open, setOpen] =
|
|
11524
|
-
return /* @__PURE__ */ (0,
|
|
11525
|
-
/* @__PURE__ */ (0,
|
|
11570
|
+
const [open, setOpen] = React64.useState(false);
|
|
11571
|
+
return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Popover3, { open, onOpenChange: setOpen, children: [
|
|
11572
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
11526
11573
|
Button,
|
|
11527
11574
|
{
|
|
11528
11575
|
variant: "outline",
|
|
@@ -11530,21 +11577,21 @@ function Combobox({
|
|
|
11530
11577
|
"aria-expanded": open,
|
|
11531
11578
|
className: "cnc-w-full cnc-justify-between cnc-truncate ",
|
|
11532
11579
|
children: [
|
|
11533
|
-
/* @__PURE__ */ (0,
|
|
11534
|
-
/* @__PURE__ */ (0,
|
|
11580
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { children: value ? options?.find((framework) => framework.value === value)?.label : placeholder }),
|
|
11581
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ChevronsUpDown, { className: "cnc-ml-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" })
|
|
11535
11582
|
]
|
|
11536
11583
|
}
|
|
11537
11584
|
) }),
|
|
11538
|
-
/* @__PURE__ */ (0,
|
|
11585
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
11539
11586
|
PopoverContent3,
|
|
11540
11587
|
{
|
|
11541
11588
|
align: "start",
|
|
11542
11589
|
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,
|
|
11590
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Command, { children: [
|
|
11591
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CommandInput, { placeholder: command?.placeholder }),
|
|
11592
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(CommandList, { children: [
|
|
11593
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CommandEmpty, { children: command?.emptyMessage ?? "Nenhum item encontrado" }),
|
|
11594
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CommandGroup, { children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
|
|
11548
11595
|
CommandItem,
|
|
11549
11596
|
{
|
|
11550
11597
|
value: option.value,
|
|
@@ -11555,7 +11602,7 @@ function Combobox({
|
|
|
11555
11602
|
},
|
|
11556
11603
|
keywords: [option.value, option.label],
|
|
11557
11604
|
children: [
|
|
11558
|
-
/* @__PURE__ */ (0,
|
|
11605
|
+
/* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
11559
11606
|
Check,
|
|
11560
11607
|
{
|
|
11561
11608
|
className: cn(
|
|
@@ -11656,6 +11703,10 @@ function Combobox({
|
|
|
11656
11703
|
SidebarImageBrand,
|
|
11657
11704
|
SidebarNavCollapse,
|
|
11658
11705
|
SidebarNavLink,
|
|
11706
|
+
Tabs,
|
|
11707
|
+
TabsContent,
|
|
11708
|
+
TabsList,
|
|
11709
|
+
TabsTrigger,
|
|
11659
11710
|
Title,
|
|
11660
11711
|
buttonVariants
|
|
11661
11712
|
});
|