@krosoft/react 0.0.12 → 0.0.14

package/dist/ErrorState-CghWXpM0.js

@@ -0,0 +1,8 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+const d = ({ message: e }) => /* @__PURE__ */ t("div", { className: "p-6 border border-destructive bg-destructive/10 text-destructive rounded-md animate-fade-in", children: [
+  /* @__PURE__ */ r("p", { className: "font-semibold mb-2", children: "Une erreur est survenue." }),
+  e ? /* @__PURE__ */ r("p", { className: "text-sm opacity-80", children: e }) : null
+] });
+export {
+  d as E
+};

package/dist/badge-DUEyCWfa.js

@@ -0,0 +1,79 @@
+import { jsx as l } from "react/jsx-runtime";
+import * as v from "react";
+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]) : {
+        ...o,
+        ...m
+      }[g] === c;
+    }) ? [
+      ...a,
+      d,
+      s
+    ] : a;
+  }, []);
+  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: {
+      variant: {
+        default: "bg-background text-foreground",
+        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), j = v.forwardRef(
+  ({ className: t, variant: r, ...e }, i) => /* @__PURE__ */ l("div", { ref: i, role: "alert", className: u(C({ variant: r }), t), ...e })
+);
+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 B({ className: t, variant: r, ...e }) {
+  return /* @__PURE__ */ l("div", { className: u(R({ variant: r }), t), ...e });
+}
+export {
+  j as A,
+  B,
+  O as a,
+  w as b,
+  R as c
+};

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/index.js

@@ -0,0 +1,4 @@
+import { E as t } from "../../ErrorState-CghWXpM0.js";
+export {
+  t as ErrorState
+};

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/core/states/index.js

@@ -0,0 +1,4 @@
+import { E as t } from "../../../ErrorState-CghWXpM0.js";
+export {
+  t as ErrorState
+};

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/index.js

@@ -0,0 +1,10 @@
+import { E as e } from "../ErrorState-CghWXpM0.js";
+import { A as s, a as o, b as i, B as l, c as A } from "../badge-DUEyCWfa.js";
+export {
+  s as Alert,
+  o as AlertDescription,
+  i as AlertTitle,
+  l as Badge,
+  e as ErrorState,
+  A as badgeVariants
+};

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,58 +1,8 @@
-import { jsx as u } 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
-      }[g]) : {
-        ...i,
-        ...f
-      }[g] === o;
-    }) ? [
-      ...r,
-      d,
-      n
-    ] : r;
-  }, []);
-  return N(e, x, b, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-}, j = C(
-  "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: {
-      variant: {
-        default: "bg-background text-foreground",
-        destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
-      }
-    },
-    defaultVariants: {
-      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 })
-);
-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";
+import { A as r, a as s, b as t, B as i, c as l } from "../../badge-DUEyCWfa.js";
 export {
-  w as Alert,
-  R as AlertDescription,
-  O as AlertTitle
+  r as Alert,
+  s as AlertDescription,
+  t as AlertTitle,
+  i as Badge,
+  l as badgeVariants
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.12",
+  "version": "0.0.14",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {
@@ -23,17 +23,9 @@
     "dist"
   ],
   "exports": {
-    "./helpers": {
-      "import": "./dist/helpers/index.js",
-      "types": "./dist/helpers/index.d.ts"
-    },
-    "./hooks": {
-      "import": "./dist/hooks/index.js",
-      "types": "./dist/hooks/index.d.ts"
-    },
-    "./components/ui": {
-      "import": "./dist/components/ui/index.js",
-      "types": "./dist/components/ui/index.d.ts"
+    "./*": {
+      "import": "./dist/*/index.js",
+      "types": "./dist/*/index.d.ts"
     }
   },
   "peerDependencies": {
@@ -45,11 +37,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",