@itilite/lumina-ui 0.0.1

package/dist/cjs/index.css

@@ -0,0 +1 @@
+.Button-module__button___18Bed{@apply tw-flex tw-justify-center tw-gap-1 tw-items-center tw-rounded-lg}.Button-module__button___18Bed.Button-module__size_large___Gohrm{height:56px;@apply tw-px-4}.Button-module__button___18Bed.Button-module__size_large___Gohrm.Button-module__shape_circle___1CtM2{width:56px}.Button-module__button___18Bed.Button-module__size_normal___Ym8Ah{height:40px;@apply tw-px-3}.Button-module__button___18Bed.Button-module__size_normal___Ym8Ah.Button-module__shape_circle___1CtM2{width:40px}.Button-module__button___18Bed.Button-module__size_small___mGHht{height:32px;@apply tw-px-2}.Button-module__button___18Bed.Button-module__size_small___mGHht.Button-module__shape_circle___1CtM2{width:32px}.Button-module__button___18Bed.Button-module__type_primary___WbRH0{border-width:1px;@apply tw-bg-color-action-primary;@apply tw-border;@apply tw-border-solid;@apply tw-border-color-border-primary-default;box-shadow:0 1px 0 0 rgba(17,24,39,.1)}.Button-module__button___18Bed.Button-module__type_primary___WbRH0.ant-btn-primary:active,.Button-module__button___18Bed.Button-module__type_primary___WbRH0.ant-btn-primary:hover{@apply tw-bg-color-action-primary;box-shadow:0 2px 4px 0 rgba(17,24,39,.1)}.Button-module__button___18Bed.Button-module__type_primary___WbRH0:focus-visible{outline:2px solid rgba(236,93,37,.38)}.Button-module__button___18Bed.Button-module__type_primary___WbRH0.Button-module__variant_link___mo-UB,.Button-module__button___18Bed.Button-module__type_primary___WbRH0.Button-module__variant_link___mo-UB:hover,.Button-module__button___18Bed.Button-module__type_primary___WbRH0.Button-module__variant_subtle___G4bvs,.Button-module__button___18Bed.Button-module__type_primary___WbRH0.Button-module__variant_subtle___G4bvs:hover,.Button-module__button___18Bed.Button-module__type_primary___WbRH0.Button-module__variant_text___r7oFS,.Button-module__button___18Bed.Button-module__type_primary___WbRH0.Button-module__variant_text___r7oFS:hover{@apply tw-text-color-text-primary}.Button-module__button___18Bed.Button-module__type_secondary___HXHdT{border-style:solid;border-width:1px;@apply tw-bg-color-surface-dark;@apply tw-border-color-surface-dark;box-shadow:0 1px 0 0 rgba(17,24,39,.1)}.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.ant-btn-primary:active,.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.ant-btn-primary:hover{@apply tw-bg-color-surface-dark;box-shadow:0 2px 4px 0 rgba(17,24,39,.1)}.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.ant-btn-primary:focus-visible{outline:2px solid rgba(236,93,37,.38)}.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.Button-module__variant_link___mo-UB,.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.Button-module__variant_link___mo-UB:hover,.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.Button-module__variant_subtle___G4bvs,.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.Button-module__variant_subtle___G4bvs:hover,.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.Button-module__variant_text___r7oFS,.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.Button-module__variant_text___r7oFS:hover{@apply tw-text-color-text-default}.Button-module__button___18Bed.Button-module__type_critical___Y0vJw{border-width:1px;@apply tw-bg-color-action-critical;@apply tw-border-solid;@apply tw-border-color-border-critical-default;box-shadow:0 1px 0 0 rgba(17,24,39,.1)}.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.ant-btn-primary:active,.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.ant-btn-primary:hover{@apply tw-bg-color-action-critical;box-shadow:0 2px 4px 0 rgba(17,24,39,.1)}.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.ant-btn-primary:focus-visible{outline:2px solid rgba(236,93,37,.38)}.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.Button-module__variant_link___mo-UB,.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.Button-module__variant_link___mo-UB:hover,.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.Button-module__variant_subtle___G4bvs,.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.Button-module__variant_subtle___G4bvs:hover,.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.Button-module__variant_text___r7oFS,.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.Button-module__variant_text___r7oFS:hover{@apply tw-text-color-text-critical}.Button-module__button___18Bed.Button-module__variant_subtle___G4bvs{@apply tw-bg-color-white;@apply tw-border;@apply tw-border-solid;@apply tw-border-color-border-default-subtle;box-shadow:0 1px 0 0 rgba(17,24,39,.1)}.Button-module__button___18Bed.Button-module__variant_subtle___G4bvs.ant-btn-default:hover{box-shadow:0 2px 4px 0 rgba(17,24,39,.15);@apply tw-border-color-border-default-subtle}.Button-module__button___18Bed.Button-module__variant_subtle___G4bvs.ant-btn-default:focus-visible{outline:2px solid rgba(236,93,37,.38)}.Button-module__button___18Bed.Button-module__variant_text___r7oFS{@apply tw-bg-transparent;@apply tw-border-0;@apply tw-border-none;box-shadow:none}.Button-module__button___18Bed.Button-module__variant_text___r7oFS.ant-btn-default:hover{box-shadow:0 2px 4px 0 rgba(17,24,39,.15);@apply tw-border-none;@apply tw-bg-color-surface-default-subtle}.Button-module__button___18Bed.Button-module__variant_text___r7oFS.ant-btn-default:active{@apply tw-bg-color-surface-default-hover}.Button-module__button___18Bed.Button-module__variant_text___r7oFS.ant-btn:focus-visible{outline:2px solid rgba(236,93,37,.2)}.Button-module__button___18Bed.Button-module__variant_link___mo-UB,.Button-module__button___18Bed.Button-module__variant_link___mo-UB.ant-btn-default:hover{box-shadow:none;@apply tw-border-none;@apply tw-bg-transparent}.Button-module__button___18Bed.Button-module__variant_link___mo-UB.ant-btn-default:hover.Button-module__onHoverUnderline___OyHzj{text-decoration:underline}.Button-module__button___18Bed.Button-module__variant_link___mo-UB.ant-btn-default:active{@apply tw-bg-transparent}.Button-module__button___18Bed.Button-module__variant_link___mo-UB.ant-btn:focus-visible{outline:none}

package/dist/cjs/index.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var antd = require('antd');
+var PropTypes = require('prop-types');
+
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
+var classes = {"button":"Button-module__button___18Bed","size_large":"Button-module__size_large___Gohrm","shape_circle":"Button-module__shape_circle___1CtM2","size_normal":"Button-module__size_normal___Ym8Ah","size_small":"Button-module__size_small___mGHht","type_primary":"Button-module__type_primary___WbRH0","variant_subtle":"Button-module__variant_subtle___G4bvs","variant_text":"Button-module__variant_text___r7oFS","variant_link":"Button-module__variant_link___mo-UB","type_secondary":"Button-module__type_secondary___HXHdT","type_critical":"Button-module__type_critical___Y0vJw","onHoverUnderline":"Button-module__onHoverUnderline___OyHzj"};
+
+const Button = (props) => {
+    const { type = "primary", variant = "default", size = "normal", shape = "default", className = "", icon = null, iconPosition = "start", children, onClick = () => { }, href = "", disabled = false, loading = false, onHoverUnderline = false, } = props;
+    const buttonMap = {
+        default: "primary",
+        subtle: "default",
+        text: "text",
+        link: "link",
+    };
+    // Map your sizes to Ant Design's sizes
+    const sizeMap = {
+        small: "small",
+        normal: "middle", // Map "default" to "middle"
+        large: "large",
+    };
+    return (jsxRuntime.jsx(antd.Button, { className: clsx(classes.button, classes[`size_${size}`], classes[`variant_${variant}`], classes[`shape_${shape}`], classes[`type_${type}`], `size_${size}`, `variant_${variant}`, `shape_${shape}`, `type_${type}`, className, {
+            "tw-cursor-not-allowed": disabled,
+            "tw-opacity-40": disabled,
+        }, disabled && classes.disabled, onHoverUnderline && classes.onHoverUnderline), icon: icon, iconPosition: iconPosition, onClick: onClick, size: sizeMap[size], shape: shape, type: buttonMap[variant], disabled: disabled, loading: loading, href: href || undefined, children: children }));
+};
+Button.propTypes = {
+    type: PropTypes.oneOf(["primary", "secondary", "critical"]),
+    variant: PropTypes.oneOf(["subtle", "text", "link"]),
+    size: PropTypes.oneOf(["large", "small"]),
+    shape: PropTypes.oneOf(["circle", "default", "round"]),
+    icon: PropTypes.node,
+    iconPosition: PropTypes.oneOf(["start", "end"]),
+    className: PropTypes.string,
+    onClick: PropTypes.func,
+    disabled: PropTypes.bool,
+    loading: PropTypes.bool,
+    href: PropTypes.string,
+    onHoverUnderline: PropTypes.bool,
+};
+Button.displayName = "Button";
+
+exports.Button = Button;
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../../src/components/Button/Button.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;",null],"names":["_jsx","AntButton"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/cjs/types/components/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { ButtonProps } from "./types";
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/cjs/types/components/Button/index.d.ts

@@ -0,0 +1 @@
+export { default as Button } from "./Button";

package/dist/cjs/types/components/Button/types.d.ts

@@ -0,0 +1,16 @@
+export interface ButtonProps {
+    type?: "primary" | "secondary" | "critical" | undefined;
+    variant?: "subtle" | "text" | "link";
+    size?: "large" | "small";
+    shape?: "circle" | "default" | "round";
+    icon?: React.ReactNode;
+    iconPosition?: "start" | "end";
+    className?: string;
+    children?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    href?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    onHoverUnderline?: boolean;
+    analytics?: Record<string, unknown>;
+}

package/dist/cjs/types/components/index.d.ts

@@ -0,0 +1 @@
+export * from './Button';

package/dist/cjs/types/index.d.ts

@@ -0,0 +1 @@
+export * from "./components";

package/dist/esm/index.css

@@ -0,0 +1 @@
+.Button-module__button___18Bed{@apply tw-flex tw-justify-center tw-gap-1 tw-items-center tw-rounded-lg}.Button-module__button___18Bed.Button-module__size_large___Gohrm{height:56px;@apply tw-px-4}.Button-module__button___18Bed.Button-module__size_large___Gohrm.Button-module__shape_circle___1CtM2{width:56px}.Button-module__button___18Bed.Button-module__size_normal___Ym8Ah{height:40px;@apply tw-px-3}.Button-module__button___18Bed.Button-module__size_normal___Ym8Ah.Button-module__shape_circle___1CtM2{width:40px}.Button-module__button___18Bed.Button-module__size_small___mGHht{height:32px;@apply tw-px-2}.Button-module__button___18Bed.Button-module__size_small___mGHht.Button-module__shape_circle___1CtM2{width:32px}.Button-module__button___18Bed.Button-module__type_primary___WbRH0{border-width:1px;@apply tw-bg-color-action-primary;@apply tw-border;@apply tw-border-solid;@apply tw-border-color-border-primary-default;box-shadow:0 1px 0 0 rgba(17,24,39,.1)}.Button-module__button___18Bed.Button-module__type_primary___WbRH0.ant-btn-primary:active,.Button-module__button___18Bed.Button-module__type_primary___WbRH0.ant-btn-primary:hover{@apply tw-bg-color-action-primary;box-shadow:0 2px 4px 0 rgba(17,24,39,.1)}.Button-module__button___18Bed.Button-module__type_primary___WbRH0:focus-visible{outline:2px solid rgba(236,93,37,.38)}.Button-module__button___18Bed.Button-module__type_primary___WbRH0.Button-module__variant_link___mo-UB,.Button-module__button___18Bed.Button-module__type_primary___WbRH0.Button-module__variant_link___mo-UB:hover,.Button-module__button___18Bed.Button-module__type_primary___WbRH0.Button-module__variant_subtle___G4bvs,.Button-module__button___18Bed.Button-module__type_primary___WbRH0.Button-module__variant_subtle___G4bvs:hover,.Button-module__button___18Bed.Button-module__type_primary___WbRH0.Button-module__variant_text___r7oFS,.Button-module__button___18Bed.Button-module__type_primary___WbRH0.Button-module__variant_text___r7oFS:hover{@apply tw-text-color-text-primary}.Button-module__button___18Bed.Button-module__type_secondary___HXHdT{border-style:solid;border-width:1px;@apply tw-bg-color-surface-dark;@apply tw-border-color-surface-dark;box-shadow:0 1px 0 0 rgba(17,24,39,.1)}.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.ant-btn-primary:active,.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.ant-btn-primary:hover{@apply tw-bg-color-surface-dark;box-shadow:0 2px 4px 0 rgba(17,24,39,.1)}.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.ant-btn-primary:focus-visible{outline:2px solid rgba(236,93,37,.38)}.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.Button-module__variant_link___mo-UB,.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.Button-module__variant_link___mo-UB:hover,.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.Button-module__variant_subtle___G4bvs,.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.Button-module__variant_subtle___G4bvs:hover,.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.Button-module__variant_text___r7oFS,.Button-module__button___18Bed.Button-module__type_secondary___HXHdT.Button-module__variant_text___r7oFS:hover{@apply tw-text-color-text-default}.Button-module__button___18Bed.Button-module__type_critical___Y0vJw{border-width:1px;@apply tw-bg-color-action-critical;@apply tw-border-solid;@apply tw-border-color-border-critical-default;box-shadow:0 1px 0 0 rgba(17,24,39,.1)}.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.ant-btn-primary:active,.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.ant-btn-primary:hover{@apply tw-bg-color-action-critical;box-shadow:0 2px 4px 0 rgba(17,24,39,.1)}.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.ant-btn-primary:focus-visible{outline:2px solid rgba(236,93,37,.38)}.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.Button-module__variant_link___mo-UB,.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.Button-module__variant_link___mo-UB:hover,.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.Button-module__variant_subtle___G4bvs,.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.Button-module__variant_subtle___G4bvs:hover,.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.Button-module__variant_text___r7oFS,.Button-module__button___18Bed.Button-module__type_critical___Y0vJw.Button-module__variant_text___r7oFS:hover{@apply tw-text-color-text-critical}.Button-module__button___18Bed.Button-module__variant_subtle___G4bvs{@apply tw-bg-color-white;@apply tw-border;@apply tw-border-solid;@apply tw-border-color-border-default-subtle;box-shadow:0 1px 0 0 rgba(17,24,39,.1)}.Button-module__button___18Bed.Button-module__variant_subtle___G4bvs.ant-btn-default:hover{box-shadow:0 2px 4px 0 rgba(17,24,39,.15);@apply tw-border-color-border-default-subtle}.Button-module__button___18Bed.Button-module__variant_subtle___G4bvs.ant-btn-default:focus-visible{outline:2px solid rgba(236,93,37,.38)}.Button-module__button___18Bed.Button-module__variant_text___r7oFS{@apply tw-bg-transparent;@apply tw-border-0;@apply tw-border-none;box-shadow:none}.Button-module__button___18Bed.Button-module__variant_text___r7oFS.ant-btn-default:hover{box-shadow:0 2px 4px 0 rgba(17,24,39,.15);@apply tw-border-none;@apply tw-bg-color-surface-default-subtle}.Button-module__button___18Bed.Button-module__variant_text___r7oFS.ant-btn-default:active{@apply tw-bg-color-surface-default-hover}.Button-module__button___18Bed.Button-module__variant_text___r7oFS.ant-btn:focus-visible{outline:2px solid rgba(236,93,37,.2)}.Button-module__button___18Bed.Button-module__variant_link___mo-UB,.Button-module__button___18Bed.Button-module__variant_link___mo-UB.ant-btn-default:hover{box-shadow:none;@apply tw-border-none;@apply tw-bg-transparent}.Button-module__button___18Bed.Button-module__variant_link___mo-UB.ant-btn-default:hover.Button-module__onHoverUnderline___OyHzj{text-decoration:underline}.Button-module__button___18Bed.Button-module__variant_link___mo-UB.ant-btn-default:active{@apply tw-bg-transparent}.Button-module__button___18Bed.Button-module__variant_link___mo-UB.ant-btn:focus-visible{outline:none}

package/dist/esm/index.js

@@ -0,0 +1,45 @@
+import { jsx } from 'react/jsx-runtime';
+import { Button as Button$1 } from 'antd';
+import PropTypes from 'prop-types';
+
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
+var classes = {"button":"Button-module__button___18Bed","size_large":"Button-module__size_large___Gohrm","shape_circle":"Button-module__shape_circle___1CtM2","size_normal":"Button-module__size_normal___Ym8Ah","size_small":"Button-module__size_small___mGHht","type_primary":"Button-module__type_primary___WbRH0","variant_subtle":"Button-module__variant_subtle___G4bvs","variant_text":"Button-module__variant_text___r7oFS","variant_link":"Button-module__variant_link___mo-UB","type_secondary":"Button-module__type_secondary___HXHdT","type_critical":"Button-module__type_critical___Y0vJw","onHoverUnderline":"Button-module__onHoverUnderline___OyHzj"};
+
+const Button = (props) => {
+    const { type = "primary", variant = "default", size = "normal", shape = "default", className = "", icon = null, iconPosition = "start", children, onClick = () => { }, href = "", disabled = false, loading = false, onHoverUnderline = false, } = props;
+    const buttonMap = {
+        default: "primary",
+        subtle: "default",
+        text: "text",
+        link: "link",
+    };
+    // Map your sizes to Ant Design's sizes
+    const sizeMap = {
+        small: "small",
+        normal: "middle", // Map "default" to "middle"
+        large: "large",
+    };
+    return (jsx(Button$1, { className: clsx(classes.button, classes[`size_${size}`], classes[`variant_${variant}`], classes[`shape_${shape}`], classes[`type_${type}`], `size_${size}`, `variant_${variant}`, `shape_${shape}`, `type_${type}`, className, {
+            "tw-cursor-not-allowed": disabled,
+            "tw-opacity-40": disabled,
+        }, disabled && classes.disabled, onHoverUnderline && classes.onHoverUnderline), icon: icon, iconPosition: iconPosition, onClick: onClick, size: sizeMap[size], shape: shape, type: buttonMap[variant], disabled: disabled, loading: loading, href: href || undefined, children: children }));
+};
+Button.propTypes = {
+    type: PropTypes.oneOf(["primary", "secondary", "critical"]),
+    variant: PropTypes.oneOf(["subtle", "text", "link"]),
+    size: PropTypes.oneOf(["large", "small"]),
+    shape: PropTypes.oneOf(["circle", "default", "round"]),
+    icon: PropTypes.node,
+    iconPosition: PropTypes.oneOf(["start", "end"]),
+    className: PropTypes.string,
+    onClick: PropTypes.func,
+    disabled: PropTypes.bool,
+    loading: PropTypes.bool,
+    href: PropTypes.string,
+    onHoverUnderline: PropTypes.bool,
+};
+Button.displayName = "Button";
+
+export { Button };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../../src/components/Button/Button.tsx"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;",null],"names":["_jsx","AntButton"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/esm/types/components/Button/Button.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { ButtonProps } from "./types";
+declare const Button: React.FC<ButtonProps>;
+export default Button;

package/dist/esm/types/components/Button/index.d.ts

@@ -0,0 +1 @@
+export { default as Button } from "./Button";

package/dist/esm/types/components/Button/types.d.ts

@@ -0,0 +1,16 @@
+export interface ButtonProps {
+    type?: "primary" | "secondary" | "critical" | undefined;
+    variant?: "subtle" | "text" | "link";
+    size?: "large" | "small";
+    shape?: "circle" | "default" | "round";
+    icon?: React.ReactNode;
+    iconPosition?: "start" | "end";
+    className?: string;
+    children?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    href?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    onHoverUnderline?: boolean;
+    analytics?: Record<string, unknown>;
+}

package/dist/esm/types/components/index.d.ts

@@ -0,0 +1 @@
+export * from './Button';

package/dist/esm/types/index.d.ts

@@ -0,0 +1 @@
+export * from "./components";

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+import * as React$1 from 'react';
+
+interface ButtonProps {
+    type?: "primary" | "secondary" | "critical" | undefined;
+    variant?: "subtle" | "text" | "link";
+    size?: "large" | "small";
+    shape?: "circle" | "default" | "round";
+    icon?: React.ReactNode;
+    iconPosition?: "start" | "end";
+    className?: string;
+    children?: React.ReactNode;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+    href?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    onHoverUnderline?: boolean;
+    analytics?: Record<string, unknown>;
+}
+
+declare const Button: React$1.FC<ButtonProps>;
+
+export { Button };

package/eslint.config.mjs

@@ -0,0 +1,55 @@
+import { defineConfig } from "eslint-define-config";
+import parseForESLint from "@typescript-eslint/parser";
+import { fileURLToPath } from "url";
+import path from "path";
+
+import simpleImportSort from "eslint-plugin-simple-import-sort";
+import unusedImports from "eslint-plugin-unused-imports";
+import typescriptPlugin from "@typescript-eslint/eslint-plugin";
+import importPlugin from "eslint-plugin-import";
+import reactHooks from "eslint-plugin-react-hooks";
+
+// Define __dirname in ES module scope
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+export default defineConfig({
+	languageOptions: {
+		parser: parseForESLint,
+		globals: {
+			browser: "readonly",
+			es2021: "readonly",
+			commonjs: "readonly",
+		},
+		parserOptions: {
+			project: "./tsconfig.eslint.json",
+			tsconfigRootDir: __dirname,
+			sourceType: "module",
+			ecmaFeatures: {
+				jsx: true,
+			},
+			ecmaVersion: "latest", // Moved from the old parserOptions
+		},
+	},
+	// Remove the old parserOptions key entirely
+	plugins: {
+		"simple-import-sort": simpleImportSort,
+		"unused-imports": unusedImports,
+		"@typescript-eslint": typescriptPlugin,
+		"react-hooks": reactHooks,
+		import: importPlugin,
+	},
+	rules: {
+		// "@typescript-eslint/quotes": ["error", "double"], // Ensure this rule is valid
+		// "@typescript-eslint/semi": ["error", "always"],
+		"react/react-in-jsx-scope": "off",
+		"react/prop-types": "off",
+	},
+
+	ignores: ["node_modules", "dist/*", "*.config.mjs", "*.config.js"], // Using ignorePatterns
+	settings: {
+		react: {
+			version: "detect",
+		},
+	},
+});

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@itilite/lumina-ui",
+  "version": "0.0.1",
+  "description": "Design system",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^26.0.1",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/prop-types": "^15.7.12",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.2.0",
+    "@typescript-eslint/parser": "^8.2.0",
+    "antd": "^5.20.1",
+    "autoprefixer": "^10.4.20",
+    "clsx": "^2.1.1",
+    "eslint": "^9.9.0",
+    "eslint-config-standard-with-typescript": "^43.0.1",
+    "eslint-define-config": "^2.1.0",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-react": "^7.35.0",
+    "eslint-plugin-react-hooks": "^5.1.0-rc.0",
+    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "eslint-plugin-unused-imports": "^4.1.3",
+    "postcss": "^8.4.41",
+    "postcss-scss": "^4.0.9",
+    "prop-types": "^15.8.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rollup": "^4.21.0",
+    "rollup-plugin-dts": "^6.1.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-scss": "^4.0.0",
+    "sass": "^1.77.8",
+    "tailwindcss": "^3.4.10",
+    "tslib": "^2.6.3",
+    "typescript": "^5.5.3"
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "scripts": {
+    "build": "rollup -c",
+    "dev": "rollup -c -w",
+    "lint": "eslint ",
+    "lint:fix": "eslint ./src --ext .ts,.tsx --fix"
+  }
+}

package/rollup.config.mjs

@@ -0,0 +1,58 @@
+import resolve from "@rollup/plugin-node-resolve";
+import typescript from "@rollup/plugin-typescript";
+import commonjs from "@rollup/plugin-commonjs";
+import dts from "rollup-plugin-dts";
+import postcss from "rollup-plugin-postcss";
+import packageJson from "./package.json" with { type: "json" };
+import autoprefixer from 'autoprefixer';
+
+export default [
+	{
+		input: "src/index.ts",
+		output: [
+			{
+				file: packageJson.main,
+				format: "cjs",
+				sourcemap: true,
+			},
+			{
+				file: packageJson.module,
+				format: "esm",
+				sourcemap: true,
+			},
+		],
+		plugins: [
+			resolve({
+				extensions: [".js", ".jsx", ".ts", ".tsx"],
+				skip: ["react", "react-dom"],
+				modulesOnly: true 
+			}),
+			commonjs({
+				exclude: "node_modules"
+			}),
+			typescript({
+				tsconfig: "./tsconfig.json",
+				exclude: ["**/*.test.tsx", "**/*.test.ts", "**/*.stories.ts", "node_modules"],
+			}),
+			postcss({
+				// modules: true, // Enable CSS Modules
+				use: ['sass'], // Enable SCSS syntax
+				extract: true, // Extract CSS to a separate file
+				minimize: true, // Minimize the output CSS
+				plugins: [
+					autoprefixer(), // Automatically add vendor prefixes
+				],
+				modules: {
+					generateScopedName: '[name]__[local]___[hash:base64:5]',
+				},
+			})
+		],
+		external: id => /^react|react-dom/.test(id), // Ignore react and react-dom from node_modules
+	},
+	{
+		input: "dist/esm/types/index.d.ts",
+		output: [{ file: "dist/index.d.ts", format: "esm" }],
+		plugins: [dts()],
+		external: [/\.css$/],
+	},
+];

package/src/components/Button/Button.module.scss

@@ -0,0 +1,199 @@
+.button {
+	@apply tw-flex tw-justify-center tw-gap-1 tw-items-center tw-rounded-lg;
+
+	&.size_large {
+		height: 56px;
+		@apply tw-px-4;
+		&.shape_circle {
+			width: 56px;
+		}
+	}
+	&.size_normal {
+		height: 40px;
+		@apply tw-px-3;
+		&.shape_circle {
+			width: 40px;
+		}
+	}
+	&.size_small {
+		height: 32px;
+		@apply tw-px-2;
+		&.shape_circle {
+			width: 32px;
+		}
+	}
+
+	&.type_primary {
+		border-width: 1px;
+		@apply tw-bg-color-action-primary;
+		@apply tw-border;
+		@apply tw-border-solid;
+		@apply tw-border-color-border-primary-default;
+		box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
+		&:global(.ant-btn-primary):hover,
+		&:global(.ant-btn-primary):active {
+			@apply tw-bg-color-action-primary;
+			box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
+		}
+		&:focus-visible {
+			outline: 2px solid #ec5d2561;
+		}
+		&.variant_subtle {
+			@apply tw-text-color-text-primary;
+			&:hover {
+				@apply tw-text-color-text-primary;
+			}
+		}
+		&.variant_text,
+		&.variant_link {
+			@apply tw-text-color-text-primary;
+			&:hover {
+				@apply tw-text-color-text-primary;
+			}
+		}
+	}
+	&.type_secondary {
+		border-width: 1px;
+		border-style: solid;
+		@apply tw-bg-color-surface-dark;
+		@apply tw-border-color-surface-dark;
+		box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
+		&:global(.ant-btn-primary):hover,
+		&:global(.ant-btn-primary):active {
+			@apply tw-bg-color-surface-dark;
+			box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
+		}
+		&:global(.ant-btn-primary):focus-visible {
+			outline: 2px solid #ec5d2561;
+		}
+		&.variant_subtle {
+			@apply tw-text-color-text-default;
+			&:hover {
+				@apply tw-text-color-text-default;
+			}
+		}
+		&.variant_text,
+		&.variant_link {
+			@apply tw-text-color-text-default;
+			&:hover {
+				@apply tw-text-color-text-default;
+			}
+		}
+	}
+	&.type_critical {
+		border-width: 1px;
+		@apply tw-bg-color-action-critical;
+		@apply tw-border-solid;
+		@apply tw-border-color-border-critical-default;
+		box-shadow: 0 1px 0 0 rgba(17, 24, 39, 0.1);
+		&:global(.ant-btn-primary):hover,
+		&:global(.ant-btn-primary):active {
+			@apply tw-bg-color-action-critical;
+			box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.1);
+		}
+		&:global(.ant-btn-primary):focus-visible {
+			outline: 2px solid #ec5d2561;
+		}
+		&.variant_subtle {
+			@apply tw-text-color-text-critical;
+			&:hover {
+				@apply tw-text-color-text-critical;
+			}
+		}
+		&.variant_text,
+		&.variant_link {
+			@apply tw-text-color-text-critical;
+			&:hover {
+				@apply tw-text-color-text-critical;
+			}
+		}
+	}
+	&.variant_subtle {
+		@apply tw-bg-color-white;
+		@apply tw-border;
+		@apply tw-border-solid;
+		@apply tw-border-color-border-default-subtle;
+		box-shadow: 0px 1px 0px 0px rgba(17, 24, 39, 0.1);
+		&:global(.ant-btn-default):hover {
+			box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
+			@apply tw-border-color-border-default-subtle;
+		}
+		&:global(.ant-btn-default):focus-visible {
+			outline: 2px solid #ec5d2561;
+		}
+	}
+	&.variant_text {
+		@apply tw-bg-transparent;
+		@apply tw-border-0;
+		@apply tw-border-none;
+		box-shadow: none;
+		&:global(.ant-btn-default):hover {
+			box-shadow: 0px 2px 4px 0px rgba(17, 24, 39, 0.15);
+			@apply tw-border-none;
+			@apply tw-bg-color-surface-default-subtle;
+		}
+		&:global(.ant-btn-default):active {
+			@apply tw-bg-color-surface-default-hover;
+		}
+		&:global(.ant-btn):focus-visible {
+			outline: 2px solid rgba(236, 93, 37, 0.2);
+		}
+	}
+	&.variant_link {
+		@apply tw-bg-transparent;
+		@apply tw-p-0;
+		@apply tw-border-0;
+		@apply tw-border-none;
+		@apply tw-h-auto;
+		box-shadow: none;
+		&:global(.ant-btn-default):hover {
+			&.onHoverUnderline{
+				text-decoration: underline;
+			}
+			box-shadow: none;
+			@apply tw-border-none;
+			@apply tw-bg-transparent;
+		}
+		&:global(.ant-btn-default):active {
+			@apply tw-bg-transparent;
+		}
+		&:global(.ant-btn):focus-visible {
+			outline: none;
+		}
+	}
+}
+
+// &.disabled {
+// 	background-color: #ec5d25;
+// 	color: white;
+// 	border-color: transparent;
+// 	&.default {
+// 		background-color: white;
+// 		color: black;
+// 		border: 1px solid #c1c3c7;
+// 		box-shadow: 0px 1px 0px rgba(17, 24, 39, 0.1);
+// 	}
+// 	&.secondary {
+// 		background-color: white;
+// 		color: black;
+// 		border: 1px solid #d3d8df;
+// 		box-shadow: 0px 1px 0px rgba(17, 24, 39, 0.1);
+// 	}
+// 	&.link {
+// 		border: none;
+// 		box-shadow: none;
+// 		background-color: white;
+// 		@apply tw-text-color-text-primary tw-border-0 tw-p-0;
+// 	}
+// 	&.text {
+// 		background: transparent;
+// 		&:hover {
+// 			@apply tw-bg-transparent tw-text-color-text-disabled;
+// 		}
+// 	}
+// 	&.contain {
+// 		@apply tw-border-solid tw-border tw-border-color-defaultSubtle;
+// 		@apply tw-text-color-text-primary;
+// 		background-color: white;
+// 	}
+// }

package/src/components/Button/Button.tsx

@@ -0,0 +1,90 @@
+import * as React from "react";
+import { Button as AntButton } from "antd";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+
+import classes from "./Button.module.scss";
+import { ButtonProps } from "./types";
+
+const Button: React.FC<ButtonProps> = (props) => {
+	const {
+		type = "primary",
+		variant = "default",
+		size = "normal",
+		shape = "default",
+		className = "",
+		icon = null,
+		iconPosition = "start",
+		children,
+		onClick = () => {},
+		href = "",
+		disabled = false,
+		loading = false,
+		onHoverUnderline = false,
+	} = props;
+
+	const buttonMap: Record<string, "primary" | "default" | "text" | "link"> = {
+		default: "primary",
+		subtle: "default",
+		text: "text",
+		link: "link",
+	};
+	// Map your sizes to Ant Design's sizes
+	const sizeMap: Record<string, "small" | "middle" | "large"> = {
+		small: "small",
+		normal: "middle", // Map "default" to "middle"
+		large: "large",
+	};
+
+	return (
+		<AntButton
+			className={clsx(
+				classes.button,
+				classes[`size_${size}`],
+				classes[`variant_${variant}`],
+				classes[`shape_${shape}`],
+				classes[`type_${type}`],
+				`size_${size}`,
+				`variant_${variant}`,
+				`shape_${shape}`,
+				`type_${type}`,
+				className,
+				{
+					"tw-cursor-not-allowed": disabled,
+					"tw-opacity-40": disabled,
+				},
+				disabled && classes.disabled,
+				onHoverUnderline && classes.onHoverUnderline
+			)}
+			icon={icon}
+			iconPosition={iconPosition}
+			onClick={onClick}
+			size={sizeMap[size]}
+			shape={shape}
+			type={buttonMap[variant]}
+			disabled={disabled}
+			loading={loading}
+			href={href || undefined}
+		>
+			{children}
+		</AntButton>
+	);
+};
+export default Button;
+
+Button.propTypes = {
+	type: PropTypes.oneOf(["primary", "secondary", "critical"]),
+	variant: PropTypes.oneOf(["subtle", "text", "link"]),
+	size: PropTypes.oneOf(["large", "small"]),
+	shape: PropTypes.oneOf(["circle", "default", "round"]),
+	icon: PropTypes.node,
+	iconPosition: PropTypes.oneOf(["start", "end"]),
+	className: PropTypes.string,
+	onClick: PropTypes.func,
+	disabled: PropTypes.bool,
+	loading: PropTypes.bool,
+	href: PropTypes.string,
+	onHoverUnderline: PropTypes.bool,
+};
+
+Button.displayName = "Button";

package/src/components/Button/index.ts

@@ -0,0 +1 @@
+export { default as Button } from "./Button";

package/src/components/Button/types.ts

@@ -0,0 +1,16 @@
+export interface ButtonProps {
+	type?: "primary" | "secondary" | "critical" | undefined;
+	variant?: "subtle" | "text" | "link";
+	size?: "large" | "small";
+	shape?: "circle" | "default" | "round";
+	icon?: React.ReactNode;
+	iconPosition?: "start" | "end";
+	className?: string;
+	children?: React.ReactNode;
+	onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+	href?: string;
+	disabled?: boolean;
+	loading?: boolean;
+	onHoverUnderline?: boolean;
+	analytics?: Record<string, unknown>;
+}

package/src/components/index.ts

@@ -0,0 +1 @@
+export * from './Button';

package/src/global.d.ts

@@ -0,0 +1,6 @@
+declare module "*.module.css";
+// declare module "*.module.scss";
+declare module "*.module.scss" {
+	const classes: { [key: string]: string };
+	export default classes;
+}

package/src/index.ts

@@ -0,0 +1 @@
+export * from "./components";

package/src/types/scss.d.ts

@@ -0,0 +1 @@
+

package/tsconfig.json

@@ -0,0 +1,39 @@
+{
+	"compilerOptions": {
+	  /* Language and Environment */
+	  "target": "esnext" /* Set the JavaScript language version for emitted JavaScript and include compatible library declarations. */,
+	  "jsx": "react-jsx" /* Specify what JSX code is generated. */,
+  
+	  /* Modules */
+	  "module": "ESNext" /* Specify what module code is generated. */,
+	  "moduleResolution": "Node" /* Specify how TypeScript looks up a file from a given module specifier. */,
+  
+	  /* JavaScript Support */
+	  "allowJs": false /* Allow JavaScript files to be a part of your program. Use the 'checkJS' option to get errors from these files. */,
+	  "maxNodeModuleJsDepth": 1 /* Specify the maximum folder depth used for checking JavaScript files from 'node_modules'. Only applicable with 'allowJs'. */,
+  
+	  /* Emit */
+	  "declaration": true /* Generate .d.ts files from TypeScript and JavaScript files in your project. */,
+	  "emitDeclarationOnly": true /* Only output d.ts files and not JavaScript files. */,
+	  "sourceMap": true /* Create source map files for emitted JavaScript files. */,
+	  "outDir": "dist" /* Specify an output folder for all emitted files. */,
+	  "declarationDir": "types" /* Specify the output directory for generated declaration files. */,
+  
+	  /* Interop Constraints */
+	  "allowSyntheticDefaultImports": true /* Allow 'import x from y' when a module doesn't have a default export. */,
+	  "esModuleInterop": true /* Emit additional JavaScript to ease support for importing CommonJS modules. This enables 'allowSyntheticDefaultImports' for type compatibility. */,
+	  "forceConsistentCasingInFileNames": true /* Ensure that casing is correct in imports. */,
+  
+	  /* Type Checking */
+	  "strict": true /* Enable all strict type-checking options. */,
+	  "noUnusedLocals": true /* Enable error reporting when local variables aren't read. */,
+	  "noUnusedParameters": true /* Raise an error when a function parameter isn't read. */,
+	  "noImplicitReturns": true /* Enable error reporting for codepaths that do not explicitly return in a function. */,
+	  "noFallthroughCasesInSwitch": true /* Enable error reporting for fallthrough cases in switch statements. */,
+	  "noUncheckedIndexedAccess": true /* Add 'undefined' to a type when accessed using an index. */,
+	  "allowUnreachableCode": false /* Disable error reporting for unreachable code. */,
+  
+	  /* Completeness */
+	  "skipLibCheck": true /* Skip type checking all .d.ts files. */
+	}
+  }