@itilite/lumina-ui 0.0.321 → 0.0.322

package/README.md

@@ -0,0 +1,106 @@
+# @itilite/lumina-ui
+
+Itilite Lumina Design System UI Components - A React component library built with TypeScript, Ant Design, and Tailwind CSS.
+
+## Installation
+
+```bash
+npm install @itilite/lumina-ui
+# or
+pnpm add @itilite/lumina-ui
+# or
+yarn add @itilite/lumina-ui
+```
+
+## Peer Dependencies
+
+Make sure you have the following peer dependencies installed:
+
+```bash
+npm install react antd
+```
+
+## Usage
+
+### Importing Components
+
+You can import components individually (recommended for tree-shaking):
+
+```tsx
+import { Button } from '@itilite/lumina-ui/button';
+import { Checkbox } from '@itilite/lumina-ui/checkbox';
+import '@itilite/lumina-ui/styles.css';
+```
+
+Or import all components from the main entry point:
+
+```tsx
+import { Button, Checkbox } from '@itilite/lumina-ui';
+import '@itilite/lumina-ui/styles.css';
+```
+
+### Button Component
+
+```tsx
+import { Button } from '@itilite/lumina-ui/button';
+import '@itilite/lumina-ui/styles.css';
+
+function App() {
+  return (
+    <Button onClick={() => console.log('Clicked!')}>
+      Click Me
+    </Button>
+  );
+}
+```
+
+### Checkbox Component
+
+```tsx
+import { Checkbox } from '@itilite/lumina-ui/checkbox';
+import '@itilite/lumina-ui/styles.css';
+
+function App() {
+  return (
+    <Checkbox onChange={(checked) => console.log(checked)}>
+      Accept Terms
+    </Checkbox>
+  );
+}
+```
+
+## Styling
+
+The package exports a `styles.css` file that includes all component styles. Import it in your application:
+
+```tsx
+import '@itilite/lumina-ui/styles.css';
+```
+
+## Available Components
+
+- **Button** - Customizable button component
+- **Checkbox** - Checkbox input component
+
+More components coming soon!
+
+## TypeScript Support
+
+This package is built with TypeScript and includes type definitions out of the box.
+
+## Browser Support
+
+- Modern browsers (Chrome, Firefox, Safari, Edge)
+- React 18+
+
+## License
+
+MIT
+
+## Contributing
+
+For bugs and feature requests, please visit our [GitHub repository](https://github.com/Itilite/dev-design-system).
+
+## Maintainer
+
+Itilite

package/dist/{cjs/types/components/Button/types.d.ts → Button.d.mts}

@@ -1,4 +1,6 @@
-export interface ButtonProps {
+import * as React$1 from 'react';
+
+interface ButtonProps {
     type?: "primary" | "secondary" | "critical" | undefined;
     variant?: "subtle" | "text" | "link";
     size?: "large" | "small";
@@ -14,3 +16,10 @@ export interface ButtonProps {
     onHoverUnderline?: boolean;
     analytics?: Record<string, unknown>;
 }
+
+declare function Button(props: ButtonProps): React$1.JSX.Element;
+declare namespace Button {
+    var displayName: string;
+}
+
+export { Button, Button as default };

package/dist/{esm/types/components/Button/types.d.ts → Button.d.ts}

@@ -1,4 +1,6 @@
-export interface ButtonProps {
+import * as React$1 from 'react';
+
+interface ButtonProps {
     type?: "primary" | "secondary" | "critical" | undefined;
     variant?: "subtle" | "text" | "link";
     size?: "large" | "small";
@@ -14,3 +16,10 @@ export interface ButtonProps {
     onHoverUnderline?: boolean;
     analytics?: Record<string, unknown>;
 }
+
+declare function Button(props: ButtonProps): React$1.JSX.Element;
+declare namespace Button {
+    var displayName: string;
+}
+
+export { Button, Button as default };

package/dist/Button.js

@@ -0,0 +1,111 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Button/Button.tsx
+var Button_exports = {};
+__export(Button_exports, {
+  Button: () => Button,
+  default: () => Button_default
+});
+module.exports = __toCommonJS(Button_exports);
+var import_antd = require("antd");
+var import_clsx = __toESM(require("clsx"));
+
+// src/Button/Button.module.scss
+var Button_module_default = { "button": "Button-module__button___PM45p", "size_large": "Button-module__size_large___4muaQ", "shape_circle": "Button-module__shape_circle___5jh5G", "size_normal": "Button-module__size_normal___qtQjh", "size_small": "Button-module__size_small___7xabg", "type_primary": "Button-module__type_primary___-eoy3", "variant_subtle": "Button-module__variant_subtle___FojFh", "variant_text": "Button-module__variant_text___T-3KC", "variant_link": "Button-module__variant_link___dTdwy", "type_secondary": "Button-module__type_secondary___CwF0Y", "type_critical": "Button-module__type_critical___vVyiK", "onHoverUnderline": "Button-module__onHoverUnderline___wKzkT" };
+
+// src/Button/Button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Button(props) {
+  const {
+    type = "primary",
+    variant = "default",
+    size = "normal",
+    shape = "default",
+    className = "",
+    icon = null,
+    children,
+    onClick,
+    href = "",
+    disabled = false,
+    loading = false,
+    onHoverUnderline = false
+  } = props;
+  const buttonMap = {
+    default: "primary",
+    subtle: "default",
+    text: "text",
+    link: "link"
+  };
+  const sizeMap = {
+    small: "small",
+    normal: "middle",
+    // Map "default" to "middle"
+    large: "large"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.Button,
+    {
+      className: (0, import_clsx.default)(
+        Button_module_default.button,
+        Button_module_default[`size_${size}`],
+        Button_module_default[`variant_${variant}`],
+        Button_module_default[`shape_${shape}`],
+        Button_module_default[`type_${type}`],
+        `size_${size}`,
+        `variant_${variant}`,
+        `shape_${shape}`,
+        `type_${type}`,
+        className,
+        {
+          "tw-cursor-not-allowed": disabled,
+          "tw-opacity-40": disabled
+        },
+        disabled && Button_module_default.disabled,
+        onHoverUnderline && Button_module_default.onHoverUnderline
+      ),
+      "data-testid": "lumina-button",
+      disabled,
+      href: href || void 0,
+      icon,
+      loading,
+      onClick,
+      shape,
+      size: sizeMap[size],
+      type: buttonMap[variant],
+      children
+    }
+  );
+}
+Button.displayName = "Button";
+var Button_default = Button;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Button
+});

package/dist/Button.mjs

@@ -0,0 +1,9 @@
+import {
+  Button,
+  Button_default
+} from "./chunk-ME35H7QC.mjs";
+import "./chunk-FUJQIYOF.mjs";
+export {
+  Button,
+  Button_default as default
+};

package/dist/{esm/types/components/Checkbox/types.d.ts → Checkbox.d.mts}

@@ -1,5 +1,7 @@
+import * as React$1 from 'react';
 import { CheckboxChangeEvent } from 'antd/es/checkbox';
-export interface CheckboxProps {
+
+interface CheckboxProps {
     checked?: boolean;
     className?: string;
     onChange?: (e: CheckboxChangeEvent) => void;
@@ -9,3 +11,10 @@ export interface CheckboxProps {
     disabled?: boolean;
     indeterminate?: boolean;
 }
+
+declare function Checkbox(props: CheckboxProps): React$1.JSX.Element;
+declare namespace Checkbox {
+    var displayName: string;
+}
+
+export { Checkbox, Checkbox as default };

package/dist/{types/components/Checkbox/types.d.ts → Checkbox.d.ts}

@@ -1,5 +1,7 @@
+import * as React$1 from 'react';
 import { CheckboxChangeEvent } from 'antd/es/checkbox';
-export interface CheckboxProps {
+
+interface CheckboxProps {
     checked?: boolean;
     className?: string;
     onChange?: (e: CheckboxChangeEvent) => void;
@@ -9,3 +11,10 @@ export interface CheckboxProps {
     disabled?: boolean;
     indeterminate?: boolean;
 }
+
+declare function Checkbox(props: CheckboxProps): React$1.JSX.Element;
+declare namespace Checkbox {
+    var displayName: string;
+}
+
+export { Checkbox, Checkbox as default };

package/dist/Checkbox.js

@@ -0,0 +1,121 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Checkbox/Checkbox.tsx
+var Checkbox_exports = {};
+__export(Checkbox_exports, {
+  Checkbox: () => Checkbox,
+  default: () => Checkbox_default
+});
+module.exports = __toCommonJS(Checkbox_exports);
+var import_antd = require("antd");
+var import_clsx = __toESM(require("clsx"));
+
+// src/Checkbox/Checkbox.module.scss
+var Checkbox_module_default = { "checkbox": "Checkbox-module__checkbox___D2qRJ", "size_small": "Checkbox-module__size_small___lgUjj", "size_medium": "Checkbox-module__size_medium___Npyaz", "size_large": "Checkbox-module__size_large___chR9U", "type_checked": "Checkbox-module__type_checked___fhhpM", "disabled": "Checkbox-module__disabled___xqtab", "type_unchecked": "Checkbox-module__type_unchecked___1zNB7", "variant_normal": "Checkbox-module__variant_normal___MbKJP", "variant_emphasized": "Checkbox-module__variant_emphasized___Yo9yv", "variant_indeterminate": "Checkbox-module__variant_indeterminate___-tnoD" };
+
+// src/Checkbox/Checkbox.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Checkbox(props) {
+  const _a = props, {
+    className = "",
+    children = null,
+    onChange = () => {
+    },
+    checked = false,
+    disabled = false,
+    size = "small",
+    variant = "normal",
+    indeterminate = false
+  } = _a, rest = __objRest(_a, [
+    "className",
+    "children",
+    "onChange",
+    "checked",
+    "disabled",
+    "size",
+    "variant",
+    "indeterminate"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.Checkbox,
+    __spreadProps(__spreadValues({
+      checked,
+      className: (0, import_clsx.default)(
+        Checkbox_module_default.checkbox,
+        Checkbox_module_default[`size_${size}`],
+        Checkbox_module_default[`variant_${variant}`],
+        checked ? Checkbox_module_default.type_checked : Checkbox_module_default.type_unchecked,
+        disabled && Checkbox_module_default.disabled,
+        indeterminate && Checkbox_module_default[`variant_indeterminate`],
+        className
+      ),
+      disabled,
+      indeterminate,
+      onChange
+    }, rest), {
+      children
+    })
+  );
+}
+Checkbox.displayName = "Checkbox";
+var Checkbox_default = Checkbox;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Checkbox
+});

package/dist/Checkbox.mjs

@@ -0,0 +1,9 @@
+import {
+  Checkbox,
+  Checkbox_default
+} from "./chunk-OMYHSSPQ.mjs";
+import "./chunk-FUJQIYOF.mjs";
+export {
+  Checkbox,
+  Checkbox_default as default
+};

package/dist/chunk-FUJQIYOF.mjs

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+export {
+  __spreadValues,
+  __spreadProps,
+  __objRest
+};

package/dist/chunk-ME35H7QC.mjs

@@ -0,0 +1,77 @@
+// src/Button/Button.tsx
+import { Button as AntButton } from "antd";
+import clsx from "clsx";
+
+// src/Button/Button.module.scss
+var Button_module_default = { "button": "Button-module__button___PM45p", "size_large": "Button-module__size_large___4muaQ", "shape_circle": "Button-module__shape_circle___5jh5G", "size_normal": "Button-module__size_normal___qtQjh", "size_small": "Button-module__size_small___7xabg", "type_primary": "Button-module__type_primary___-eoy3", "variant_subtle": "Button-module__variant_subtle___FojFh", "variant_text": "Button-module__variant_text___T-3KC", "variant_link": "Button-module__variant_link___dTdwy", "type_secondary": "Button-module__type_secondary___CwF0Y", "type_critical": "Button-module__type_critical___vVyiK", "onHoverUnderline": "Button-module__onHoverUnderline___wKzkT" };
+
+// src/Button/Button.tsx
+import { jsx } from "react/jsx-runtime";
+function Button(props) {
+  const {
+    type = "primary",
+    variant = "default",
+    size = "normal",
+    shape = "default",
+    className = "",
+    icon = null,
+    children,
+    onClick,
+    href = "",
+    disabled = false,
+    loading = false,
+    onHoverUnderline = false
+  } = props;
+  const buttonMap = {
+    default: "primary",
+    subtle: "default",
+    text: "text",
+    link: "link"
+  };
+  const sizeMap = {
+    small: "small",
+    normal: "middle",
+    // Map "default" to "middle"
+    large: "large"
+  };
+  return /* @__PURE__ */ jsx(
+    AntButton,
+    {
+      className: clsx(
+        Button_module_default.button,
+        Button_module_default[`size_${size}`],
+        Button_module_default[`variant_${variant}`],
+        Button_module_default[`shape_${shape}`],
+        Button_module_default[`type_${type}`],
+        `size_${size}`,
+        `variant_${variant}`,
+        `shape_${shape}`,
+        `type_${type}`,
+        className,
+        {
+          "tw-cursor-not-allowed": disabled,
+          "tw-opacity-40": disabled
+        },
+        disabled && Button_module_default.disabled,
+        onHoverUnderline && Button_module_default.onHoverUnderline
+      ),
+      "data-testid": "lumina-button",
+      disabled,
+      href: href || void 0,
+      icon,
+      loading,
+      onClick,
+      shape,
+      size: sizeMap[size],
+      type: buttonMap[variant],
+      children
+    }
+  );
+}
+Button.displayName = "Button";
+var Button_default = Button;
+
+export {
+  Button,
+  Button_default
+};

package/dist/chunk-OMYHSSPQ.mjs

@@ -0,0 +1,64 @@
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FUJQIYOF.mjs";
+
+// src/Checkbox/Checkbox.tsx
+import { Checkbox as AntCheckbox } from "antd";
+import clsx from "clsx";
+
+// src/Checkbox/Checkbox.module.scss
+var Checkbox_module_default = { "checkbox": "Checkbox-module__checkbox___D2qRJ", "size_small": "Checkbox-module__size_small___lgUjj", "size_medium": "Checkbox-module__size_medium___Npyaz", "size_large": "Checkbox-module__size_large___chR9U", "type_checked": "Checkbox-module__type_checked___fhhpM", "disabled": "Checkbox-module__disabled___xqtab", "type_unchecked": "Checkbox-module__type_unchecked___1zNB7", "variant_normal": "Checkbox-module__variant_normal___MbKJP", "variant_emphasized": "Checkbox-module__variant_emphasized___Yo9yv", "variant_indeterminate": "Checkbox-module__variant_indeterminate___-tnoD" };
+
+// src/Checkbox/Checkbox.tsx
+import { jsx } from "react/jsx-runtime";
+function Checkbox(props) {
+  const _a = props, {
+    className = "",
+    children = null,
+    onChange = () => {
+    },
+    checked = false,
+    disabled = false,
+    size = "small",
+    variant = "normal",
+    indeterminate = false
+  } = _a, rest = __objRest(_a, [
+    "className",
+    "children",
+    "onChange",
+    "checked",
+    "disabled",
+    "size",
+    "variant",
+    "indeterminate"
+  ]);
+  return /* @__PURE__ */ jsx(
+    AntCheckbox,
+    __spreadProps(__spreadValues({
+      checked,
+      className: clsx(
+        Checkbox_module_default.checkbox,
+        Checkbox_module_default[`size_${size}`],
+        Checkbox_module_default[`variant_${variant}`],
+        checked ? Checkbox_module_default.type_checked : Checkbox_module_default.type_unchecked,
+        disabled && Checkbox_module_default.disabled,
+        indeterminate && Checkbox_module_default[`variant_indeterminate`],
+        className
+      ),
+      disabled,
+      indeterminate,
+      onChange
+    }, rest), {
+      children
+    })
+  );
+}
+Checkbox.displayName = "Checkbox";
+var Checkbox_default = Checkbox;
+
+export {
+  Checkbox,
+  Checkbox_default
+};

package/dist/index.d.mts

@@ -0,0 +1,4 @@
+export { default as Button } from './Button.mjs';
+export { default as Checkbox } from './Checkbox.mjs';
+import 'react';
+import 'antd/es/checkbox';

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Button } from './Button.js';
+export { default as Checkbox } from './Checkbox.js';
+import 'react';
+import 'antd/es/checkbox';