@liujip0/components 0.0.0 → 0.0.2

package/README.md

@@ -1,69 +1,3 @@
-# React + TypeScript + Vite
+# @liujip0/components
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
-
-```js
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-
-      // Remove tseslint.configs.recommended and replace with this
-      ...tseslint.configs.recommendedTypeChecked,
-      // Alternatively, use this for stricter rules
-      ...tseslint.configs.strictTypeChecked,
-      // Optionally, add this for stylistic rules
-      ...tseslint.configs.stylisticTypeChecked,
-
-      // Other configs...
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```
-
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
-
-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
-
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-      // Enable lint rules for React
-      reactX.configs['recommended-typescript'],
-      // Enable lint rules for React DOM
-      reactDom.configs.recommended,
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```
+Just a simple components library for my own personal use!

package/dist/assets/Button.css

@@ -1 +1 @@
-._button_p3w70_1{min-width:64px;padding:6px 16px;border:none;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;gap:4px;font-size:1.25rem;font-family:var(--text-font-family);text-transform:uppercase;font-weight:500;line-height:1.75;letter-spacing:.02857em;cursor:pointer}._button_p3w70_1:hover{filter:var(--hover-dim)}
+._button_7qhy4_1{min-width:64px;padding:6px 16px;border:none;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;gap:4px;font-size:1.25rem;font-family:var(--text-font-family);text-transform:uppercase;font-weight:500;line-height:1.75;letter-spacing:.02857em;cursor:pointer}._button_7qhy4_1:hover{filter:var(--hover-dim)}

package/dist/assets/IconButton.css

@@ -1 +1 @@
-._button_osttw_1{display:flex;align-items:center;justify-content:center;padding:6px;border:none;color:var(--color-primary);background-color:var(--color-background);cursor:pointer;clip-path:circle(50%)}._button_osttw_1:hover{filter:var(--hover-dim)}
+._button_rs8jj_1{display:flex;align-items:center;justify-content:center;padding:6px;border:none;color:var(--color-primary);background-color:var(--color-background);cursor:pointer;clip-path:circle(50%)}._button_rs8jj_1:hover{filter:var(--hover-dim)}

package/dist/assets/ToggleButton.css

@@ -1 +1 @@
-._buttonFalse_upi8f_1{color:var(--color-primary);border:var(--button-border-width) solid var(--color-primary);background-color:var(--color-background)}._buttonTrue_upi8f_13{color:var(--color-primary-contrastText);border:none;background-color:var(--color-primary)}
+._buttonFalse_1ssvl_1{color:var(--color-primary);border:var(--button-border-width) solid var(--color-primary);background-color:var(--color-background)}._buttonTrue_1ssvl_7{color:var(--color-primary-contrastText);border:none;background-color:var(--color-primary)}

package/dist/assets/ToggleButtonGroup.css

@@ -1 +1 @@
-._container_1lbeu_1{display:flex;flex-direction:column}._outline_1lbeu_11{display:flex;gap:4px}._label_1lbeu_21{font-family:var(--text-font-family);font-size:var(--text-label-size)}._helperText_1lbeu_31{margin:4px 8px;font-family:var(--text-font-family);font-size:.75em;color:var(--color-primary)}._helperTextError_1lbeu_45{color:var(--color-error)}
+._container_12l5n_1{display:flex;flex-direction:column}._outline_12l5n_6{display:flex;gap:4px}._label_12l5n_11{font-family:var(--text-font-family);font-size:var(--text-label-size)}._helperText_12l5n_16{margin:4px 8px;font-family:var(--text-font-family);font-size:.75em;color:var(--color-primary)}._helperTextError_12l5n_23{color:var(--color-error)}

package/dist/components/Button/Button.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import '../../assets/Button.css';const b = "_button_p3w70_1", r = {
+import '../../assets/Button.css';const b = "_button_7qhy4_1", r = {
   button: b
 };
 function e({ children: t, className: o, ref: n, ...u }) {

package/dist/components/Button/IconButton/IconButton.js

@@ -1,17 +1,17 @@
 import { jsx as s } from "react/jsx-runtime";
-import '../../../assets/IconButton.css';const u = "_button_osttw_1", b = {
+import '../../../assets/IconButton.css';const u = "_button_rs8jj_1", r = {
   button: u
 };
-function r({ children: t, className: o, ...n }) {
+function c({ children: t, className: o, ...n }) {
   return /* @__PURE__ */ s(
     "button",
     {
-      className: b.button + " " + (o || ""),
+      className: r.button + " " + (o || ""),
       ...n,
       children: t
     }
   );
 }
 export {
-  r as IconButton
+  c as IconButton
 };

package/dist/components/Button/ToggleButton/ToggleButton.js

@@ -1,28 +1,28 @@
-import { jsx as b } from "react/jsx-runtime";
-import { Button as s } from "../Button.js";
-import '../../../assets/ToggleButton.css';const f = "_buttonFalse_upi8f_1", C = "_buttonTrue_upi8f_13", e = {
-  buttonFalse: f,
-  buttonTrue: C
+import { jsx as a } from "react/jsx-runtime";
+import { Button as b } from "../Button.js";
+import '../../../assets/ToggleButton.css';const C = "_buttonFalse_1ssvl_1", _ = "_buttonTrue_1ssvl_7", e = {
+  buttonFalse: C,
+  buttonTrue: _
 };
 function m({
   value: n,
   children: o,
-  className: u,
-  classNameTrue: i,
-  classNameFalse: l,
-  disabled: c,
-  ref: a,
+  className: l,
+  classNameTrue: u,
+  classNameFalse: i,
+  disabled: s,
+  ref: c,
   ...t
 }) {
-  return /* @__PURE__ */ b(
-    s,
+  return /* @__PURE__ */ a(
+    b,
     {
-      ref: a,
-      className: (("selected" in t ? t.selected : n) ? e.buttonTrue + " " + (i || "") : e.buttonFalse + " " + (l || "")) + " " + (u || ""),
+      ref: c,
+      className: (("selected" in t ? t.selected : n) ? e.buttonTrue + " " + (u || "") : e.buttonFalse + " " + (i || "")) + " " + (l || ""),
       onClick: () => {
         "onChange" in t && t.onChange !== void 0 ? t.onChange(!n) : "onClick" in t && t.onClick !== void 0 && t.onClick();
       },
-      disabled: c,
+      disabled: s,
       children: o
     }
   );

package/dist/components/Button/ToggleButton/ToggleButtonGroup.js

@@ -1,14 +1,14 @@
-import { jsxs as _, jsx as l } from "react/jsx-runtime";
-import t from "react";
-import '../../../assets/ToggleButtonGroup.css';const m = "_container_1lbeu_1", x = "_outline_1lbeu_11", b = "_label_1lbeu_21", h = "_helperText_1lbeu_31", T = "_helperTextError_1lbeu_45", r = {
+import { jsxs as u, jsx as l } from "react/jsx-runtime";
+import n from "react";
+import '../../../assets/ToggleButtonGroup.css';const m = "_container_12l5n_1", x = "_outline_12l5n_6", h = "_label_12l5n_11", T = "_helperText_12l5n_16", E = "_helperTextError_12l5n_23", r = {
   container: m,
   outline: x,
-  label: b,
-  helperText: h,
-  helperTextError: T
+  label: h,
+  helperText: T,
+  helperTextError: E
 };
-function f({
-  value: n,
+function v({
+  value: t,
   onChange: o,
   children: c,
   label: s,
@@ -16,15 +16,15 @@ function f({
   helperText: p,
   className: a
 }) {
-  const u = t.Children.map(c, (e) => t.isValidElement(e) ? t.cloneElement(e, {
-    selected: n === e.props.value,
+  const _ = n.Children.map(c, (e) => n.isValidElement(e) ? n.cloneElement(e, {
+    selected: t === e.props.value,
     onClick: () => {
-      n === e.props.value ? o("") : o(e.props.value);
+      t === e.props.value ? o("") : o(e.props.value);
     }
   }) : e);
-  return /* @__PURE__ */ _("div", { className: r.container + " " + (a || ""), children: [
+  return /* @__PURE__ */ u("div", { className: r.container + " " + (a || ""), children: [
     s && /* @__PURE__ */ l("p", { className: r.label, children: s }),
-    /* @__PURE__ */ l("div", { className: r.outline, children: u }),
+    /* @__PURE__ */ l("div", { className: r.outline, children: _ }),
     p && /* @__PURE__ */ l(
       "p",
       {
@@ -35,5 +35,5 @@ function f({
   ] });
 }
 export {
-  f as ToggleButtonGroup
+  v as ToggleButtonGroup
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@liujip0/components",
   "private": false,
-  "version": "0.0.0",
+  "version": "0.0.2",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",