@arch-cadre/ui 0.0.11 → 0.0.16

package/dist/components/input.cjs

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Input = Input;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Input({
+  className,
+  type,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("input", {
+    type,
+    "data-slot": "input",
+    className: (0, _utils.cn)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className),
+    ...props
+  });
+}

package/dist/components/input.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
+export { Input };

package/dist/components/input.mjs

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export { Input };

package/dist/components/item.cjs

@@ -0,0 +1,168 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Item = Item;
+exports.ItemActions = ItemActions;
+exports.ItemContent = ItemContent;
+exports.ItemDescription = ItemDescription;
+exports.ItemFooter = ItemFooter;
+exports.ItemGroup = ItemGroup;
+exports.ItemHeader = ItemHeader;
+exports.ItemMedia = ItemMedia;
+exports.ItemSeparator = ItemSeparator;
+exports.ItemTitle = ItemTitle;
+var _radixUi = require("radix-ui");
+var _classVarianceAuthority = require("class-variance-authority");
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+var _separator = require("./separator.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ItemGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("div", {
+    role: "list",
+    "data-slot": "item-group",
+    className: (0, _utils.cn)("group/item-group flex flex-col", className),
+    ...props
+  });
+}
+function ItemSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_separator.Separator, {
+    "data-slot": "item-separator",
+    orientation: "horizontal",
+    className: (0, _utils.cn)("my-0", className),
+    ...props
+  });
+}
+const itemVariants = (0, _classVarianceAuthority.cva)("group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", {
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      outline: "border-border",
+      muted: "bg-muted/50"
+    },
+    size: {
+      default: "p-4 gap-4 ",
+      sm: "py-3 px-4 gap-2.5"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Item({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? _radixUi.Slot.Slot : "div";
+  return /* @__PURE__ */React.createElement(Comp, {
+    "data-slot": "item",
+    "data-variant": variant,
+    "data-size": size,
+    className: (0, _utils.cn)(itemVariants({
+      variant,
+      size,
+      className
+    })),
+    ...props
+  });
+}
+const itemMediaVariants = (0, _classVarianceAuthority.cva)("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5", {
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
+      image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function ItemMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("div", {
+    "data-slot": "item-media",
+    "data-variant": variant,
+    className: (0, _utils.cn)(itemMediaVariants({
+      variant,
+      className
+    })),
+    ...props
+  });
+}
+function ItemContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("div", {
+    "data-slot": "item-content",
+    className: (0, _utils.cn)("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
+    ...props
+  });
+}
+function ItemTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("div", {
+    "data-slot": "item-title",
+    className: (0, _utils.cn)("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
+    ...props
+  });
+}
+function ItemDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("p", {
+    "data-slot": "item-description",
+    className: (0, _utils.cn)("text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
+    ...props
+  });
+}
+function ItemActions({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("div", {
+    "data-slot": "item-actions",
+    className: (0, _utils.cn)("flex items-center gap-2", className),
+    ...props
+  });
+}
+function ItemHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("div", {
+    "data-slot": "item-header",
+    className: (0, _utils.cn)("flex basis-full items-center justify-between gap-2", className),
+    ...props
+  });
+}
+function ItemFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("div", {
+    "data-slot": "item-footer",
+    className: (0, _utils.cn)("flex basis-full items-center justify-between gap-2", className),
+    ...props
+  });
+}

package/dist/components/item.d.ts

@@ -0,0 +1,23 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { Separator } from "./separator";
+declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
+    asChild?: boolean;
+}): React.JSX.Element;
+declare const itemMediaVariants: (props?: ({
+    variant?: "default" | "image" | "icon" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): React.JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };

package/dist/components/item.mjs

@@ -0,0 +1,187 @@
+import { Slot as SlotPrimitive } from "radix-ui";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+import { Separator } from "./separator.mjs";
+function ItemGroup({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      role: "list",
+      "data-slot": "item-group",
+      className: cn("group/item-group flex flex-col", className),
+      ...props
+    }
+  );
+}
+function ItemSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    Separator,
+    {
+      "data-slot": "item-separator",
+      orientation: "horizontal",
+      className: cn("my-0", className),
+      ...props
+    }
+  );
+}
+const itemVariants = cva(
+  "group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border-border",
+        muted: "bg-muted/50"
+      },
+      size: {
+        default: "p-4 gap-4 ",
+        sm: "py-3 px-4 gap-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Item({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  ...props
+}) {
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
+  return /* @__PURE__ */ React.createElement(
+    Comp,
+    {
+      "data-slot": "item",
+      "data-variant": variant,
+      "data-size": size,
+      className: cn(itemVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+const itemMediaVariants = cva(
+  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function ItemMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "item-media",
+      "data-variant": variant,
+      className: cn(itemMediaVariants({ variant, className })),
+      ...props
+    }
+  );
+}
+function ItemContent({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "item-content",
+      className: cn(
+        "flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemTitle({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "item-title",
+      className: cn(
+        "flex w-fit items-center gap-2 text-sm leading-snug font-medium",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemDescription({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "p",
+    {
+      "data-slot": "item-description",
+      className: cn(
+        "text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemActions({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "item-actions",
+      className: cn("flex items-center gap-2", className),
+      ...props
+    }
+  );
+}
+function ItemHeader({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "item-header",
+      className: cn(
+        "flex basis-full items-center justify-between gap-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function ItemFooter({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "item-footer",
+      className: cn(
+        "flex basis-full items-center justify-between gap-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export {
+  Item,
+  ItemMedia,
+  ItemContent,
+  ItemActions,
+  ItemGroup,
+  ItemSeparator,
+  ItemTitle,
+  ItemDescription,
+  ItemHeader,
+  ItemFooter
+};

package/dist/components/kbd.cjs

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Kbd = Kbd;
+exports.KbdGroup = KbdGroup;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Kbd({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("kbd", {
+    "data-slot": "kbd",
+    className: (0, _utils.cn)("bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className),
+    ...props
+  });
+}
+function KbdGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("kbd", {
+    "data-slot": "kbd-group",
+    className: (0, _utils.cn)("inline-flex items-center gap-1", className),
+    ...props
+  });
+}

package/dist/components/kbd.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): React.JSX.Element;
+declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Kbd, KbdGroup };

package/dist/components/kbd.mjs

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+function Kbd({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "kbd",
+    {
+      "data-slot": "kbd",
+      className: cn(
+        "bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none",
+        "[&_svg:not([class*='size-'])]:size-3",
+        "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function KbdGroup({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "kbd",
+    {
+      "data-slot": "kbd-group",
+      className: cn("inline-flex items-center gap-1", className),
+      ...props
+    }
+  );
+}
+export { Kbd, KbdGroup };

package/dist/components/label.cjs

@@ -0,0 +1,22 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Label = Label;
+var _radixUi = require("radix-ui");
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Label.Root, {
+    "data-slot": "label",
+    className: (0, _utils.cn)("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
+    ...props
+  });
+}

package/dist/components/label.d.ts

@@ -0,0 +1,4 @@
+import { Label as LabelPrimitive } from "radix-ui";
+import * as React from "react";
+declare function Label({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): React.JSX.Element;
+export { Label };

package/dist/components/label.mjs

@@ -0,0 +1,21 @@
+"use client";
+import { Label as LabelPrimitive } from "radix-ui";
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    LabelPrimitive.Root,
+    {
+      "data-slot": "label",
+      className: cn(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+export { Label };

package/dist/components/language-switcher.cjs

@@ -0,0 +1,43 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LanguageSwitcher = LanguageSwitcher;
+var _intl = require("@arch-cadre/intl");
+var _lucideReact = require("lucide-react");
+var _navigation = require("next/navigation");
+var React = _interopRequireWildcard(require("react"));
+var _button = require("./button.cjs");
+var _dropdownMenu = require("./dropdown-menu.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function LanguageSwitcher() {
+  const locale = (0, _intl.useLocale)();
+  const router = (0, _navigation.useRouter)();
+  const {
+    t
+  } = (0, _intl.useTranslation)();
+  const handleLanguageChange = newLocale => {
+    document.cookie = `NEXT_LOCALE=${newLocale}; path=/; max-age=31536000; SameSite=Lax`;
+    router.refresh();
+  };
+  return /* @__PURE__ */React.createElement(_dropdownMenu.DropdownMenu, null, /* @__PURE__ */React.createElement(_dropdownMenu.DropdownMenuTrigger, {
+    asChild: true
+  }, /* @__PURE__ */React.createElement(_button.Button, {
+    variant: "ghost",
+    size: "icon",
+    className: "size-9"
+  }, /* @__PURE__ */React.createElement(_lucideReact.Languages, {
+    className: "size-4"
+  }), /* @__PURE__ */React.createElement("span", {
+    className: "sr-only"
+  }, t("Switch language")))), /* @__PURE__ */React.createElement(_dropdownMenu.DropdownMenuContent, {
+    align: "end"
+  }, _intl.LOCALES.map(loc => /* @__PURE__ */React.createElement(_dropdownMenu.DropdownMenuItem, {
+    key: loc,
+    onClick: () => handleLanguageChange(loc),
+    className: locale === loc ? "font-bold" : ""
+  }, loc))));
+}

package/dist/components/language-switcher.d.ts

@@ -0,0 +1,2 @@
+import * as React from "react";
+export declare function LanguageSwitcher(): React.JSX.Element;

package/dist/components/language-switcher.mjs

@@ -0,0 +1,30 @@
+"use client";
+import { LOCALES, useLocale, useTranslation } from "@arch-cadre/intl";
+import { Languages } from "lucide-react";
+import { useRouter } from "next/navigation";
+import * as React from "react";
+import { Button } from "./button.mjs";
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger
+} from "./dropdown-menu.mjs";
+export function LanguageSwitcher() {
+  const locale = useLocale();
+  const router = useRouter();
+  const { t } = useTranslation();
+  const handleLanguageChange = (newLocale) => {
+    document.cookie = `NEXT_LOCALE=${newLocale}; path=/; max-age=31536000; SameSite=Lax`;
+    router.refresh();
+  };
+  return /* @__PURE__ */ React.createElement(DropdownMenu, null, /* @__PURE__ */ React.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React.createElement(Button, { variant: "ghost", size: "icon", className: "size-9" }, /* @__PURE__ */ React.createElement(Languages, { className: "size-4" }), /* @__PURE__ */ React.createElement("span", { className: "sr-only" }, t("Switch language")))), /* @__PURE__ */ React.createElement(DropdownMenuContent, { align: "end" }, LOCALES.map((loc) => /* @__PURE__ */ React.createElement(
+    DropdownMenuItem,
+    {
+      key: loc,
+      onClick: () => handleLanguageChange(loc),
+      className: locale === loc ? "font-bold" : ""
+    },
+    loc
+  ))));
+}