thailife-react 0.0.7 → 0.0.9
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.esm.js +55 -43
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +64 -34
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -2,6 +2,25 @@
|
|
|
2
2
|
|
|
3
3
|
var React = require('react');
|
|
4
4
|
|
|
5
|
+
function _interopNamespaceDefault(e) {
|
|
6
|
+
var n = Object.create(null);
|
|
7
|
+
if (e) {
|
|
8
|
+
Object.keys(e).forEach(function (k) {
|
|
9
|
+
if (k !== 'default') {
|
|
10
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
11
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
12
|
+
enumerable: true,
|
|
13
|
+
get: function () { return e[k]; }
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
n.default = e;
|
|
19
|
+
return Object.freeze(n);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
23
|
+
|
|
5
24
|
function styleInject(css, ref) {
|
|
6
25
|
if ( ref === void 0 ) ref = {};
|
|
7
26
|
var insertAt = ref.insertAt;
|
|
@@ -67,6 +86,28 @@ function _defineProperty(e, r, t) {
|
|
|
67
86
|
}) : e[r] = t, e;
|
|
68
87
|
}
|
|
69
88
|
|
|
89
|
+
function ownKeys(e, r) {
|
|
90
|
+
var t = Object.keys(e);
|
|
91
|
+
if (Object.getOwnPropertySymbols) {
|
|
92
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
93
|
+
r && (o = o.filter(function (r) {
|
|
94
|
+
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
95
|
+
})), t.push.apply(t, o);
|
|
96
|
+
}
|
|
97
|
+
return t;
|
|
98
|
+
}
|
|
99
|
+
function _objectSpread2(e) {
|
|
100
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
101
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
102
|
+
r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
|
|
103
|
+
_defineProperty(e, r, t[r]);
|
|
104
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
|
|
105
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
return e;
|
|
109
|
+
}
|
|
110
|
+
|
|
70
111
|
function _objectWithoutPropertiesLoose(r, e) {
|
|
71
112
|
if (null == r) return {};
|
|
72
113
|
var t = {};
|
|
@@ -89,10 +130,16 @@ function _objectWithoutProperties(e, t) {
|
|
|
89
130
|
return i;
|
|
90
131
|
}
|
|
91
132
|
|
|
133
|
+
function getDefaultExportFromNamespaceIfNotNamed (n) {
|
|
134
|
+
return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
|
|
135
|
+
}
|
|
136
|
+
|
|
92
137
|
var jsxRuntime = {exports: {}};
|
|
93
138
|
|
|
94
139
|
var reactJsxRuntime_production_min = {};
|
|
95
140
|
|
|
141
|
+
var require$$0 = /*@__PURE__*/getDefaultExportFromNamespaceIfNotNamed(React__namespace);
|
|
142
|
+
|
|
96
143
|
/**
|
|
97
144
|
* @license React
|
|
98
145
|
* react-jsx-runtime.production.min.js
|
|
@@ -108,7 +155,7 @@ var hasRequiredReactJsxRuntime_production_min;
|
|
|
108
155
|
function requireReactJsxRuntime_production_min () {
|
|
109
156
|
if (hasRequiredReactJsxRuntime_production_min) return reactJsxRuntime_production_min;
|
|
110
157
|
hasRequiredReactJsxRuntime_production_min = 1;
|
|
111
|
-
var f=
|
|
158
|
+
var f=require$$0,k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:true,ref:true,__self:true,__source:true};
|
|
112
159
|
function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a) void 0===d[b]&&(d[b]=a[b]);return {$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}reactJsxRuntime_production_min.Fragment=l;reactJsxRuntime_production_min.jsx=q;reactJsxRuntime_production_min.jsxs=q;
|
|
113
160
|
return reactJsxRuntime_production_min;
|
|
114
161
|
}
|
|
@@ -134,7 +181,7 @@ function requireReactJsxRuntime_development () {
|
|
|
134
181
|
if (process.env.NODE_ENV !== "production") {
|
|
135
182
|
(function() {
|
|
136
183
|
|
|
137
|
-
var React
|
|
184
|
+
var React = require$$0;
|
|
138
185
|
|
|
139
186
|
// ATTENTION
|
|
140
187
|
// When adding new symbols to this file,
|
|
@@ -169,7 +216,7 @@ function requireReactJsxRuntime_development () {
|
|
|
169
216
|
return null;
|
|
170
217
|
}
|
|
171
218
|
|
|
172
|
-
var ReactSharedInternals = React
|
|
219
|
+
var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
173
220
|
|
|
174
221
|
function error(format) {
|
|
175
222
|
{
|
|
@@ -1450,16 +1497,11 @@ function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else i
|
|
|
1450
1497
|
* Utility function to merge Tailwind CSS classes
|
|
1451
1498
|
* Uses clsx for conditional classes and basic merging
|
|
1452
1499
|
*/
|
|
1453
|
-
function cn() {
|
|
1454
|
-
for (var _len = arguments.length, inputs = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
1455
|
-
inputs[_key] = arguments[_key];
|
|
1456
|
-
}
|
|
1500
|
+
function cn(...inputs) {
|
|
1457
1501
|
return clsx(inputs);
|
|
1458
1502
|
}
|
|
1459
1503
|
|
|
1460
1504
|
const _excluded$6 = ["className", "color", "variant", "size", "fullWidth", "loading", "disabled", "children"];
|
|
1461
|
-
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1462
|
-
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1463
1505
|
const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
1464
1506
|
let {
|
|
1465
1507
|
className,
|
|
@@ -1498,7 +1540,7 @@ const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1498
1540
|
md: "px-4 py-2 text-sm",
|
|
1499
1541
|
lg: "px-6 py-3 text-base"
|
|
1500
1542
|
};
|
|
1501
|
-
return jsxRuntimeExports.jsx("button",
|
|
1543
|
+
return jsxRuntimeExports.jsx("button", _objectSpread2(_objectSpread2({
|
|
1502
1544
|
className: cn(baseClasses, variants[variant][color], sizes[size], fullWidth && "w-full", (disabled || loading) && "opacity-50 cursor-not-allowed", className),
|
|
1503
1545
|
ref: ref,
|
|
1504
1546
|
disabled: disabled || loading
|
|
@@ -1509,8 +1551,6 @@ const Button = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1509
1551
|
Button.displayName = "Button";
|
|
1510
1552
|
|
|
1511
1553
|
const _excluded$5 = ["className", "type", "label", "error", "helperText", "size", "fullWidth", "id"];
|
|
1512
|
-
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1513
|
-
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1514
1554
|
const Input = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
1515
1555
|
let {
|
|
1516
1556
|
className,
|
|
@@ -1523,7 +1563,7 @@ const Input = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1523
1563
|
id
|
|
1524
1564
|
} = _ref,
|
|
1525
1565
|
props = _objectWithoutProperties(_ref, _excluded$5);
|
|
1526
|
-
const inputId = id ||
|
|
1566
|
+
const inputId = id || `input-${Math.random().toString(36).substr(2, 9)}`;
|
|
1527
1567
|
const sizes = {
|
|
1528
1568
|
sm: "px-3 py-1.5 text-sm",
|
|
1529
1569
|
md: "px-4 py-2 text-sm",
|
|
@@ -1536,7 +1576,7 @@ const Input = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1536
1576
|
htmlFor: inputId,
|
|
1537
1577
|
className: "mb-1 text-sm font-medium text-secondary-700",
|
|
1538
1578
|
children: label
|
|
1539
|
-
}), jsxRuntimeExports.jsx("input",
|
|
1579
|
+
}), jsxRuntimeExports.jsx("input", _objectSpread2({
|
|
1540
1580
|
type: type,
|
|
1541
1581
|
className: baseClasses,
|
|
1542
1582
|
ref: ref,
|
|
@@ -1550,8 +1590,6 @@ const Input = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1550
1590
|
Input.displayName = "Input";
|
|
1551
1591
|
|
|
1552
1592
|
const _excluded$4 = ["className", "label", "error", "helperText", "size", "fullWidth", "rows", "id"];
|
|
1553
|
-
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1554
|
-
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1555
1593
|
const Textarea = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
1556
1594
|
let {
|
|
1557
1595
|
className,
|
|
@@ -1564,7 +1602,7 @@ const Textarea = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1564
1602
|
id
|
|
1565
1603
|
} = _ref,
|
|
1566
1604
|
props = _objectWithoutProperties(_ref, _excluded$4);
|
|
1567
|
-
const textareaId = id ||
|
|
1605
|
+
const textareaId = id || `textarea-${Math.random().toString(36).substr(2, 9)}`;
|
|
1568
1606
|
const sizes = {
|
|
1569
1607
|
sm: "px-3 py-1.5 text-sm",
|
|
1570
1608
|
md: "px-4 py-2 text-sm",
|
|
@@ -1577,7 +1615,7 @@ const Textarea = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1577
1615
|
htmlFor: textareaId,
|
|
1578
1616
|
className: "mb-1 text-sm font-medium text-secondary-700",
|
|
1579
1617
|
children: label
|
|
1580
|
-
}), jsxRuntimeExports.jsx("textarea",
|
|
1618
|
+
}), jsxRuntimeExports.jsx("textarea", _objectSpread2({
|
|
1581
1619
|
className: baseClasses,
|
|
1582
1620
|
ref: ref,
|
|
1583
1621
|
id: textareaId,
|
|
@@ -1591,8 +1629,6 @@ const Textarea = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1591
1629
|
Textarea.displayName = "Textarea";
|
|
1592
1630
|
|
|
1593
1631
|
const _excluded$3 = ["className", "label", "error", "helperText", "size", "fullWidth", "accept", "multiple", "buttonText", "id"];
|
|
1594
|
-
function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1595
|
-
function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1596
1632
|
const InputFile = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
1597
1633
|
let {
|
|
1598
1634
|
className,
|
|
@@ -1607,7 +1643,7 @@ const InputFile = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1607
1643
|
id
|
|
1608
1644
|
} = _ref,
|
|
1609
1645
|
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
1610
|
-
const inputId = id ||
|
|
1646
|
+
const inputId = id || `file-input-${Math.random().toString(36).substr(2, 9)}`;
|
|
1611
1647
|
const sizes = {
|
|
1612
1648
|
sm: "px-3 py-1.5 text-sm",
|
|
1613
1649
|
md: "px-4 py-2 text-sm",
|
|
@@ -1622,7 +1658,7 @@ const InputFile = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1622
1658
|
children: label
|
|
1623
1659
|
}), jsxRuntimeExports.jsxs("div", {
|
|
1624
1660
|
className: "relative",
|
|
1625
|
-
children: [jsxRuntimeExports.jsx("input",
|
|
1661
|
+
children: [jsxRuntimeExports.jsx("input", _objectSpread2({
|
|
1626
1662
|
type: "file",
|
|
1627
1663
|
className: "absolute inset-0 w-full h-full opacity-0 cursor-pointer",
|
|
1628
1664
|
ref: ref,
|
|
@@ -1648,8 +1684,6 @@ const InputFile = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1648
1684
|
InputFile.displayName = "InputFile";
|
|
1649
1685
|
|
|
1650
1686
|
const _excluded$2 = ["className", "label", "error", "helperText", "size", "fullWidth", "indeterminate", "id"];
|
|
1651
|
-
function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1652
|
-
function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1653
1687
|
const Checkbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
1654
1688
|
let {
|
|
1655
1689
|
className,
|
|
@@ -1662,7 +1696,7 @@ const Checkbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1662
1696
|
id
|
|
1663
1697
|
} = _ref,
|
|
1664
1698
|
props = _objectWithoutProperties(_ref, _excluded$2);
|
|
1665
|
-
const checkboxId = id ||
|
|
1699
|
+
const checkboxId = id || `checkbox-${Math.random().toString(36).substr(2, 9)}`;
|
|
1666
1700
|
const sizes = {
|
|
1667
1701
|
sm: "w-4 h-4",
|
|
1668
1702
|
md: "w-5 h-5",
|
|
@@ -1683,7 +1717,7 @@ const Checkbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1683
1717
|
className: cn("flex items-start", fullWidth && "w-full"),
|
|
1684
1718
|
children: [jsxRuntimeExports.jsx("div", {
|
|
1685
1719
|
className: "flex items-center h-5",
|
|
1686
|
-
children: jsxRuntimeExports.jsx("input",
|
|
1720
|
+
children: jsxRuntimeExports.jsx("input", _objectSpread2({
|
|
1687
1721
|
type: "checkbox",
|
|
1688
1722
|
className: baseClasses,
|
|
1689
1723
|
ref: ref,
|
|
@@ -1705,8 +1739,6 @@ const Checkbox = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1705
1739
|
Checkbox.displayName = "Checkbox";
|
|
1706
1740
|
|
|
1707
1741
|
const _excluded$1 = ["className", "label", "error", "helperText", "size", "fullWidth", "id"];
|
|
1708
|
-
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1709
|
-
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1710
1742
|
const Radio = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
1711
1743
|
let {
|
|
1712
1744
|
className,
|
|
@@ -1718,7 +1750,7 @@ const Radio = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1718
1750
|
id
|
|
1719
1751
|
} = _ref,
|
|
1720
1752
|
props = _objectWithoutProperties(_ref, _excluded$1);
|
|
1721
|
-
const radioId = id ||
|
|
1753
|
+
const radioId = id || `radio-${Math.random().toString(36).substr(2, 9)}`;
|
|
1722
1754
|
const sizes = {
|
|
1723
1755
|
sm: "w-4 h-4",
|
|
1724
1756
|
md: "w-5 h-5",
|
|
@@ -1734,7 +1766,7 @@ const Radio = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1734
1766
|
className: cn("flex items-start", fullWidth && "w-full"),
|
|
1735
1767
|
children: [jsxRuntimeExports.jsx("div", {
|
|
1736
1768
|
className: "flex items-center h-5",
|
|
1737
|
-
children: jsxRuntimeExports.jsx("input",
|
|
1769
|
+
children: jsxRuntimeExports.jsx("input", _objectSpread2({
|
|
1738
1770
|
type: "radio",
|
|
1739
1771
|
className: baseClasses,
|
|
1740
1772
|
ref: ref,
|
|
@@ -1756,8 +1788,6 @@ const Radio = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1756
1788
|
Radio.displayName = "Radio";
|
|
1757
1789
|
|
|
1758
1790
|
const _excluded = ["className", "label", "error", "helperText", "size", "fullWidth", "options", "placeholder", "id"];
|
|
1759
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1760
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1761
1791
|
const Select = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
1762
1792
|
let {
|
|
1763
1793
|
className,
|
|
@@ -1771,7 +1801,7 @@ const Select = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1771
1801
|
id
|
|
1772
1802
|
} = _ref,
|
|
1773
1803
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
1774
|
-
const selectId = id ||
|
|
1804
|
+
const selectId = id || `select-${Math.random().toString(36).substr(2, 9)}`;
|
|
1775
1805
|
const sizes = {
|
|
1776
1806
|
sm: "px-3 py-1.5 text-sm",
|
|
1777
1807
|
md: "px-4 py-2 text-sm",
|
|
@@ -1786,7 +1816,7 @@ const Select = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
1786
1816
|
children: label
|
|
1787
1817
|
}), jsxRuntimeExports.jsxs("div", {
|
|
1788
1818
|
className: "relative",
|
|
1789
|
-
children: [jsxRuntimeExports.jsxs("select",
|
|
1819
|
+
children: [jsxRuntimeExports.jsxs("select", _objectSpread2(_objectSpread2({
|
|
1790
1820
|
className: baseClasses,
|
|
1791
1821
|
ref: ref,
|
|
1792
1822
|
id: selectId
|