@adaptabletools/adaptable-cjs 22.1.1 → 23.0.0-canary.0

package/src/components/icons/sort-desc.js

@@ -1,10 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("g", { transform: "scale(0.021 0.021)" },
-        React.createElement("path", { d: "M320 768v-768h-128v768h-160l224 224 224-224h-160z" }),
-        React.createElement("path", { d: "M928 448h-256c-11.8 0-22.644-6.496-28.214-16.9-5.566-10.406-4.958-23.030 1.59-32.85l222.832-334.25h-196.208c-17.672 0-32-14.328-32-32s14.328-32 32-32h256c11.8 0 22.644 6.496 28.214 16.9 5.566 10.406 4.958 23.030-1.59 32.85l-222.83 334.25h196.206c17.672 0 32 14.328 32 32s-14.328 32-32 32z" }),
-        React.createElement("path", { d: "M1020.622 977.69l-192.002-384c-5.42-10.842-16.502-17.69-28.622-17.69-12.122 0-23.202 6.848-28.624 17.69l-191.996 384c-7.904 15.806-1.496 35.030 14.31 42.932 4.594 2.296 9.476 3.386 14.288 3.386 11.736 0 23.040-6.484 28.644-17.698l55.158-110.31h216.446l55.156 110.31c7.902 15.806 27.124 22.21 42.932 14.31 15.806-7.902 22.214-27.124 14.31-42.93zM723.778 832l76.22-152.446 76.226 152.446h-152.446z" }))));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsxs)("g", { transform: "scale(0.021 0.021)", children: [(0, jsx_runtime_1.jsx)("path", { d: "M320 768v-768h-128v768h-160l224 224 224-224h-160z" }), (0, jsx_runtime_1.jsx)("path", { d: "M928 448h-256c-11.8 0-22.644-6.496-28.214-16.9-5.566-10.406-4.958-23.030 1.59-32.85l222.832-334.25h-196.208c-17.672 0-32-14.328-32-32s14.328-32 32-32h256c11.8 0 22.644 6.496 28.214 16.9 5.566 10.406 4.958 23.030-1.59 32.85l-222.83 334.25h196.206c17.672 0 32 14.328 32 32s-14.328 32-32 32z" }), (0, jsx_runtime_1.jsx)("path", { d: "M1020.622 977.69l-192.002-384c-5.42-10.842-16.502-17.69-28.622-17.69-12.122 0-23.202 6.848-28.624 17.69l-191.996 384c-7.904 15.806-1.496 35.030 14.31 42.932 4.594 2.296 9.476 3.386 14.288 3.386 11.736 0 23.040-6.484 28.644-17.698l55.158-110.31h216.446l55.156 110.31c7.902 15.806 27.124 22.21 42.932 14.31 15.806-7.902 22.214-27.124 14.31-42.93zM723.778 832l76.22-152.446 76.226 152.446h-152.446z" })] }) }));

package/src/components/icons/spark-line.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M3.5 18.49l6-6.01 4 4L22 6.92l-1.41-1.41-7.09 7.97-4-4L2 16.99z" }) }));

package/src/components/icons/star.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const _default: (props: any) => React.JSX.Element;
+export default _default;

package/src/components/icons/star.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
+// 5-pointed star, the canonical Rating column glyph.
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M12 2 L14.9 8.6 L22 9.3 L16.7 14.1 L18.2 21 L12 17.4 L5.8 21 L7.3 14.1 L2 9.3 L9.1 8.6 Z" }) }));

package/src/components/icons/starts-with.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M11.14 4L6.43 16H8.36L9.32 13.43H14.67L15.64 16H17.57L12.86 4M12 6.29L14.03 11.71H9.96M4 18V15H2V20H22V18Z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M11.14 4L6.43 16H8.36L9.32 13.43H14.67L15.64 16H17.57L12.86 4M12 6.29L14.03 11.71H9.96M4 18V15H2V20H22V18Z" }) }));

package/src/components/icons/state-management.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M15 9H9v6h6V9zm-2 4h-2v-2h2v2zm8-2V9h-2V7c0-1.1-.9-2-2-2h-2V3h-2v2h-2V3H9v2H7c-1.1 0-2 .9-2 2v2H3v2h2v2H3v2h2v2c0 1.1.9 2 2 2h2v2h2v-2h2v2h2v-2h2c1.1 0 2-.9 2-2v-2h2v-2h-2v-2h2zm-4 6H7V7h10v10z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M15 9H9v6h6V9zm-2 4h-2v-2h2v2zm8-2V9h-2V7c0-1.1-.9-2-2-2h-2V3h-2v2h-2V3H9v2H7c-1.1 0-2 .9-2 2v2H3v2h2v2H3v2h2v2c0 1.1.9 2 2 2h2v2h2v-2h2v2h2v-2h2c1.1 0 2-.9 2-2v-2h2v-2h-2v-2h2zm-4 6H7V7h10v10z" }) }));

package/src/components/icons/statusbar.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M0 0h24v24H0V0z", fill: "none" }),
-    React.createElement("path", { d: "M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM5 15h14v3H5z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsxs)(DefaultIcon_1.default, { ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zM5 15h14v3H5z" })] }));

package/src/components/icons/stop.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M6 6h12v12H6z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M6 6h12v12H6z" }) }));

package/src/components/icons/strikethrough.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props, viewBox: "0 96 960 960" },
-    React.createElement("path", { d: "M486 896q-76 0-135-45t-85-123l88-38q14 48 48.5 79t85.5 31q42 0 76-20t34-64q0-18-7-33t-19-27h112q5 14 7.5 28.5T694 716q0 86-61.5 133T486 896ZM80 576v-80h800v80H80Zm402-326q66 0 115.5 32.5T674 382l-88 39q-9-29-33.5-52T484 346q-41 0-68 18.5T386 416h-96q2-69 54.5-117.5T482 250Z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, viewBox: "0 96 960 960", children: (0, jsx_runtime_1.jsx)("path", { d: "M486 896q-76 0-135-45t-85-123l88-38q14 48 48.5 79t85.5 31q42 0 76-20t34-64q0-18-7-33t-19-27h112q5 14 7.5 28.5T694 716q0 86-61.5 133T486 896ZM80 576v-80h800v80H80Zm402-326q66 0 115.5 32.5T674 382l-88 39q-9-29-33.5-52T484 346q-41 0-68 18.5T386 416h-96q2-69 54.5-117.5T482 250Z" }) }));

package/src/components/icons/styled-grid.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M4,2H18A2,2 0 0,1 20,4V8.17L16.17,12H12V16.17L10.17,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,6V10H10V6H4M12,6V10H18V6H12M4,12V16H10V12H4Z" }),
-    React.createElement("path", { transform: "scale(0.5) translate(24, 24)", d: "M6 21q-1.125 0-2.225-.55T2 19q.65 0 1.325-.512Q4 17.975 4 17q0-1.25.875-2.125T7 14q1.25 0 2.125.875T10 17q0 1.65-1.175 2.825Q7.65 21 6 21Zm0-2q.825 0 1.412-.587Q8 17.825 8 17q0-.425-.287-.712Q7.425 16 7 16t-.713.288Q6 16.575 6 17q0 .575-.137 1.05-.138.475-.363.9.125.05.25.05H6Zm5.75-4L9 12.25l8.95-8.95q.275-.275.688-.288.412-.012.712.288l1.35 1.35q.3.3.3.7 0 .4-.3.7ZM7 17Z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsxs)(DefaultIcon_1.default, { ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M4,2H18A2,2 0 0,1 20,4V8.17L16.17,12H12V16.17L10.17,18H4A2,2 0 0,1 2,16V4A2,2 0 0,1 4,2M4,6V10H10V6H4M12,6V10H18V6H12M4,12V16H10V12H4Z" }), (0, jsx_runtime_1.jsx)("path", { transform: "scale(0.5) translate(24, 24)", d: "M6 21q-1.125 0-2.225-.55T2 19q.65 0 1.325-.512Q4 17.975 4 17q0-1.25.875-2.125T7 14q1.25 0 2.125.875T10 17q0 1.65-1.175 2.825Q7.65 21 6 21Zm0-2q.825 0 1.412-.587Q8 17.825 8 17q0-.425-.287-.712Q7.425 16 7 16t-.713.288Q6 16.575 6 17q0 .575-.137 1.05-.138.475-.363.9.125.05.25.05H6Zm5.75-4L9 12.25l8.95-8.95q.275-.275.688-.288.412-.012.712.288l1.35 1.35q.3.3.3.7 0 .4-.3.7ZM7 17Z" })] }));

package/src/components/icons/sync.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props, viewBox: "0 -960 960 960" },
-    React.createElement("path", { d: "M280-120 80-320l200-200 57 56-104 104h607v80H233l104 104-57 56Zm400-320-57-56 104-104H120v-80h607L623-784l57-56 200 200-200 200Z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, viewBox: "0 -960 960 960", children: (0, jsx_runtime_1.jsx)("path", { d: "M280-120 80-320l200-200 57 56-104 104h607v80H233l104 104-57 56Zm400-320-57-56 104-104H120v-80h607L623-784l57-56 200 200-200 200Z" }) }));

package/src/components/icons/system-status.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M20 10h-3V8.86c1.72-.45 3-2 3-3.86h-3V4c0-.55-.45-1-1-1H8c-.55 0-1 .45-1 1v1H4c0 1.86 1.28 3.41 3 3.86V10H4c0 1.86 1.28 3.41 3 3.86V15H4c0 1.86 1.28 3.41 3 3.86V20c0 .55.45 1 1 1h8c.55 0 1-.45 1-1v-1.14c1.72-.45 3-2 3-3.86h-3v-1.14c1.72-.45 3-2 3-3.86zm-8 9c-1.11 0-2-.9-2-2s.89-2 2-2c1.1 0 2 .9 2 2s-.89 2-2 2zm0-5c-1.11 0-2-.9-2-2s.89-2 2-2c1.1 0 2 .9 2 2s-.89 2-2 2zm0-5c-1.11 0-2-.9-2-2 0-1.11.89-2 2-2 1.1 0 2 .89 2 2 0 1.1-.89 2-2 2z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M20 10h-3V8.86c1.72-.45 3-2 3-3.86h-3V4c0-.55-.45-1-1-1H8c-.55 0-1 .45-1 1v1H4c0 1.86 1.28 3.41 3 3.86V10H4c0 1.86 1.28 3.41 3 3.86V15H4c0 1.86 1.28 3.41 3 3.86V20c0 .55.45 1 1 1h8c.55 0 1-.45 1-1v-1.14c1.72-.45 3-2 3-3.86h-3v-1.14c1.72-.45 3-2 3-3.86zm-8 9c-1.11 0-2-.9-2-2s.89-2 2-2c1.1 0 2 .9 2 2s-.89 2-2 2zm0-5c-1.11 0-2-.9-2-2s.89-2 2-2c1.1 0 2 .9 2 2s-.89 2-2 2zm0-5c-1.11 0-2-.9-2-2 0-1.11.89-2 2-2 1.1 0 2 .89 2 2 0 1.1-.89 2-2 2z" }) }));

package/src/components/icons/tab-unselected.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M1 9h2V7H1v2zm0 4h2v-2H1v2zm0-8h2V3c-1.1 0-2 .9-2 2zm8 16h2v-2H9v2zm-8-4h2v-2H1v2zm2 4v-2H1c0 1.1.9 2 2 2zM21 3h-8v6h10V5c0-1.1-.9-2-2-2zm0 14h2v-2h-2v2zM9 5h2V3H9v2zM5 21h2v-2H5v2zM5 5h2V3H5v2zm16 16c1.1 0 2-.9 2-2h-2v2zm0-8h2v-2h-2v2zm-8 8h2v-2h-2v2zm4 0h2v-2h-2v2z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M1 9h2V7H1v2zm0 4h2v-2H1v2zm0-8h2V3c-1.1 0-2 .9-2 2zm8 16h2v-2H9v2zm-8-4h2v-2H1v2zm2 4v-2H1c0 1.1.9 2 2 2zM21 3h-8v6h10V5c0-1.1-.9-2-2-2zm0 14h2v-2h-2v2zM9 5h2V3H9v2zM5 21h2v-2H5v2zM5 5h2V3H5v2zm16 16c1.1 0 2-.9 2-2h-2v2zm0-8h2v-2h-2v2zm-8 8h2v-2h-2v2zm4 0h2v-2h-2v2z" }) }));

package/src/components/icons/table-arrow-right.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M4 3H18C19.11 3 20 3.9 20 5V12.08C18.45 11.82 16.92 12.18 15.68 13H12V17H13.08C12.97 17.68 12.97 18.35 13.08 19H4C2.9 19 2 18.11 2 17V5C2 3.9 2.9 3 4 3M4 7V11H10V7H4M12 7V11H18V7H12M4 13V17H10V13H4M19.44 21V19H15.44V17H19.44V15L22.44 18L19.44 21" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M4 3H18C19.11 3 20 3.9 20 5V12.08C18.45 11.82 16.92 12.18 15.68 13H12V17H13.08C12.97 17.68 12.97 18.35 13.08 19H4C2.9 19 2 18.11 2 17V5C2 3.9 2.9 3 4 3M4 7V11H10V7H4M12 7V11H18V7H12M4 13V17H10V13H4M19.44 21V19H15.44V17H19.44V15L22.44 18L19.44 21" }) }));

package/src/components/icons/team-share.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-5 3c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm4 8h-8v-1c0-1.33 2.67-2 4-2s4 .67 4 2v1z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-5 3c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm4 8h-8v-1c0-1.33 2.67-2 4-2s4 .67 4 2v1z" }) }));

package/src/components/icons/theme.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M16.56 8.94L7.62 0 6.21 1.41l2.38 2.38-5.15 5.15c-.59.59-.59 1.54 0 2.12l5.5 5.5c.29.29.68.44 1.06.44s.77-.15 1.06-.44l5.5-5.5c.59-.58.59-1.53 0-2.12zM5.21 10L10 5.21 14.79 10H5.21zM19 11.5s-2 2.17-2 3.5c0 1.1.9 2 2 2s2-.9 2-2c0-1.33-2-3.5-2-3.5z" }),
-    React.createElement("path", { fillOpacity: ".36", d: "M0 20h24v4H0z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsxs)(DefaultIcon_1.default, { ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M16.56 8.94L7.62 0 6.21 1.41l2.38 2.38-5.15 5.15c-.59.59-.59 1.54 0 2.12l5.5 5.5c.29.29.68.44 1.06.44s.77-.15 1.06-.44l5.5-5.5c.59-.58.59-1.53 0-2.12zM5.21 10L10 5.21 14.79 10H5.21zM19 11.5s-2 2.17-2 3.5c0 1.1.9 2 2 2s2-.9 2-2c0-1.33-2-3.5-2-3.5z" }), (0, jsx_runtime_1.jsx)("path", { fillOpacity: ".36", d: "M0 20h24v4H0z" })] }));

package/src/components/icons/tool-panel.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm2 14H7v-2h7v2zm3-4H7v-2h10v2zm0-4H7V7h10v2z" }) }));

package/src/components/icons/track-changes.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M0 0h24v24H0V0z", fill: "none" }),
-    React.createElement("path", { d: "M19.07 4.93l-1.41 1.41C19.1 7.79 20 9.79 20 12c0 4.42-3.58 8-8 8s-8-3.58-8-8c0-4.08 3.05-7.44 7-7.93v2.02C8.16 6.57 6 9.03 6 12c0 3.31 2.69 6 6 6s6-2.69 6-6c0-1.66-.67-3.16-1.76-4.24l-1.41 1.41C15.55 9.9 16 10.9 16 12c0 2.21-1.79 4-4 4s-4-1.79-4-4c0-1.86 1.28-3.41 3-3.86v2.14c-.6.35-1 .98-1 1.72 0 1.1.9 2 2 2s2-.9 2-2c0-.74-.4-1.38-1-1.72V2h-1C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10c0-2.76-1.12-5.26-2.93-7.07z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsxs)(DefaultIcon_1.default, { ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M0 0h24v24H0V0z", fill: "none" }), (0, jsx_runtime_1.jsx)("path", { d: "M19.07 4.93l-1.41 1.41C19.1 7.79 20 9.79 20 12c0 4.42-3.58 8-8 8s-8-3.58-8-8c0-4.08 3.05-7.44 7-7.93v2.02C8.16 6.57 6 9.03 6 12c0 3.31 2.69 6 6 6s6-2.69 6-6c0-1.66-.67-3.16-1.76-4.24l-1.41 1.41C15.55 9.9 16 10.9 16 12c0 2.21-1.79 4-4 4s-4-1.79-4-4c0-1.86 1.28-3.41 3-3.86v2.14c-.6.35-1 .98-1 1.72 0 1.1.9 2 2 2s2-.9 2-2c0-.74-.4-1.38-1-1.72V2h-1C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10c0-2.76-1.12-5.26-2.93-7.07z" })] }));

package/src/components/icons/triangle-down.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M7 10l5 5 5-5z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M7 10l5 5 5-5z" }) }));

package/src/components/icons/triangle-up.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M7 14l5-5 5 5z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M7 14l5-5 5 5z" }) }));

package/src/components/icons/unchecked.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" }) }));

package/src/components/icons/underline.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props, viewBox: "0 96 960 960" },
-    React.createElement("path", { d: "M200 936v-80h560v80H200Zm280-160q-101 0-157-63t-56-167V216h103v336q0 56 28 91t82 35q54 0 82-35t28-91V216h103v330q0 104-56 167t-157 63Z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, viewBox: "0 96 960 960", children: (0, jsx_runtime_1.jsx)("path", { d: "M200 936v-80h560v80H200Zm280-160q-101 0-157-63t-56-167V216h103v336q0 56 28 91t82 35q54 0 82-35t28-91V216h103v330q0 104-56 167t-157 63Z" }) }));

package/src/components/icons/undo.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z" }) }));

package/src/components/icons/updated-row.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M12 16.5l4-4h-3v-9h-2v9H8l4 4zm9-13h-6v1.99h6v14.03H3V5.49h6V3.5H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M12 16.5l4-4h-3v-9h-2v9H8l4 4zm9-13h-6v1.99h6v14.03H3V5.49h6V3.5H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z" }) }));

package/src/components/icons/upload.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M5,20h14v-2H5V20z M5,10h4v6h6v-6h4l-7-7L5,10z" }),
-    ' '));
+exports.default = (props) => ((0, jsx_runtime_1.jsxs)(DefaultIcon_1.default, { ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M5,20h14v-2H5V20z M5,10h4v6h6v-6h4l-7-7L5,10z" }), ' '] }));

package/src/components/icons/user-filter.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" }) }));

package/src/components/icons/visibility-off.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "m16.1 13.3-1.45-1.45q.225-1.175-.675-2.2-.9-1.025-2.325-.8L10.2 7.4q.425-.2.862-.3Q11.5 7 12 7q1.875 0 3.188 1.312Q16.5 9.625 16.5 11.5q0 .5-.1.938-.1.437-.3.862Zm3.2 3.15-1.45-1.4q.95-.725 1.688-1.588.737-.862 1.262-1.962-1.25-2.525-3.588-4.013Q14.875 6 12 6q-.725 0-1.425.1-.7.1-1.375.3L7.65 4.85q1.025-.425 2.1-.638Q10.825 4 12 4q3.775 0 6.725 2.087Q21.675 8.175 23 11.5q-.575 1.475-1.512 2.738Q20.55 15.5 19.3 16.45Zm.5 6.15-4.2-4.15q-.875.275-1.762.413Q12.95 19 12 19q-3.775 0-6.725-2.087Q2.325 14.825 1 11.5q.525-1.325 1.325-2.463Q3.125 7.9 4.15 7L1.4 4.2l1.4-1.4 18.4 18.4ZM5.55 8.4q-.725.65-1.325 1.425T3.2 11.5q1.25 2.525 3.587 4.012Q9.125 17 12 17q.5 0 .975-.062.475-.063.975-.138l-.9-.95q-.275.075-.525.112Q12.275 16 12 16q-1.875 0-3.188-1.312Q7.5 13.375 7.5 11.5q0-.275.037-.525.038-.25.113-.525Zm7.975 2.325ZM9.75 12.6Z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "m16.1 13.3-1.45-1.45q.225-1.175-.675-2.2-.9-1.025-2.325-.8L10.2 7.4q.425-.2.862-.3Q11.5 7 12 7q1.875 0 3.188 1.312Q16.5 9.625 16.5 11.5q0 .5-.1.938-.1.437-.3.862Zm3.2 3.15-1.45-1.4q.95-.725 1.688-1.588.737-.862 1.262-1.962-1.25-2.525-3.588-4.013Q14.875 6 12 6q-.725 0-1.425.1-.7.1-1.375.3L7.65 4.85q1.025-.425 2.1-.638Q10.825 4 12 4q3.775 0 6.725 2.087Q21.675 8.175 23 11.5q-.575 1.475-1.512 2.738Q20.55 15.5 19.3 16.45Zm.5 6.15-4.2-4.15q-.875.275-1.762.413Q12.95 19 12 19q-3.775 0-6.725-2.087Q2.325 14.825 1 11.5q.525-1.325 1.325-2.463Q3.125 7.9 4.15 7L1.4 4.2l1.4-1.4 18.4 18.4ZM5.55 8.4q-.725.65-1.325 1.425T3.2 11.5q1.25 2.525 3.587 4.012Q9.125 17 12 17q.5 0 .975-.062.475-.063.975-.138l-.9-.95q-.275.075-.525.112Q12.275 16 12 16q-1.875 0-3.188-1.312Q7.5 13.375 7.5 11.5q0-.275.037-.525.038-.25.113-.525Zm7.975 2.325ZM9.75 12.6Z" }) }));

package/src/components/icons/visibility.js

@@ -1,8 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5q0-1.875-1.312-3.188Q13.875 7 12 7q-1.875 0-3.188 1.312Q7.5 9.625 7.5 11.5q0 1.875 1.312 3.188Q10.125 16 12 16Zm0-1.8q-1.125 0-1.912-.788Q9.3 12.625 9.3 11.5t.788-1.913Q10.875 8.8 12 8.8t1.913.787q.787.788.787 1.913t-.787 1.912q-.788.788-1.913.788Zm0 4.8q-3.65 0-6.65-2.038-3-2.037-4.35-5.462 1.35-3.425 4.35-5.463Q8.35 4 12 4q3.65 0 6.65 2.037 3 2.038 4.35 5.463-1.35 3.425-4.35 5.462Q15.65 19 12 19Zm0-7.5Zm0 5.5q2.825 0 5.188-1.488Q19.55 14.025 20.8 11.5q-1.25-2.525-3.612-4.013Q14.825 6 12 6 9.175 6 6.812 7.487 4.45 8.975 3.2 11.5q1.25 2.525 3.612 4.012Q9.175 17 12 17Z" }),
-    ' '));
+exports.default = (props) => ((0, jsx_runtime_1.jsxs)(DefaultIcon_1.default, { ...props, children: [(0, jsx_runtime_1.jsx)("path", { d: "M12 16q1.875 0 3.188-1.312Q16.5 13.375 16.5 11.5q0-1.875-1.312-3.188Q13.875 7 12 7q-1.875 0-3.188 1.312Q7.5 9.625 7.5 11.5q0 1.875 1.312 3.188Q10.125 16 12 16Zm0-1.8q-1.125 0-1.912-.788Q9.3 12.625 9.3 11.5t.788-1.913Q10.875 8.8 12 8.8t1.913.787q.787.788.787 1.913t-.787 1.912q-.788.788-1.913.788Zm0 4.8q-3.65 0-6.65-2.038-3-2.037-4.35-5.462 1.35-3.425 4.35-5.463Q8.35 4 12 4q3.65 0 6.65 2.037 3 2.038 4.35 5.463-1.35 3.425-4.35 5.462Q15.65 19 12 19Zm0-7.5Zm0 5.5q2.825 0 5.188-1.488Q19.55 14.025 20.8 11.5q-1.25-2.525-3.612-4.013Q14.825 6 12 6 9.175 6 6.812 7.487 4.45 8.975 3.2 11.5q1.25 2.525 3.612 4.012Q9.175 17 12 17Z" }), ' '] }));

package/src/components/icons/warning.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const DefaultIcon_1 = tslib_1.__importDefault(require("./DefaultIcon"));
-exports.default = (props) => (React.createElement(DefaultIcon_1.default, { ...props },
-    React.createElement("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" })));
+exports.default = (props) => ((0, jsx_runtime_1.jsx)(DefaultIcon_1.default, { ...props, children: (0, jsx_runtime_1.jsx)("path", { d: "M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" }) }));

package/src/components/twUtils.d.ts

@@ -2,6 +2,9 @@ export declare const targetOwn: {
     focusOutline: string;
     focusWithinOutline: string;
 };
+export declare const targetPeer: {
+    focusVisibleOutline: string;
+};
 export declare const targetChildren: {
     focusWithinOutline: string;
 };

package/src/components/twUtils.js

@@ -1,16 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.targetChildren = exports.targetOwn = void 0;
+exports.targetChildren = exports.targetPeer = exports.targetOwn = void 0;
 exports.targetOwn = {
     focusOutline: 
     // 'twa:outline-0 twa:focus:outline-2 twa:focus:outline-offset-1 twa:focus:outline-accent',
-    'twa:outline-0 twa:focus:shadow-(--ab-focus__box-shadow)',
+    // 'twa:outline-0 twa:focus:shadow-(--ab-focus__box-shadow)',
+    'twa:outline-none twa:focus-visible:border-ring twa:focus-visible:ring-3 twa:focus-visible:ring-ring/50',
     focusWithinOutline: 
     // 'twa:outline-0 twa:focus-within:outline-2 twa:focus-within:outline-offset-1 twa:focus-within:outline-accent',
-    'twa:outline-0 twa:focus-within:shadow-(--ab-focus__box-shadow)',
+    // 'twa:outline-0 twa:focus-within:shadow-(--ab-focus__box-shadow)',
+    'twa:outline-none twa:focus-within:border-ring twa:focus-within:ring-3 twa:focus-within:ring-ring/50',
+};
+exports.targetPeer = {
+    focusVisibleOutline: 'twa:peer-focus-visible:border-ring twa:peer-focus-visible:ring-3 twa:peer-focus-visible:ring-ring/50',
 };
 exports.targetChildren = {
     focusWithinOutline: 
     // 'twa:*:outline-0 twa:*:focus-within:outline-2 twa:*:focus-within:outline-offset-1 twa:*:focus-within:outline-accent',
-    'twa:*:outline-0 twa:*:focus-within:shadow-(--ab-focus__box-shadow)',
+    // 'twa:*:outline-0 twa:*:focus-within:shadow-(--ab-focus__box-shadow)',
+    'twa:*:outline-none twa:*:focus-within:border-ring twa:*:focus-within:ring-3 twa:*:focus-within:ring-ring/50',
 };

package/src/components/ui/button.d.ts

@@ -0,0 +1,8 @@
+import { Button as ButtonPrimitive } from '@base-ui/react/button';
+import { type VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: {
+    variant?: "link" | "secondary" | "default" | "ghost" | "outline" | "destructive";
+    size?: "default" | "icon" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-lg";
+} & import("class-variance-authority/dist/types").ClassProp) => string;
+declare function Button({ className, variant, size, ...props }: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>): import("react").JSX.Element;
+export { Button, buttonVariants };

package/src/components/ui/button.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.buttonVariants = void 0;
+exports.Button = Button;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const button_1 = require("@base-ui/react/button");
+const class_variance_authority_1 = require("class-variance-authority");
+const utils_1 = require("~/lib/utils");
+const buttonVariants = (0, class_variance_authority_1.cva)('twa:group/button twa:inline-flex twa:shrink-0 twa:items-center twa:justify-center twa:rounded-button twa:border twa:border-transparent twa:bg-clip-padding twa:text-sm twa:font-medium twa:whitespace-nowrap twa:transition-all twa:outline-none twa:select-none twa:focus-visible:border-ring twa:focus-visible:ring-3 twa:focus-visible:ring-ring/50 twa:active:translate-y-px twa:disabled:pointer-events-none twa:disabled:opacity-50 twa:aria-invalid:border-destructive twa:aria-invalid:ring-3 twa:aria-invalid:ring-destructive/20 twa:dark:aria-invalid:border-destructive/50 twa:dark:aria-invalid:ring-destructive/40 twa:[&_svg]:pointer-events-none twa:[&_svg]:shrink-0 twa:[&_svg:not([class*=size-])]:size-4', {
+    variants: {
+        variant: {
+            default: 'twa:bg-primary twa:text-primary-foreground twa:hover:bg-primary/80',
+            outline: 'twa:border-border twa:bg-background twa:shadow-xs twa:hover:bg-muted twa:hover:text-foreground twa:aria-expanded:bg-muted twa:aria-expanded:text-foreground twa:dark:border-input twa:dark:bg-input/30 twa:dark:hover:bg-input/50',
+            secondary: 'twa:bg-secondary twa:text-secondary-foreground twa:hover:bg-secondary/80 twa:aria-expanded:bg-secondary twa:aria-expanded:text-secondary-foreground',
+            ghost: 'twa:bg-transparent twa:hover:bg-muted twa:hover:text-foreground twa:aria-expanded:bg-muted twa:aria-expanded:text-foreground twa:dark:hover:bg-muted/50',
+            destructive: 'twa:bg-destructive/10 twa:text-destructive twa:hover:bg-destructive/20 twa:focus-visible:border-destructive/40 twa:focus-visible:ring-destructive/20 twa:dark:bg-destructive/20 twa:dark:hover:bg-destructive/30 twa:dark:focus-visible:ring-destructive/40',
+            link: 'twa:text-primary twa:underline-offset-4 twa:hover:underline',
+        },
+        size: {
+            default: 'twa:min-h-input twa:h-9 twa:gap-1.5 twa:px-2.5 twa:in-data-[slot=button-group]:rounded-md twa:has-data-[icon=inline-end]:pr-2 twa:has-data-[icon=inline-start]:pl-2',
+            xs: 'twa:h-6 twa:gap-1 twa:rounded-[min(var(--radius-md),8px)] twa:px-2 twa:text-xs twa:in-data-[slot=button-group]:rounded-md twa:has-data-[icon=inline-end]:pr-1.5 twa:has-data-[icon=inline-start]:pl-1.5 twa:[&_svg:not([class*=size-])]:size-3',
+            sm: 'twa:h-8 twa:gap-1 twa:rounded-[min(var(--radius-md),10px)] twa:px-2.5 twa:in-data-[slot=button-group]:rounded-md twa:has-data-[icon=inline-end]:pr-1.5 twa:has-data-[icon=inline-start]:pl-1.5',
+            lg: 'twa:h-10 twa:gap-1.5 twa:px-2.5 twa:has-data-[icon=inline-end]:pr-3 twa:has-data-[icon=inline-start]:pl-3',
+            icon: 'twa:size-9',
+            'icon-xs': 'twa:size-6 twa:rounded-[min(var(--radius-md),8px)] twa:in-data-[slot=button-group]:rounded-md twa:[&_svg:not([class*=size-])]:size-3',
+            'icon-sm': 'twa:size-8 twa:rounded-[min(var(--radius-md),10px)] twa:in-data-[slot=button-group]:rounded-md',
+            'icon-lg': 'twa:size-10',
+        },
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'default',
+    },
+});
+exports.buttonVariants = buttonVariants;
+function Button({ className, variant = 'default', size = 'default', ...props }) {
+    return ((0, jsx_runtime_1.jsx)(button_1.Button, { "data-slot": "button", className: (0, utils_1.cn)(buttonVariants({ variant, size, className })), ...props }));
+}

package/src/components/ui/calendar.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { DayPicker } from 'react-day-picker';
+import { Button } from '~/components/ui/button';
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, locale, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>['variant'];
+}): React.JSX.Element;
+export { Calendar };

package/src/components/ui/calendar.js

@@ -0,0 +1,107 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = Calendar;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = tslib_1.__importStar(require("react"));
+const react_day_picker_1 = require("react-day-picker");
+const utils_1 = require("~/lib/utils");
+const button_1 = require("~/components/ui/button");
+const lucide_react_1 = require("lucide-react");
+const CalendarRoot = ({ className, rootRef, ...props }) => {
+    return (0, jsx_runtime_1.jsx)("div", { "data-slot": "calendar", ref: rootRef, className: (0, utils_1.cn)(className), ...props });
+};
+const CalendarChevron = ({ className, orientation, ...props }) => {
+    if (orientation === 'left') {
+        return (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeftIcon, { className: (0, utils_1.cn)('twa:size-4', className), ...props });
+    }
+    if (orientation === 'right') {
+        return (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRightIcon, { className: (0, utils_1.cn)('twa:size-4', className), ...props });
+    }
+    return (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDownIcon, { className: (0, utils_1.cn)('twa:size-4', className), ...props });
+};
+function Calendar({ className, classNames, showOutsideDays = true, captionLayout = 'label', buttonVariant = 'ghost', locale, formatters, components, ...props }) {
+    const defaultClassNames = (0, react_day_picker_1.getDefaultClassNames)();
+    return ((0, jsx_runtime_1.jsx)(react_day_picker_1.DayPicker, { showOutsideDays: showOutsideDays, className: (0, utils_1.cn)('twa:group/calendar twa:bg-background twa:p-3 twa:[--cell-radius:var(--radius-md)] twa:[--cell-size:--spacing(8)] twa:in-data-[slot=card-content]:bg-transparent twa:in-data-[slot=popover-content]:bg-transparent', String.raw `twa:rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw `twa:rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className), captionLayout: captionLayout, locale: locale, formatters: {
+            formatMonthDropdown: (date) => date.toLocaleString(locale?.code, { month: 'short' }),
+            ...formatters,
+        }, classNames: {
+            root: (0, utils_1.cn)('twa:w-fit', defaultClassNames.root),
+            months: (0, utils_1.cn)('twa:relative twa:flex twa:flex-col twa:gap-4 twa:md:flex-row', defaultClassNames.months),
+            month: (0, utils_1.cn)('twa:flex twa:w-full twa:flex-col twa:gap-4', defaultClassNames.month),
+            nav: (0, utils_1.cn)('twa:absolute twa:inset-x-0 twa:top-0 twa:flex twa:w-full twa:items-center twa:justify-between twa:gap-1', defaultClassNames.nav),
+            button_previous: (0, utils_1.cn)((0, button_1.buttonVariants)({ variant: buttonVariant }), 'twa:size-(--cell-size) twa:p-0 twa:select-none twa:aria-disabled:opacity-50', defaultClassNames.button_previous),
+            button_next: (0, utils_1.cn)((0, button_1.buttonVariants)({ variant: buttonVariant }), 'twa:size-(--cell-size) twa:p-0 twa:select-none twa:aria-disabled:opacity-50', defaultClassNames.button_next),
+            month_caption: (0, utils_1.cn)('twa:flex twa:h-(--cell-size) twa:w-full twa:items-center twa:justify-center twa:px-(--cell-size)', defaultClassNames.month_caption),
+            dropdowns: (0, utils_1.cn)('twa:flex twa:h-(--cell-size) twa:w-full twa:items-center twa:justify-center twa:gap-1.5 twa:text-sm twa:font-medium', defaultClassNames.dropdowns),
+            dropdown_root: (0, utils_1.cn)('twa:relative twa:rounded-standard', defaultClassNames.dropdown_root),
+            dropdown: (0, utils_1.cn)('twa:absolute twa:inset-0 twa:bg-popover twa:opacity-0', defaultClassNames.dropdown),
+            caption_label: (0, utils_1.cn)('twa:font-medium twa:select-none', captionLayout === 'label'
+                ? 'twa:text-sm'
+                : 'twa:flex twa:items-center twa:gap-1 twa:rounded-standard twa:text-sm twa:[&>svg]:size-3.5 twa:[&>svg]:text-muted-foreground', defaultClassNames.caption_label),
+            table: 'twa:w-full twa:border-collapse',
+            weekdays: (0, utils_1.cn)('twa:flex', defaultClassNames.weekdays),
+            weekday: (0, utils_1.cn)('twa:flex-1 twa:rounded-standard twa:text-[0.8rem] twa:font-normal twa:text-muted-foreground twa:select-none', defaultClassNames.weekday),
+            week: (0, utils_1.cn)('twa:mt-2 twa:flex twa:w-full', defaultClassNames.week),
+            week_number_header: (0, utils_1.cn)('twa:w-(--cell-size) twa:select-none', defaultClassNames.week_number_header),
+            week_number: (0, utils_1.cn)('twa:text-[0.8rem] twa:text-muted-foreground twa:select-none', defaultClassNames.week_number),
+            day: (0, utils_1.cn)('twa:group/day twa:relative twa:aspect-square twa:h-full twa:w-full twa:rounded-standard twa:p-0 twa:text-center twa:select-none twa:[&:last-child[data-selected=true]_button]:rounded-r-standard', 
+            // props.showWeekNumber
+            //   ? "twa:[&:nth-child(2)[data-selected=true]_button]:rounded-l-standard"
+            //   : "twa:[&:first-child[data-selected=true]_button]:rounded-l-standard",
+            defaultClassNames.day),
+            range_start: (0, utils_1.cn)('twa:relative twa:isolate twa:z-0 twa:rounded-l-standard twa:bg-muted twa:after:absolute twa:after:inset-y-0 twa:after:right-0 twa:after:w-4 twa:after:bg-muted', defaultClassNames.range_start),
+            range_middle: (0, utils_1.cn)('twa:rounded-none', defaultClassNames.range_middle),
+            range_end: (0, utils_1.cn)('twa:relative twa:isolate twa:z-0 twa:rounded-r-standard twa:bg-muted twa:after:absolute twa:after:inset-y-0 twa:after:left-0 twa:after:w-4 twa:after:bg-muted', defaultClassNames.range_end),
+            today: (0, utils_1.cn)('twa:rounded-standard twa:bg-muted twa:text-foreground twa:data-[selected=true]:rounded-none', defaultClassNames.today),
+            outside: (0, utils_1.cn)('twa:text-muted-foreground twa:aria-selected:text-muted-foreground', defaultClassNames.outside),
+            disabled: (0, utils_1.cn)('twa:text-muted-foreground twa:opacity-50', defaultClassNames.disabled),
+            hidden: (0, utils_1.cn)('twa:invisible', defaultClassNames.hidden),
+            ...classNames,
+        }, components: {
+            Root: CalendarRoot,
+            Chevron: CalendarChevron,
+            DayButton: CalendarDayButton,
+            WeekNumber: CalendarWeekNumber,
+            ...components,
+        }, ...props }));
+}
+const CalendarWeekNumber = ({ children, ...props }) => {
+    return ((0, jsx_runtime_1.jsx)("td", { ...props, children: (0, jsx_runtime_1.jsx)("div", { className: "twa:flex twa:size-(--cell-size) twa:items-center twa:justify-center twa:text-center", children: children }) }));
+};
+function CalendarDayButton({ className, day, modifiers, ...props }) {
+    const dayPickerContext = (0, react_day_picker_1.useDayPicker)();
+    const locale = dayPickerContext.dayPickerProps.locale;
+    const defaultClassNames = (0, react_day_picker_1.getDefaultClassNames)();
+    const ref = React.useRef(null);
+    React.useEffect(() => {
+        if (modifiers.focused) {
+            const active = document.activeElement;
+            // Only grab focus when no other interactive element (nav button, dropdown)
+            // is focused, or when keyboard-navigating between day cells.
+            const shouldFocus = !active ||
+                active === document.body ||
+                active === document.documentElement ||
+                (active instanceof HTMLElement && active.hasAttribute('data-day'));
+            if (shouldFocus) {
+                ref.current?.focus();
+            }
+        }
+    }, [modifiers.focused]);
+    const selected = modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle;
+    React.useEffect(() => {
+        if (selected) {
+            const active = document.activeElement;
+            // Only grab focus when no other interactive element (nav button, dropdown)
+            // is focused, or when keyboard-navigating between day cells.
+            const shouldFocus = !active ||
+                active === document.body ||
+                active === document.documentElement ||
+                (active instanceof HTMLElement && active.hasAttribute('data-day'));
+            if (shouldFocus) {
+                ref.current?.focus();
+            }
+        }
+    }, [selected]);
+    return ((0, jsx_runtime_1.jsx)(button_1.Button, { ...props, ref: ref, variant: "ghost", size: "icon", "data-day": day.date.toLocaleDateString(locale?.code), "data-selected-single": selected, "data-range-start": modifiers.range_start, "data-range-end": modifiers.range_end, "data-range-middle": modifiers.range_middle, className: (0, utils_1.cn)('twa:relative twa:isolate twa:z-10 twa:flex twa:aspect-square twa:size-auto twa:w-full twa:min-w-(--cell-size) twa:flex-col twa:gap-1 twa:border-0 twa:leading-none twa:font-normal twa:group-data-[focused=true]/day:relative twa:group-data-[focused=true]/day:z-10 twa:group-data-[focused=true]/day:border-ring twa:group-data-[focused=true]/day:ring-[3px] twa:group-data-[focused=true]/day:ring-ring/50 twa:data-[range-end=true]:rounded-standard twa:data-[range-end=true]:rounded-r-standard twa:data-[range-end=true]:bg-primary twa:data-[range-end=true]:text-primary-foreground twa:data-[range-middle=true]:rounded-none twa:data-[range-middle=true]:bg-muted twa:data-[range-middle=true]:text-foreground twa:data-[range-start=true]:rounded-standard twa:data-[range-start=true]:rounded-l-standard twa:data-[range-start=true]:bg-primary twa:data-[range-start=true]:text-primary-foreground twa:data-[selected-single=true]:bg-accent twa:data-[selected-single=true]:text-accent-foreground twa:dark:hover:text-foreground twa:[&>span]:text-xs twa:[&>span]:opacity-70', defaultClassNames.day, className), children: props.children }));
+}