@konstructio/ui 0.0.12-alpha.1 → 0.0.12

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+import { ClassValue } from 'clsx';
+export declare const cn: (...inputs: ClassValue[]) => string;
+export declare const filterByValue: (elements: string[], valueToFind: string) => string[];
+export declare const isClient: boolean;

package/dist/{x-DU-Zw-L_.js → x-CRBgmX1Q.js}

@@ -1,5 +1,5 @@
 import l, { forwardRef as c } from "react";
-import { P as a } from "./index-C5psggHV.js";
+import { P as a } from "./index-D68N8v8R.js";
 function f() {
   return f = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {

package/package.json

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.0.12-alpha.1",
+  "version": "0.0.12",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",

package/dist/components/Breadcrumb/components/Item/Item.js

@@ -1,61 +0,0 @@
-import { jsx as r, Fragment as p } from "react/jsx-runtime";
-import { cn as n } from "../../../../utils/index.js";
-import { u as b, L as k } from "../../../../useBreadcrumb-CojbXFVD.js";
-import { breadcrumbItemVariants as L, breadcrumbLinkVariants as c, breadcrumbLabelVariants as N } from "./Item.variants.js";
-import { useTheme as x } from "../../../../contexts/theme.hook.js";
-const j = ({
-  isActive: e,
-  isLast: o,
-  label: s,
-  size: d,
-  target: t,
-  theme: h,
-  to: a
-}) => {
-  const { theme: l } = x(), { isInsideRouter: u } = b(), m = h ?? l, i = (f) => {
-    a === "#" && f.preventDefault();
-  };
-  return /* @__PURE__ */ r(
-    "li",
-    {
-      "aria-current": o ? "page" : void 0,
-      className: n(L({ theme: m, size: d })),
-      children: a ? /* @__PURE__ */ r(p, { children: u ? /* @__PURE__ */ r(
-        k,
-        {
-          to: a,
-          target: t,
-          className: n(
-            c({ theme: m, isActive: e })
-          ),
-          "aria-disabled": e ? "true" : "false",
-          onClick: i,
-          children: s
-        }
-      ) : /* @__PURE__ */ r(
-        "a",
-        {
-          href: a,
-          target: t,
-          className: n(
-            c({ theme: m, isActive: e })
-          ),
-          "aria-disabled": e ? "true" : "false",
-          onClick: i,
-          children: s
-        }
-      ) }) : /* @__PURE__ */ r(
-        "span",
-        {
-          className: n(
-            N({ theme: m, isActive: e })
-          ),
-          children: s
-        }
-      )
-    }
-  );
-};
-export {
-  j as Item
-};

package/dist/components/Breadcrumb/components/Item/Item.variants.js

@@ -1,90 +0,0 @@
-import { c as t } from "../../../../index-BNmRGtA6.js";
-const i = t(
-  ["group", "font-semibold", "text-inherit"],
-  {
-    variants: {
-      theme: {
-        kubefirst: "",
-        colony: "",
-        civo: ""
-      },
-      size: {
-        sm: "text-xs",
-        base: "text-sm",
-        lg: "text-base",
-        xl: "text-lg"
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst",
-      size: "base"
-    }
-  }
-), o = t(["text-inherit"], {
-  variants: {
-    theme: {
-      kubefirst: "",
-      colony: "",
-      civo: ""
-    },
-    isActive: {
-      true: "",
-      false: ["text-slate-400", "cursor-auto"]
-    }
-  },
-  defaultVariants: {
-    theme: "kubefirst",
-    isActive: !0
-  },
-  compoundVariants: [
-    {
-      isActive: !0,
-      class: [
-        "group-focus-within:no-underline",
-        "group-focus-within:outline",
-        "group-focus-within:outline-8",
-        "group-focus-within:outline-offset-4",
-        "group-focus-within:outline-slate-500",
-        "group-focus-within:rounded-sm",
-        "group-hover:rounded-sm",
-        "hover:no-underline",
-        "hover:text-slate-500"
-      ]
-    },
-    {
-      isActive: void 0,
-      class: [
-        "group-focus-within:no-underline",
-        "group-focus-within:outline",
-        "group-focus-within:outline-8",
-        "group-focus-within:outline-offset-4",
-        "group-focus-within:outline-slate-500",
-        "group-focus-within:rounded-sm",
-        "group-hover:rounded-sm",
-        "hover:no-underline",
-        "hover:text-slate-500"
-      ]
-    }
-  ]
-}), s = t(["text-inherit"], {
-  variants: {
-    theme: {
-      kubefirst: "",
-      colony: "",
-      civo: ""
-    },
-    isActive: {
-      true: "",
-      false: ["text-slate-400"]
-    }
-  },
-  defaultVariants: {
-    theme: "kubefirst",
-    isActive: !0
-  }
-});
-export {
-  i as breadcrumbItemVariants,
-  s as breadcrumbLabelVariants,
-  o as breadcrumbLinkVariants
-};

package/dist/components/Breadcrumb/components/index.js

@@ -1,4 +0,0 @@
-import { Item as o } from "./Item/Item.js";
-export {
-  o as Item
-};

package/dist/components/RadioCard/RadioCard.js

@@ -1,41 +0,0 @@
-import { jsx as m } from "react/jsx-runtime";
-import { cn as a } from "../../utils/index.js";
-import { Card as h } from "../Card/Card.js";
-import { Radio as l } from "../Radio/Radio.js";
-import { radioCardVariants as n } from "./RadioCard.variants.js";
-import { useTheme as f } from "../../contexts/theme.hook.js";
-const N = ({
-  wrapperClassName: o,
-  theme: t,
-  labelWrapperClassName: i,
-  checked: r,
-  ...s
-}) => {
-  const { theme: p } = f(), e = t ?? p;
-  return /* @__PURE__ */ m(
-    h,
-    {
-      className: a(
-        n({
-          className: o,
-          theme: e
-        })
-      ),
-      wrapperClassName: "w-max",
-      theme: e,
-      isActive: r,
-      children: /* @__PURE__ */ m(
-        l,
-        {
-          theme: e,
-          wrapperClassName: a("w-full h-full p-3 gap-3", i),
-          checked: r,
-          ...s
-        }
-      )
-    }
-  );
-};
-export {
-  N as RadioCard
-};

package/dist/components/RadioCard/RadioCard.variants.js

@@ -1,19 +0,0 @@
-import { c as e } from "../../index-BNmRGtA6.js";
-const t = e(
-  ["flex", "items-center", "p-0", "border-2"],
-  {
-    variants: {
-      theme: {
-        colony: "",
-        kubefirst: "",
-        civo: ""
-      }
-    },
-    defaultVariants: {
-      theme: "kubefirst"
-    }
-  }
-);
-export {
-  t as radioCardVariants
-};

package/dist/components/RadioCardGroup/RadioCardGroup.js

@@ -1,47 +0,0 @@
-import { jsx as e, Fragment as S } from "react/jsx-runtime";
-import { useState as k, useCallback as l } from "react";
-import { cn as m } from "../../utils/index.js";
-import { RadioCard as G } from "../RadioCard/RadioCard.js";
-import { radioCardGroupVariants as R } from "./RadioCardGroup.variants.js";
-import { useTheme as T } from "../../contexts/theme.hook.js";
-const z = ({
-  className: o,
-  defaultChecked: c,
-  direction: s,
-  name: d,
-  options: i,
-  theme: p,
-  wrapperClassName: a,
-  onValueChange: t
-}) => {
-  const { theme: f } = T(), [h, n] = k(c), x = l(
-    (r) => {
-      n(r), t == null || t(r);
-    },
-    [t]
-  );
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: m(
-        R({ className: a, direction: s })
-      ),
-      children: /* @__PURE__ */ e(S, { children: i.map(({ value: r, ...N }) => /* @__PURE__ */ e(
-        G,
-        {
-          value: r,
-          theme: p ?? f,
-          name: d,
-          className: m(o),
-          checked: h === r,
-          onChange: () => x(r),
-          ...N
-        },
-        r
-      )) })
-    }
-  );
-};
-export {
-  z as RadioCardGroup
-};

package/dist/components/RadioCardGroup/RadioCardGroup.variants.js

@@ -1,21 +0,0 @@
-import { c as o } from "../../index-BNmRGtA6.js";
-const a = o(["flex"], {
-  variants: {
-    theme: {
-      colony: "",
-      kubefirst: "",
-      civo: ""
-    },
-    direction: {
-      row: ["flex-row", "gap-8"],
-      col: ["flex-col", "gap-4"]
-    }
-  },
-  defaultVariants: {
-    theme: "kubefirst",
-    direction: "col"
-  }
-});
-export {
-  a as radioCardGroupVariants
-};

package/dist/components/RadioGroup/RadioGroup.variants.js

@@ -1,21 +0,0 @@
-import { c as o } from "../../index-BNmRGtA6.js";
-const e = o(["flex"], {
-  variants: {
-    theme: {
-      colony: "",
-      kubefirst: "",
-      civo: ""
-    },
-    direction: {
-      row: ["flex-row", "gap-8"],
-      col: ["flex-col", "gap-4"]
-    }
-  },
-  defaultVariants: {
-    theme: "kubefirst",
-    direction: "col"
-  }
-});
-export {
-  e as radioGroupVariants
-};