@lindle/linoardo 1.0.11 → 1.0.12
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.cjs +33 -33
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +212 -212
- package/dist/index.d.ts +212 -212
- package/dist/index.js +33 -32
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var React3 = require('react');
|
|
4
4
|
var tailwindMerge = require('tailwind-merge');
|
|
5
5
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
6
|
|
|
@@ -22,7 +22,7 @@ function _interopNamespace(e) {
|
|
|
22
22
|
return Object.freeze(n);
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
var
|
|
25
|
+
var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
|
|
26
26
|
|
|
27
27
|
// src/Containment/Button/index.tsx
|
|
28
28
|
|
|
@@ -151,7 +151,7 @@ var sizeClasses = {
|
|
|
151
151
|
large: "px-6 py-3 text-lg",
|
|
152
152
|
"x-large": "px-7 py-3.5 text-xl"
|
|
153
153
|
};
|
|
154
|
-
var Button =
|
|
154
|
+
var Button = React3__namespace.forwardRef(
|
|
155
155
|
({
|
|
156
156
|
variant = "solid",
|
|
157
157
|
color = "primary",
|
|
@@ -322,7 +322,7 @@ var resolveIconClassName2 = (icon) => {
|
|
|
322
322
|
const normalized = iconName.startsWith("mdi-") ? iconName : `mdi-${iconName}`;
|
|
323
323
|
return Array.from(/* @__PURE__ */ new Set([...baseClasses, normalized])).join(" ");
|
|
324
324
|
};
|
|
325
|
-
var Chip =
|
|
325
|
+
var Chip = React3.forwardRef(
|
|
326
326
|
({
|
|
327
327
|
variant = "solid",
|
|
328
328
|
color = "primary",
|
|
@@ -354,7 +354,7 @@ var Chip = React4__namespace.forwardRef(
|
|
|
354
354
|
const appendIconClassName = resolveIconClassName2(appendIcon);
|
|
355
355
|
const closeIconClassName = resolveIconClassName2(closeIcon);
|
|
356
356
|
const filterIconClassName = filter && selected ? resolveIconClassName2(filterIcon) : void 0;
|
|
357
|
-
const handleClick =
|
|
357
|
+
const handleClick = React3.useCallback(
|
|
358
358
|
(event) => {
|
|
359
359
|
if (disabled) {
|
|
360
360
|
event.preventDefault();
|
|
@@ -365,7 +365,7 @@ var Chip = React4__namespace.forwardRef(
|
|
|
365
365
|
},
|
|
366
366
|
[disabled, onClick]
|
|
367
367
|
);
|
|
368
|
-
const handleKeyDown =
|
|
368
|
+
const handleKeyDown = React3.useCallback(
|
|
369
369
|
(event) => {
|
|
370
370
|
onKeyDown?.(event);
|
|
371
371
|
if (event.defaultPrevented || disabled || !interactive) {
|
|
@@ -378,7 +378,7 @@ var Chip = React4__namespace.forwardRef(
|
|
|
378
378
|
},
|
|
379
379
|
[disabled, interactive, onKeyDown]
|
|
380
380
|
);
|
|
381
|
-
const handleCloseClick =
|
|
381
|
+
const handleCloseClick = React3.useCallback(
|
|
382
382
|
(event) => {
|
|
383
383
|
event.stopPropagation();
|
|
384
384
|
if (disabled) {
|
|
@@ -389,7 +389,7 @@ var Chip = React4__namespace.forwardRef(
|
|
|
389
389
|
},
|
|
390
390
|
[disabled, onClose]
|
|
391
391
|
);
|
|
392
|
-
const handleCloseKeyDown =
|
|
392
|
+
const handleCloseKeyDown = React3.useCallback((event) => {
|
|
393
393
|
if (event.key === " " || event.key === "Enter") {
|
|
394
394
|
event.stopPropagation();
|
|
395
395
|
}
|
|
@@ -461,7 +461,7 @@ var accentClasses = {
|
|
|
461
461
|
surface: { text: "text-gray-900", bg: "bg-gray-100", indicator: "bg-gray-900" },
|
|
462
462
|
bw: { text: "text-gray-900", bg: "bg-gray-100", indicator: "bg-gray-900" }
|
|
463
463
|
};
|
|
464
|
-
var ListItem =
|
|
464
|
+
var ListItem = React3__namespace.forwardRef((props, ref) => {
|
|
465
465
|
const {
|
|
466
466
|
component,
|
|
467
467
|
href,
|
|
@@ -578,13 +578,13 @@ var listRoundedClasses = {
|
|
|
578
578
|
pill: "rounded-full"
|
|
579
579
|
};
|
|
580
580
|
var isListItemElement = (element) => {
|
|
581
|
-
if (!
|
|
581
|
+
if (!React3__namespace.isValidElement(element)) {
|
|
582
582
|
return false;
|
|
583
583
|
}
|
|
584
584
|
const elementType = element.type;
|
|
585
585
|
return element.type === Item_default || elementType.displayName === Item_default.displayName;
|
|
586
586
|
};
|
|
587
|
-
var List =
|
|
587
|
+
var List = React3__namespace.forwardRef((props, ref) => {
|
|
588
588
|
const {
|
|
589
589
|
variant = "solid",
|
|
590
590
|
density = "default",
|
|
@@ -606,11 +606,11 @@ var List = React4__namespace.forwardRef((props, ref) => {
|
|
|
606
606
|
const navClass = nav ? "py-1" : void 0;
|
|
607
607
|
const accentColor = color;
|
|
608
608
|
const enhanceChild = (child) => {
|
|
609
|
-
if (!
|
|
609
|
+
if (!React3__namespace.isValidElement(child)) {
|
|
610
610
|
return child;
|
|
611
611
|
}
|
|
612
612
|
if (isListItemElement(child)) {
|
|
613
|
-
return
|
|
613
|
+
return React3__namespace.cloneElement(child, {
|
|
614
614
|
density: child.props.density ?? density,
|
|
615
615
|
lines: child.props.lines ?? lines,
|
|
616
616
|
nav: child.props.nav ?? nav,
|
|
@@ -620,14 +620,14 @@ var List = React4__namespace.forwardRef((props, ref) => {
|
|
|
620
620
|
});
|
|
621
621
|
}
|
|
622
622
|
if (child.props && typeof child.props === "object" && "children" in child.props) {
|
|
623
|
-
const nestedChildren =
|
|
623
|
+
const nestedChildren = React3__namespace.Children.map(child.props.children, enhanceChild);
|
|
624
624
|
if (nestedChildren !== child.props.children) {
|
|
625
|
-
return
|
|
625
|
+
return React3__namespace.cloneElement(child, void 0, nestedChildren);
|
|
626
626
|
}
|
|
627
627
|
}
|
|
628
628
|
return child;
|
|
629
629
|
};
|
|
630
|
-
const resolvedChildren =
|
|
630
|
+
const resolvedChildren = React3__namespace.Children.map(children, enhanceChild);
|
|
631
631
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
632
632
|
"div",
|
|
633
633
|
{
|
|
@@ -655,7 +655,7 @@ var offsetClasses = {
|
|
|
655
655
|
};
|
|
656
656
|
var menuBaseClasses = "absolute z-50 min-w-[10rem] rounded-xl border border-gray-200/80 bg-white/95 p-2 text-sm text-gray-700 shadow-lg shadow-gray-900/10 ring-1 ring-black/5 backdrop-blur-md transition-all duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2";
|
|
657
657
|
var overlayBaseClasses = "fixed inset-0 z-40 bg-gray-900/30 backdrop-blur-[1px]";
|
|
658
|
-
var Menu =
|
|
658
|
+
var Menu = React3__namespace.forwardRef((props, ref) => {
|
|
659
659
|
const {
|
|
660
660
|
activator,
|
|
661
661
|
children,
|
|
@@ -732,7 +732,7 @@ var Menu = React4__namespace.forwardRef((props, ref) => {
|
|
|
732
732
|
});
|
|
733
733
|
Menu.displayName = "Menu";
|
|
734
734
|
var Menu_default = Menu;
|
|
735
|
-
var ExpansionPanelContext =
|
|
735
|
+
var ExpansionPanelContext = React3__namespace.createContext(null);
|
|
736
736
|
var densityClasses2 = {
|
|
737
737
|
comfortable: "py-5",
|
|
738
738
|
default: "py-4",
|
|
@@ -761,7 +761,7 @@ var accentClasses2 = {
|
|
|
761
761
|
surface: { text: "text-gray-900", bg: "bg-gray-100", border: "border-gray-200" },
|
|
762
762
|
bw: { text: "text-gray-900", bg: "bg-gray-100", border: "border-gray-200" }
|
|
763
763
|
};
|
|
764
|
-
var ExpansionPanelItem =
|
|
764
|
+
var ExpansionPanelItem = React3.forwardRef((props, ref) => {
|
|
765
765
|
const {
|
|
766
766
|
value,
|
|
767
767
|
title,
|
|
@@ -780,8 +780,8 @@ var ExpansionPanelItem = React4__namespace.forwardRef((props, ref) => {
|
|
|
780
780
|
color: colorOverride,
|
|
781
781
|
...rest
|
|
782
782
|
} = props;
|
|
783
|
-
const context =
|
|
784
|
-
const generatedValue =
|
|
783
|
+
const context = React3.useContext(ExpansionPanelContext);
|
|
784
|
+
const generatedValue = React3.useId();
|
|
785
785
|
const panelValue = value ?? generatedValue;
|
|
786
786
|
const density = context?.density ?? "default";
|
|
787
787
|
const color = colorOverride ?? context?.color ?? "primary";
|
|
@@ -789,9 +789,9 @@ var ExpansionPanelItem = React4__namespace.forwardRef((props, ref) => {
|
|
|
789
789
|
const variant = context?.variant ?? "elevated";
|
|
790
790
|
const rounded = context?.rounded ?? "lg";
|
|
791
791
|
const accent = accentClasses2[color] ?? accentClasses2.primary;
|
|
792
|
-
const headerId =
|
|
793
|
-
const contentId =
|
|
794
|
-
const [standaloneExpanded, setStandaloneExpanded] =
|
|
792
|
+
const headerId = React3.useId();
|
|
793
|
+
const contentId = React3.useId();
|
|
794
|
+
const [standaloneExpanded, setStandaloneExpanded] = React3.useState(false);
|
|
795
795
|
const isExpanded = context ? context.expandedValues.includes(panelValue) : standaloneExpanded;
|
|
796
796
|
const handleToggle = () => {
|
|
797
797
|
if (disabled) {
|
|
@@ -917,7 +917,7 @@ var normalizeValues = (value, allowMultiple) => {
|
|
|
917
917
|
return normalized.length ? [normalized[0]] : [];
|
|
918
918
|
};
|
|
919
919
|
var clampValues = (values, allowMultiple) => allowMultiple ? uniqueValues(values) : values.length ? [values[0]] : [];
|
|
920
|
-
var ExpansionPanel =
|
|
920
|
+
var ExpansionPanel = React3.forwardRef((props, ref) => {
|
|
921
921
|
const {
|
|
922
922
|
variant = "elevated",
|
|
923
923
|
rounded = "lg",
|
|
@@ -933,22 +933,22 @@ var ExpansionPanel = React4__namespace.forwardRef((props, ref) => {
|
|
|
933
933
|
...rest
|
|
934
934
|
} = props;
|
|
935
935
|
const isControlled = value !== void 0;
|
|
936
|
-
const controlledValues =
|
|
936
|
+
const controlledValues = React3.useMemo(() => {
|
|
937
937
|
if (!isControlled) {
|
|
938
938
|
return void 0;
|
|
939
939
|
}
|
|
940
940
|
return normalizeValues(value, multiple);
|
|
941
941
|
}, [isControlled, value, multiple]);
|
|
942
|
-
const [internalValues, setInternalValues] =
|
|
942
|
+
const [internalValues, setInternalValues] = React3.useState(
|
|
943
943
|
() => normalizeValues(defaultValue, multiple)
|
|
944
944
|
);
|
|
945
945
|
const expandedValues = controlledValues ?? internalValues;
|
|
946
|
-
|
|
946
|
+
React3.useEffect(() => {
|
|
947
947
|
if (!isControlled) {
|
|
948
948
|
setInternalValues((prev) => clampValues(prev, multiple));
|
|
949
949
|
}
|
|
950
950
|
}, [multiple, isControlled]);
|
|
951
|
-
const handleValueChange =
|
|
951
|
+
const handleValueChange = React3.useCallback(
|
|
952
952
|
(next) => {
|
|
953
953
|
if (!isControlled) {
|
|
954
954
|
setInternalValues(next);
|
|
@@ -963,7 +963,7 @@ var ExpansionPanel = React4__namespace.forwardRef((props, ref) => {
|
|
|
963
963
|
},
|
|
964
964
|
[isControlled, multiple, onChange]
|
|
965
965
|
);
|
|
966
|
-
const toggle =
|
|
966
|
+
const toggle = React3.useCallback(
|
|
967
967
|
(panelValue, disabled) => {
|
|
968
968
|
if (disabled) {
|
|
969
969
|
return;
|
|
@@ -974,7 +974,7 @@ var ExpansionPanel = React4__namespace.forwardRef((props, ref) => {
|
|
|
974
974
|
},
|
|
975
975
|
[expandedValues, handleValueChange, multiple]
|
|
976
976
|
);
|
|
977
|
-
const providerValue =
|
|
977
|
+
const providerValue = React3.useMemo(
|
|
978
978
|
() => ({ expandedValues, toggle, density, color, divider, rounded, variant }),
|
|
979
979
|
[expandedValues, toggle, density, color, divider, rounded, variant]
|
|
980
980
|
);
|
|
@@ -1003,7 +1003,7 @@ var resolveSizeValue = (value) => {
|
|
|
1003
1003
|
}
|
|
1004
1004
|
return typeof value === "number" ? `${value}px` : value;
|
|
1005
1005
|
};
|
|
1006
|
-
var Dialog =
|
|
1006
|
+
var Dialog = React3__namespace.forwardRef((props, forwardedRef) => {
|
|
1007
1007
|
const {
|
|
1008
1008
|
activator,
|
|
1009
1009
|
children,
|
|
@@ -1120,7 +1120,7 @@ var arrowPlacementClasses = {
|
|
|
1120
1120
|
"right-start": "left-full top-4 -translate-x-1/2",
|
|
1121
1121
|
"right-end": "left-full bottom-4 -translate-x-1/2"
|
|
1122
1122
|
};
|
|
1123
|
-
var ToolTip =
|
|
1123
|
+
var ToolTip = React3__namespace.forwardRef((props, forwardedRef) => {
|
|
1124
1124
|
const {
|
|
1125
1125
|
activator,
|
|
1126
1126
|
children,
|