@krosoft/react 0.0.12 → 0.0.13

package/dist/components/core/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./states";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/core/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/components/core/states/ErrorState.d.ts

@@ -0,0 +1,6 @@
+interface ErrorStateProps {
+    message?: string;
+}
+export declare const ErrorState: ({ message }: ErrorStateProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=ErrorState.d.ts.map

package/dist/components/core/states/ErrorState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.d.ts","sourceRoot":"","sources":["../../../../src/components/core/states/ErrorState.tsx"],"names":[],"mappings":"AAAA,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,UAAU,GAAI,aAAa,eAAe,KAAG,KAAK,CAAC,GAAG,CAAC,OAOnE,CAAC"}

package/dist/components/core/states/index.d.ts

@@ -0,0 +1,2 @@
+export { ErrorState } from "./ErrorState";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/core/states/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/core/states/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/index.d.ts

@@ -1,2 +1,3 @@
+export * from "./core";
 export * from "./ui";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,MAAM,CAAC"}

package/dist/components/ui/badge.d.ts

@@ -0,0 +1,10 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "secondary" | "outline" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/ui/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,aAAa;;8EAelB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAE/G,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAE1D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/ui/index.d.ts

@@ -1,2 +1,4 @@
 export { Alert, AlertTitle, AlertDescription } from "./alert";
+export { Badge, badgeVariants } from "./badge";
+export type { BadgeProps } from "./badge";
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/ui/index.js

@@ -1,36 +1,36 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import * as v from "react";
-import { c as k, a as c } from "../../index-DxGGCUCL.js";
-const y = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, N = k, C = (e, a) => (t) => {
-  var s;
-  if ((a == null ? void 0 : a.variants) == null) return N(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-  const { variants: m, defaultVariants: i } = a, x = Object.keys(m).map((r) => {
-    const l = t == null ? void 0 : t[r], d = i == null ? void 0 : i[r];
-    if (l === null) return null;
-    const n = y(l) || y(d);
-    return m[r][n];
-  }), f = t && Object.entries(t).reduce((r, l) => {
-    let [d, n] = l;
-    return n === void 0 || (r[d] = n), r;
-  }, {}), b = a == null || (s = a.compoundVariants) === null || s === void 0 ? void 0 : s.reduce((r, l) => {
-    let { class: d, className: n, ...V } = l;
-    return Object.entries(V).every((A) => {
-      let [g, o] = A;
-      return Array.isArray(o) ? o.includes({
-        ...i,
-        ...f
+import { c as k, a as u } from "../../index-DxGGCUCL.js";
+const b = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, y = k, x = (t, r) => (e) => {
+  var i;
+  if ((r == null ? void 0 : r.variants) == null) return y(t, e == null ? void 0 : e.class, e == null ? void 0 : e.className);
+  const { variants: f, defaultVariants: o } = r, N = Object.keys(f).map((a) => {
+    const n = e == null ? void 0 : e[a], d = o == null ? void 0 : o[a];
+    if (n === null) return null;
+    const s = b(n) || b(d);
+    return f[a][s];
+  }), m = e && Object.entries(e).reduce((a, n) => {
+    let [d, s] = n;
+    return s === void 0 || (a[d] = s), a;
+  }, {}), V = r == null || (i = r.compoundVariants) === null || i === void 0 ? void 0 : i.reduce((a, n) => {
+    let { class: d, className: s, ...A } = n;
+    return Object.entries(A).every((h) => {
+      let [g, c] = h;
+      return Array.isArray(c) ? c.includes({
+        ...o,
+        ...m
       }[g]) : {
-        ...i,
-        ...f
-      }[g] === o;
+        ...o,
+        ...m
+      }[g] === c;
     }) ? [
-      ...r,
+      ...a,
       d,
-      n
-    ] : r;
+      s
+    ] : a;
   }, []);
-  return N(e, x, b, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-}, j = C(
+  return y(t, N, V, e == null ? void 0 : e.class, e == null ? void 0 : e.className);
+}, C = x(
   "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground",
   {
     variants: {
@@ -43,16 +43,37 @@ const y = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, N = k, C =
       variant: "default"
     }
   }
-), w = v.forwardRef(
-  ({ className: e, variant: a, ...t }, s) => /* @__PURE__ */ u("div", { ref: s, role: "alert", className: c(j({ variant: a }), e), ...t })
+), j = v.forwardRef(
+  ({ className: t, variant: r, ...e }, i) => /* @__PURE__ */ l("div", { ref: i, role: "alert", className: u(C({ variant: r }), t), ...e })
 );
-w.displayName = "Alert";
-const O = v.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ u("h5", { ref: t, className: c("mb-1 font-medium leading-none tracking-tight", e), ...a }));
-O.displayName = "AlertTitle";
-const R = v.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ u("div", { ref: t, className: c("text-sm [&_p]:leading-relaxed", e), ...a }));
-R.displayName = "AlertDescription";
+j.displayName = "Alert";
+const w = v.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ l("h5", { ref: e, className: u("mb-1 font-medium leading-none tracking-tight", t), ...r }));
+w.displayName = "AlertTitle";
+const O = v.forwardRef(({ className: t, ...r }, e) => /* @__PURE__ */ l("div", { ref: e, className: u("text-sm [&_p]:leading-relaxed", t), ...r }));
+O.displayName = "AlertDescription";
+const R = x(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function D({ className: t, variant: r, ...e }) {
+  return /* @__PURE__ */ l("div", { className: u(R({ variant: r }), t), ...e });
+}
 export {
-  w as Alert,
-  R as AlertDescription,
-  O as AlertTitle
+  j as Alert,
+  O as AlertDescription,
+  w as AlertTitle,
+  D as Badge,
+  R as badgeVariants
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {
@@ -31,6 +31,18 @@
       "import": "./dist/hooks/index.js",
       "types": "./dist/hooks/index.d.ts"
     },
+    "./components": {
+      "import": "./dist/components/index.js",
+      "types": "./dist/components/index.d.ts"
+    },
+    "./components/core": {
+      "import": "./dist/components/core/index.js",
+      "types": "./dist/components/core/index.d.ts"
+    },
+    "./components/core/states": {
+      "import": "./dist/components/core/states/index.js",
+      "types": "./dist/components/core/states/index.d.ts"
+    },
     "./components/ui": {
       "import": "./dist/components/ui/index.js",
       "types": "./dist/components/ui/index.d.ts"
@@ -45,11 +57,10 @@
     "tailwind-merge": "^2.6.1"
   },
   "devDependencies": {
-    "@krosoft/tooling-eslint-react": ">=0.0.2",
-    "@krosoft/tooling-prettier": ">=0.0.6",
-    "@krosoft/tooling-tsconfig-react": ">=0.0.5",
-    "@storybook/addon-essentials": "^8.6.14",
-    "@storybook/addon-themes": "^8.6.18",
+    "@krosoft/tooling-eslint-react": "^0.0.2",
+    "@krosoft/tooling-prettier": "^0.0.6",
+    "@krosoft/tooling-tsconfig-react": "^0.0.5",
+    "@storybook/addon-essentials": "^8.6.18",
     "@storybook/react": "^8.6.18",
     "@storybook/react-vite": "^8.6.18",
     "@tailwindcss/vite": "^4.2.2",