lawgic-dev-kit 0.11.6 → 0.11.8

package/dist/_virtual/index2.js

@@ -1,4 +1,5 @@
-var p = { exports: {} };
+import { __require as r } from "../node_modules/property-expr/index.js";
+var e = r();
 export {
-  p as __module
+  e as p
 };

package/dist/_virtual/index3.js

@@ -1,5 +1,5 @@
-import { __require as r } from "../node_modules/property-expr/index.js";
-var e = r();
+import { __require as r } from "../node_modules/tiny-case/index.js";
+var a = r();
 export {
-  e as p
+  a as t
 };

package/dist/_virtual/index4.js

@@ -1,5 +1,7 @@
-import { __require as r } from "../node_modules/tiny-case/index.js";
-var a = r();
+import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
+import { __require as r } from "../node_modules/toposort/index.js";
+var t = r();
+const s = /* @__PURE__ */ o(t);
 export {
-  a as t
+  s as default
 };

package/dist/_virtual/index5.js

@@ -1,7 +1,4 @@
-import { getDefaultExportFromCjs as o } from "./_commonjsHelpers.js";
-import { __require as r } from "../node_modules/toposort/index.js";
-var t = r();
-const s = /* @__PURE__ */ o(t);
+var e = { exports: {} };
 export {
-  s as default
+  e as __module
 };

package/dist/_virtual/index6.js

@@ -1,4 +1,4 @@
-var e = { exports: {} };
+var p = { exports: {} };
 export {
-  e as __module
+  p as __module
 };

package/dist/components/atoms/Checkbox/Checkbox.d.ts

@@ -5,6 +5,8 @@ interface CheckboxProps extends React.ComponentPropsWithoutRef<"div"> {
     active?: boolean | string | number;
     color?: ColorVariant;
     variant?: Variant;
+    className?: string;
+    size?: number;
 }
 declare const Checkbox: React.FC<CheckboxProps>;
 export default Checkbox;

package/dist/components/atoms/Checkbox/Checkbox.js

@@ -1,34 +1,42 @@
-import { j as a } from "../../../_virtual/jsx-runtime.js";
-const b = ({
+import { j as d } from "../../../_virtual/jsx-runtime.js";
+const c = ({
   active: r,
-  color: s = "blue",
-  variant: d = "rounded",
-  className: t,
-  ...u
+  color: n = "blue",
+  variant: u = "rounded",
+  className: l,
+  size: o = 16,
+  ...i
 }) => {
-  const e = {
+  const t = {
     blue: "border-blue-500 bg-blue-500",
     aqua: "border-aqua-500 bg-aqua-500",
     red: "border-red-500 bg-red-500",
     gray: "border-gray-500 bg-gray-500"
-  }[s], o = {
+  }[n], a = {
     rounded: "rounded-full",
     square: "rounded-md"
-  }[d];
-  return /* @__PURE__ */ a.jsx(
+  }[u], s = (e) => ({
+    width: `${e}px`,
+    height: `${e}px`,
+    minWidth: `${e}px`,
+    minHeight: `${e}px`
+  });
+  return /* @__PURE__ */ d.jsx(
     "div",
     {
-      className: `transition-colors ease-in-out duration-150 flex items-center justify-center ${o} border-[1.5px] bg-white ${r ? e : "border-gray-400"} ${t}`,
-      ...u,
-      children: /* @__PURE__ */ a.jsx(
+      className: `transition-colors ease-in-out duration-150 flex items-center justify-center ${a} border-[1.5px] bg-white ${r ? t : "border-gray-400"} ${l}`,
+      style: s(o),
+      ...i,
+      children: /* @__PURE__ */ d.jsx(
         "div",
         {
-          className: `absolute transition-colors ease-in-out duration-150 ${o} size-12 ${r ? e : ""}`
+          className: `absolute transition-colors ease-in-out duration-150 ${a} size-12 ${r ? t : ""}`,
+          style: s(o * 0.7)
         }
       )
     }
   );
 };
 export {
-  b as default
+  c as default
 };

package/dist/components/atoms/ProgressBar/ProgressBar.d.ts

@@ -1,3 +1,3 @@
 import { ProgressBarProps } from './ProgressBar.types';
-declare const ProgressBar: ({ progress, showPercentage, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProgressBar: ({ progress, showPercentage, color, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
 export default ProgressBar;

package/dist/components/atoms/ProgressBar/ProgressBar.js

@@ -1,23 +1,26 @@
 import { j as e } from "../../../_virtual/jsx-runtime.js";
-const r = ({
-  progress: a,
-  showPercentage: l = !1
+import { resolveProgressBarColors as m } from "./ProgressBar.styles.js";
+import { useTheme as d } from "../../../hooks/useTheme.js";
+const x = ({
+  progress: r,
+  showPercentage: o = !1,
+  color: l
 }) => {
-  const s = Math.min(Math.max(a, 0), 100);
+  const { defaultColorScheme: t } = d(), a = l || t, { bgColor: n, fillColor: i } = m(a), s = Math.min(Math.max(r, 0), 100);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-12", children: [
-    /* @__PURE__ */ e.jsx("div", { className: "w-full h-8 bg-blue-100 rounded-full", children: /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ e.jsx("div", { className: `w-full h-8 ${n} rounded-full`, children: /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: "h-full bg-blue-500 rounded-full transition-all duration-300 ease-in-out",
+        className: `h-full ${i} rounded-full transition-all duration-300 ease-in-out`,
         style: { width: `${s}%` }
       }
     ) }),
-    l && /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-gray-400 font-500", children: [
+    o && /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-gray-400 font-500", children: [
       s,
       "%"
     ] })
   ] });
 };
 export {
-  r as default
+  x as default
 };

package/dist/components/atoms/ProgressBar/ProgressBar.styles.d.ts

@@ -0,0 +1,7 @@
+import { Color } from '../../../types/styleValues';
+interface ProgressBarColorConfig {
+    bgColor: string;
+    fillColor: string;
+}
+export declare const resolveProgressBarColors: (color: Color) => ProgressBarColorConfig;
+export {};

package/dist/components/atoms/ProgressBar/ProgressBar.styles.js

@@ -0,0 +1,18 @@
+const l = {
+  bgColor: "bg-blue-100",
+  fillColor: "bg-blue-500"
+}, r = {
+  bgColor: "bg-aqua-100",
+  fillColor: "bg-aqua-500"
+}, e = (o) => {
+  switch (o) {
+    case "aqua":
+      return r;
+    case "blue":
+    default:
+      return l;
+  }
+};
+export {
+  e as resolveProgressBarColors
+};

package/dist/components/atoms/ProgressBar/ProgressBar.types.d.ts

@@ -1,4 +1,6 @@
+import { Color } from '../../../types/styleValues';
 export interface ProgressBarProps {
     progress: number;
     showPercentage?: boolean;
+    color?: Color;
 }