@konstructio/ui 0.1.2-alpha.75 → 0.1.2-alpha.77

package/dist/components/Breadcrumb/Breadcrumb.types.d.ts

@@ -31,7 +31,7 @@ export type Step = {
  * />
  * ```
  */
-export interface BreadcrumbProps extends VariantProps<typeof breadcrumbVariants>, HTMLAttributes<HTMLOListElement> {
+export interface Props extends VariantProps<typeof breadcrumbVariants>, HTMLAttributes<HTMLOListElement> {
     /** Array of breadcrumb steps */
     steps: Step[];
     /** CSS classes for the nav wrapper */
@@ -39,3 +39,5 @@ export interface BreadcrumbProps extends VariantProps<typeof breadcrumbVariants>
     /** Theme override for this component */
     theme?: Theme;
 }
+/** @deprecated Use Props instead */
+export type BreadcrumbProps = Props;

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

@@ -1,11 +1,5 @@
 import { c as e } from "../../index-D29mdTf5.js";
-const t = e([
-  "text-gray-600",
-  "text-md",
-  "flex",
-  "gap-2",
-  "items-center"
-]), a = e(["flex", "gap-1", "items-center"]);
+const t = e(["text-gray-600", "text-md", "flex", "gap-2", "items-center"]), a = e(["flex", "gap-1", "items-center"]);
 export {
   a as breadcrumbVariants,
   t as breadcrumbWrapperVariants

package/dist/components/Breadcrumb/components/Item/Item.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import { ItemProps } from './Item.types';
-export declare const Item: FC<ItemProps>;
+import { Props } from './Item.types';
+export declare const Item: FC<Props>;

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

@@ -1,50 +1,36 @@
-import { jsx as e, Fragment as p } from "react/jsx-runtime";
-import { cn as m } from "../../../../utils/index.js";
-import { u as h, L as b } from "../../../../useBreadcrumb-C_Wb2cXs.js";
-import { breadcrumbLinkVariants as d, breadcrumbLabelVariants as k } from "./Item.variants.js";
-const g = ({
-  isActive: r,
-  isLast: t,
-  label: n,
-  target: s,
-  theme: c,
-  to: a,
-  component: l = "a"
-}) => {
-  const { isInsideRouter: u } = h(), o = (f) => {
-    a === "#" && f.preventDefault();
-  }, i = l;
-  return /* @__PURE__ */ e(
-    "li",
-    {
-      "aria-current": t ? "page" : void 0,
-      className: "group font-medium text-inherit",
-      "data-theme": c,
-      children: a ? /* @__PURE__ */ e(p, { children: u ? /* @__PURE__ */ e(
-        b,
-        {
-          to: a,
-          target: s,
-          className: m(d({ isActive: r })),
-          "aria-disabled": r ? "true" : "false",
-          onClick: o,
-          children: n
-        }
-      ) : /* @__PURE__ */ e(
-        i,
-        {
-          href: i === "a" ? a : void 0,
-          to: i !== "a" ? a : void 0,
-          target: s,
-          className: m(d({ isActive: r })),
-          "aria-disabled": r ? "true" : "false",
-          onClick: o,
-          children: n
-        }
-      ) }) : /* @__PURE__ */ e("span", { className: m(k({ isActive: r })), children: n })
-    }
-  );
+import { jsx as s, Fragment as x } from "react/jsx-runtime";
+import { c as C } from "../../../../compiler-runtime-DA41awpA.js";
+import { cn as u } from "../../../../utils/index.js";
+import { u as N, L as I } from "../../../../useBreadcrumb-C_Wb2cXs.js";
+import { breadcrumbLinkVariants as b, breadcrumbLabelVariants as R } from "./Item.variants.js";
+const E = (v) => {
+  const e = C.c(14), {
+    isActive: a,
+    isLast: k,
+    label: i,
+    target: n,
+    theme: d,
+    to: t,
+    component: h
+  } = v, L = h === void 0 ? "a" : h, {
+    isInsideRouter: p
+  } = N();
+  let c;
+  e[0] !== t ? (c = (g) => {
+    t === "#" && g.preventDefault();
+  }, e[0] = t, e[1] = c) : c = e[1];
+  const l = c, o = L, f = k ? "page" : void 0;
+  let r;
+  e[2] !== o || e[3] !== l || e[4] !== a || e[5] !== p || e[6] !== i || e[7] !== n || e[8] !== t ? (r = t ? /* @__PURE__ */ s(x, { children: p ? /* @__PURE__ */ s(I, { to: t, target: n, className: u(b({
+    isActive: a
+  })), "aria-disabled": a ? "true" : "false", onClick: l, children: i }) : /* @__PURE__ */ s(o, { href: o === "a" ? t : void 0, to: o !== "a" ? t : void 0, target: n, className: u(b({
+    isActive: a
+  })), "aria-disabled": a ? "true" : "false", onClick: l, children: i }) }) : /* @__PURE__ */ s("span", { className: u(R({
+    isActive: a
+  })), children: i }), e[2] = o, e[3] = l, e[4] = a, e[5] = p, e[6] = i, e[7] = n, e[8] = t, e[9] = r) : r = e[9];
+  let m;
+  return e[10] !== f || e[11] !== r || e[12] !== d ? (m = /* @__PURE__ */ s("li", { "aria-current": f, className: "group font-medium text-inherit", "data-theme": d, children: r }), e[10] = f, e[11] = r, e[12] = d, e[13] = m) : m = e[13], m;
 };
 export {
-  g as Item
+  E as Item
 };

package/dist/components/Breadcrumb/components/Item/Item.types.d.ts

@@ -1,6 +1,8 @@
 import { Theme } from '../../../../domain/theme';
 import { Step } from '../../Breadcrumb.types';
-export interface ItemProps extends Step {
+export interface Props extends Step {
     isLast: boolean;
     theme?: Theme;
 }
+/** @deprecated Use Props instead */
+export type ItemProps = Props;

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

@@ -1,69 +1,32 @@
 import { c as e } from "../../../../index-D29mdTf5.js";
-const s = e(
-  [
-    "text-sm",
-    "leading-5",
-    "text-gray-400",
-    "font-semibold",
-    "dark:text-gray-400"
-  ],
-  {
-    variants: {
-      isActive: {
-        true: "",
-        false: "cursor-auto"
-      }
-    },
-    defaultVariants: {
-      isActive: !0
-    },
-    compoundVariants: [
-      {
-        isActive: !0,
-        class: [
-          "group-[&:has(:focus-visible)]:no-underline",
-          "group-[&:has(:focus-visible)]:outline-2",
-          "group-[&:has(:focus-visible)]:outline-offset-6",
-          "group-[&:has(:focus-visible)]:outline-gray-500",
-          "group-[&:has(:focus-visible)]:text-gray-500",
-          "group-[&:has(:focus-visible)]:rounded-xs",
-          "group-hover:rounded-xs",
-          "hover:no-underline",
-          "hover:text-gray-500",
-          "dark:hover:text-gray-300"
-        ]
-      },
-      {
-        isActive: void 0,
-        class: [
-          "group-[&:has(:focus-visible)]:no-underline",
-          "group-[&:has(:focus-visible)]:outline-2",
-          "group-[&:has(:focus-visible)]:outline-offset-6",
-          "group-[&:has(:focus-visible)]:outline-gray-500",
-          "group-[&:has(:focus-visible)]:text-gray-500",
-          "group-[&:has(:focus-visible)]:rounded-xs",
-          "group-hover:rounded-xs",
-          "hover:no-underline",
-          "hover:text-gray-500",
-          "dark:hover:text-gray-300"
-        ]
-      }
-    ]
-  }
-), o = e(
-  ["text-sm", "leading-5", "font-semibold"],
-  {
-    variants: {
-      isActive: {
-        true: ["text-gray-600", "dark:text-gray-300"],
-        false: ["text-gray-400", "cursor-default"]
-      }
-    },
-    defaultVariants: {
-      isActive: !0
+const s = e(["text-sm", "leading-5", "text-gray-400", "font-semibold", "dark:text-gray-400"], {
+  variants: {
+    isActive: {
+      true: "",
+      false: "cursor-auto"
+    }
+  },
+  defaultVariants: {
+    isActive: !0
+  },
+  compoundVariants: [{
+    isActive: !0,
+    class: ["group-[&:has(:focus-visible)]:no-underline", "group-[&:has(:focus-visible)]:outline-2", "group-[&:has(:focus-visible)]:outline-offset-6", "group-[&:has(:focus-visible)]:outline-gray-500", "group-[&:has(:focus-visible)]:text-gray-500", "group-[&:has(:focus-visible)]:rounded-xs", "group-hover:rounded-xs", "hover:no-underline", "hover:text-gray-500", "dark:hover:text-gray-300"]
+  }, {
+    isActive: void 0,
+    class: ["group-[&:has(:focus-visible)]:no-underline", "group-[&:has(:focus-visible)]:outline-2", "group-[&:has(:focus-visible)]:outline-offset-6", "group-[&:has(:focus-visible)]:outline-gray-500", "group-[&:has(:focus-visible)]:text-gray-500", "group-[&:has(:focus-visible)]:rounded-xs", "group-hover:rounded-xs", "hover:no-underline", "hover:text-gray-500", "dark:hover:text-gray-300"]
+  }]
+}), o = e(["text-sm", "leading-5", "font-semibold"], {
+  variants: {
+    isActive: {
+      true: ["text-gray-600", "dark:text-gray-300"],
+      false: ["text-gray-400", "cursor-default"]
     }
+  },
+  defaultVariants: {
+    isActive: !0
   }
-);
+});
 export {
   o as breadcrumbLabelVariants,
   s as breadcrumbLinkVariants

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { ButtonProps } from './Button.types';
+import { Props } from './Button.types';
 /**
  * A customizable button component with multiple variants and styles.
  *
@@ -29,5 +29,5 @@ import { ButtonProps } from './Button.types';
  *
  * @see {@link https://konstructio.github.io/konstruct-ui/?path=/docs/components-button--docs Storybook}
  */
-declare const Button: FC<ButtonProps>;
+declare const Button: FC<Props>;
 export { Button };

package/dist/components/Button/Button.js

@@ -1,42 +1,39 @@
-import { jsx as u } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { S as l } from "../../index-BvoZGpli.js";
-import { cn as x } from "../../utils/index.js";
-import { buttonVariants as B } from "./Button.variants.js";
-const C = c(
-  ({
-    appearance: o,
-    asChild: r = !1,
-    className: m,
-    disabled: t = !1,
-    shape: a,
-    size: n,
-    theme: s,
-    variant: f,
-    version: p,
-    ...e
-  }, i) => /* @__PURE__ */ u(
-    r ? l : "button",
-    {
-      ref: i,
-      "data-theme": s,
-      className: x(
-        B({
-          appearance: o,
-          className: m,
-          disabled: t,
-          shape: a,
-          size: n,
-          variant: f,
-          version: p
-        })
-      ),
-      disabled: t,
-      ...e
-    }
-  )
-);
-C.displayName = "KonstructButton";
+import { jsx as x } from "react/jsx-runtime";
+import { c as C } from "../../compiler-runtime-DA41awpA.js";
+import { forwardRef as N } from "react";
+import { S as B } from "../../index-BvoZGpli.js";
+import { cn as R } from "../../utils/index.js";
+import { buttonVariants as S } from "./Button.variants.js";
+const g = N((u, h) => {
+  const t = C.c(26);
+  let e, o, s, l, a, c, d, i, r, m;
+  t[0] !== u ? ({
+    appearance: e,
+    asChild: c,
+    className: o,
+    disabled: d,
+    shape: l,
+    size: a,
+    theme: i,
+    variant: r,
+    version: m,
+    ...s
+  } = u, t[0] = u, t[1] = e, t[2] = o, t[3] = s, t[4] = l, t[5] = a, t[6] = c, t[7] = d, t[8] = i, t[9] = r, t[10] = m) : (e = t[1], o = t[2], s = t[3], l = t[4], a = t[5], c = t[6], d = t[7], i = t[8], r = t[9], m = t[10]);
+  const v = c === void 0 ? !1 : c, n = d === void 0 ? !1 : d, b = v ? B : "button";
+  let p;
+  t[11] !== e || t[12] !== o || t[13] !== n || t[14] !== l || t[15] !== a || t[16] !== r || t[17] !== m ? (p = R(S({
+    appearance: e,
+    className: o,
+    disabled: n,
+    shape: l,
+    size: a,
+    variant: r,
+    version: m
+  })), t[11] = e, t[12] = o, t[13] = n, t[14] = l, t[15] = a, t[16] = r, t[17] = m, t[18] = p) : p = t[18];
+  let f;
+  return t[19] !== b || t[20] !== s || t[21] !== n || t[22] !== h || t[23] !== p || t[24] !== i ? (f = /* @__PURE__ */ x(b, { ref: h, "data-theme": i, className: p, disabled: n, ...s }), t[19] = b, t[20] = s, t[21] = n, t[22] = h, t[23] = p, t[24] = i, t[25] = f) : f = t[25], f;
+});
+g.displayName = "KonstructButton";
 export {
-  C as Button
+  g as Button
 };

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

@@ -12,7 +12,7 @@ import { buttonVariants } from './Button.variants';
  * <Button variant="danger" shape="circle"><TrashIcon /></Button>
  * ```
  */
-export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled'>, VariantProps<typeof buttonVariants> {
+export interface Props extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'disabled'>, VariantProps<typeof buttonVariants> {
     /** Ref to the underlying button element */
     ref?: Ref<HTMLButtonElement>;
     /** Merge props onto child element instead of rendering a button */
@@ -22,3 +22,5 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
     /** Theme override for this component */
     theme?: Theme;
 }
+/** @deprecated Use Props instead */
+export type ButtonProps = Props;