@oneplatformdev/ui 0.0.1-beta.100

package/Sonner/Sonner.mjs

@@ -0,0 +1,25 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useTheme as e } from "next-themes";
+import { Toaster as s } from "sonner";
+const p = ({ ...t }) => {
+  const { theme: o = "system" } = e();
+  return /* @__PURE__ */ r(
+    s,
+    {
+      theme: o,
+      className: "toaster group",
+      toastOptions: {
+        classNames: {
+          toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
+          description: "group-[.toast]:text-muted-foreground",
+          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
+          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
+        }
+      },
+      ...t
+    }
+  );
+};
+export {
+  p as Sonner
+};

package/Sonner/index.d.ts

@@ -0,0 +1 @@
+export * from './Sonner';

package/Sonner/index.mjs

@@ -0,0 +1,4 @@
+import { Sonner as e } from "./Sonner.mjs";
+export {
+  e as Sonner
+};

package/Sonner/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Switch/Switch.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };

package/Switch/Switch.mjs

@@ -0,0 +1,27 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as a from "react";
+import * as e from "@radix-ui/react-switch";
+import { cn as o } from "@oneplatformdev/utils";
+const n = a.forwardRef(({ className: t, ...i }, s) => /* @__PURE__ */ r(
+  e.Root,
+  {
+    className: o(
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      t
+    ),
+    ...i,
+    ref: s,
+    children: /* @__PURE__ */ r(
+      e.Thumb,
+      {
+        className: o(
+          "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+n.displayName = e.Root.displayName;
+export {
+  n as Switch
+};

package/Switch/index.d.ts

@@ -0,0 +1 @@
+export * from './Switch';

package/Switch/index.mjs

@@ -0,0 +1,4 @@
+import { Switch as t } from "./Switch.mjs";
+export {
+  t as Switch
+};

package/Switch/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Table/Table.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/Table/Table.mjs

@@ -0,0 +1,90 @@
+import { jsx as t } from "react/jsx-runtime";
+import * as l from "react";
+import { cn as r } from "@oneplatformdev/utils";
+const d = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ t(
+  "table",
+  {
+    ref: o,
+    className: r("w-full caption-bottom text-sm", e),
+    ...a
+  }
+) }));
+d.displayName = "Table";
+const s = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t("thead", { ref: o, className: r("[&_tr]:border-b", e), ...a }));
+s.displayName = "TableHeader";
+const m = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "tbody",
+  {
+    ref: o,
+    className: r("[&_tr:last-child]:border-0", e),
+    ...a
+  }
+));
+m.displayName = "TableBody";
+const b = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "tfoot",
+  {
+    ref: o,
+    className: r(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      e
+    ),
+    ...a
+  }
+));
+b.displayName = "TableFooter";
+const c = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "tr",
+  {
+    ref: o,
+    className: r(
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      e
+    ),
+    ...a
+  }
+));
+c.displayName = "TableRow";
+const f = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "th",
+  {
+    ref: o,
+    className: r(
+      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      e
+    ),
+    ...a
+  }
+));
+f.displayName = "TableHead";
+const i = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "td",
+  {
+    ref: o,
+    className: r(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      e
+    ),
+    ...a
+  }
+));
+i.displayName = "TableCell";
+const n = l.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ t(
+  "caption",
+  {
+    ref: o,
+    className: r("mt-4 text-sm text-muted-foreground", e),
+    ...a
+  }
+));
+n.displayName = "TableCaption";
+export {
+  d as Table,
+  m as TableBody,
+  n as TableCaption,
+  i as TableCell,
+  b as TableFooter,
+  f as TableHead,
+  s as TableHeader,
+  c as TableRow
+};

package/Table/index.d.ts

@@ -0,0 +1 @@
+export * from './Table';

package/Table/index.mjs

@@ -0,0 +1,11 @@
+import { Table as l, TableBody as b, TableCaption as T, TableCell as o, TableFooter as r, TableHead as d, TableHeader as t, TableRow as p } from "./Table.mjs";
+export {
+  l as Table,
+  b as TableBody,
+  T as TableCaption,
+  o as TableCell,
+  r as TableFooter,
+  d as TableHead,
+  t as TableHeader,
+  p as TableRow
+};

package/Table/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/TablePagination/TablePagination.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+
+interface IProps {
+    limit: number;
+    offset: number;
+    totalRows: number;
+    setLimit: (limit: number) => void;
+    setOffset: (offset: number) => void;
+    tRowsPerPage?: string;
+    tPrevious?: string;
+    tPage?: string;
+    tNext?: string;
+    tOf?: string;
+}
+export declare const TablePagination: FC<IProps>;
+export {};

package/TablePagination/TablePagination.mjs

@@ -0,0 +1,74 @@
+import { jsxs as c, jsx as n } from "react/jsx-runtime";
+import { Button as i } from "../Button/Button.mjs";
+import "../Button/buttonVariants.mjs";
+import "../Select/SelectRoot.mjs";
+import { Select as P } from "../Select/Select.mjs";
+const y = ({
+  offset: l,
+  limit: a,
+  totalRows: s,
+  setLimit: p,
+  setOffset: t,
+  tRowsPerPage: d = "Rows per page",
+  tPrevious: u = "Previous",
+  tPage: x = "Page",
+  tNext: v = "Next",
+  tOf: h = "Of"
+}) => {
+  const r = Math.ceil(l / a) + 1, o = Math.ceil(s / a), m = r === o, b = (e) => {
+    t(0), p(parseInt(e));
+  }, g = () => {
+    let e = l - a;
+    e < 0 && (e = 0), t(e);
+  }, N = () => {
+    let e = l + a;
+    e > s && (e = s - a), t(e);
+  };
+  return /* @__PURE__ */ c("div", { className: "flex items-center justify-end space-x-2 py-4", children: [
+    /* @__PURE__ */ c("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ n("span", { className: "text-sm text-nowrap", children: d }),
+      /* @__PURE__ */ n(
+        P,
+        {
+          value: a == null ? void 0 : a.toString(),
+          options: [
+            { value: "5", label: "5" },
+            { value: "10", label: "10" },
+            { value: "20", label: "20" },
+            { value: "30", label: "30" },
+            { value: "50", label: "50" }
+          ],
+          onChange: b,
+          placeholder: "6",
+          nullable: !1
+        }
+      )
+    ] }),
+    /* @__PURE__ */ c("div", { className: "space-x-2", children: [
+      /* @__PURE__ */ n(
+        i,
+        {
+          variant: "outline",
+          size: "sm",
+          disabled: !l,
+          onClick: g,
+          children: u
+        }
+      ),
+      /* @__PURE__ */ n("span", { className: "text-sm", children: `${x} ${r} ${h} ${o}` }),
+      /* @__PURE__ */ n(
+        i,
+        {
+          variant: "outline",
+          size: "sm",
+          disabled: m,
+          onClick: N,
+          children: v
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  y as TablePagination
+};

package/TablePagination/index.d.ts

@@ -0,0 +1 @@
+export * from './TablePagination';

package/TablePagination/index.mjs

@@ -0,0 +1,4 @@
+import { TablePagination as e } from "./TablePagination.mjs";
+export {
+  e as TablePagination
+};

package/TablePagination/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Tabs/Tabs.d.ts

@@ -0,0 +1,5 @@
+import { TabsProps } from './Tabs.types';
+import { FC, PropsWithChildren } from 'react';
+
+export declare const TabRender: FC<TabsProps>;
+export declare const Tabs: FC<PropsWithChildren<TabsProps>>;

package/Tabs/Tabs.mjs

@@ -0,0 +1,23 @@
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { Children as p } from "react";
+import { TabsContent as m, TabsRoot as b, TabsList as i, TabsTrigger as h } from "./TabsRoot.mjs";
+const T = (a) => {
+  const { tabs: s = [], contents: t } = a;
+  return p.map(t, (n, r) => {
+    var l;
+    if (!n || !s[r]) return null;
+    const e = (l = s[r]) == null ? void 0 : l.value, u = n.props || {};
+    return /* @__PURE__ */ o(m, { value: e, ...u, children: n }, e);
+  });
+}, f = (a) => {
+  const { tab: s, tabs: t = [], onChange: n, children: r } = a;
+  return /* @__PURE__ */ c(b, { value: s, onValueChange: n, children: [
+    /* @__PURE__ */ o(i, { className: "px-2 py-6 bg-[#E0E7FF] rounded-[6px]", children: t.map((e) => /* @__PURE__ */ o(h, { value: e.value, className: "h-8", children: e.label }, e.value)) }),
+    r,
+    !r && /* @__PURE__ */ o(T, { ...a })
+  ] });
+};
+export {
+  T as TabRender,
+  f as Tabs
+};

package/Tabs/Tabs.types.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+
+export interface TabItemProps {
+    value: string;
+    label: string;
+}
+export interface TabsProps {
+    tabs: TabItemProps[];
+    tab?: string;
+    onChange?: (value: string) => void;
+    contents?: ReactElement[];
+}

package/Tabs/TabsRoot.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+declare const TabsRoot: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { TabsRoot, TabsList, TabsTrigger, TabsContent };

package/Tabs/TabsRoot.mjs

@@ -0,0 +1,46 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as a from "react";
+import * as e from "@radix-ui/react-tabs";
+import { cn as n } from "@oneplatformdev/utils";
+const m = e.Root, r = a.forwardRef(({ className: i, ...t }, s) => /* @__PURE__ */ o(
+  e.List,
+  {
+    ref: s,
+    className: n(
+      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+      i
+    ),
+    ...t
+  }
+));
+r.displayName = e.List.displayName;
+const f = a.forwardRef(({ className: i, ...t }, s) => /* @__PURE__ */ o(
+  e.Trigger,
+  {
+    ref: s,
+    className: n(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      i
+    ),
+    ...t
+  }
+));
+f.displayName = e.Trigger.displayName;
+const d = a.forwardRef(({ className: i, ...t }, s) => /* @__PURE__ */ o(
+  e.Content,
+  {
+    ref: s,
+    className: n(
+      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+      i
+    ),
+    ...t
+  }
+));
+d.displayName = e.Content.displayName;
+export {
+  d as TabsContent,
+  r as TabsList,
+  m as TabsRoot,
+  f as TabsTrigger
+};

package/Tabs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TabsRoot';
+export * from './Tabs';

package/Tabs/index.mjs

@@ -0,0 +1,10 @@
+import { TabsContent as T, TabsList as a, TabsRoot as b, TabsTrigger as e } from "./TabsRoot.mjs";
+import { TabRender as t, Tabs as n } from "./Tabs.mjs";
+export {
+  t as TabRender,
+  n as Tabs,
+  T as TabsContent,
+  a as TabsList,
+  b as TabsRoot,
+  e as TabsTrigger
+};

package/Tabs/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Textarea/Textarea.d.ts

@@ -0,0 +1,4 @@
+import { TextareaProps } from './Textarea.types';
+import * as React from 'react';
+declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

package/Textarea/Textarea.mjs

@@ -0,0 +1,75 @@
+import { jsxs as u, Fragment as h, jsx as p } from "react/jsx-runtime";
+import * as v from "react";
+import { useId as w, useRef as z, useState as A, useImperativeHandle as F, useEffect as N } from "react";
+import { cn as d } from "@oneplatformdev/utils";
+import { useAutosizeTextArea as y } from "./useAutosizeTextArea.mjs";
+const S = v.forwardRef(
+  (m, c) => {
+    const {
+      className: f,
+      value: r = "",
+      maxHeight: o = Number.MAX_SAFE_INTEGER,
+      minHeight: i = 0,
+      resizeble: x = !0,
+      counter: n = !1,
+      id: s = "",
+      ...e
+    } = m, a = w(), t = z(null), [g, b] = A("");
+    return y({
+      textAreaRef: t,
+      triggerAutoSize: g,
+      maxHeight: o,
+      minHeight: i
+    }), F(c, () => ({
+      ...t.current ?? {},
+      textArea: t.current,
+      focus: () => {
+        var l;
+        return (l = t == null ? void 0 : t.current) == null ? void 0 : l.focus();
+      },
+      maxHeight: o,
+      minHeight: i
+    })), N(() => {
+      b(r);
+    }, [e == null ? void 0 : e.defaultValue, r]), /* @__PURE__ */ u(h, { children: [
+      /* @__PURE__ */ p(
+        "textarea",
+        {
+          id: s || a,
+          ...e,
+          ref: t,
+          value: r,
+          className: d(
+            "flex min-h-10 w-full px-3 py-2 text-base relative md:text-sm",
+            "rounded-[12px] border border-input bg-[#FCFCFC] shadow-none",
+            "placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50",
+            "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+            x ? "resize" : "resize-none !overflow-hidden",
+            n && "pb-2",
+            f
+          )
+        }
+      ),
+      n && /* @__PURE__ */ u(
+        "label",
+        {
+          htmlFor: s || a,
+          className: d(
+            "w-full text-right inline-flex items-center justify-end",
+            "text-sm font-normal text-muted-foreground",
+            "leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+          ),
+          children: [
+            String(r || "").length,
+            " / ",
+            e == null ? void 0 : e.maxLength
+          ]
+        }
+      )
+    ] });
+  }
+);
+S.displayName = "Textarea";
+export {
+  S as Textarea
+};

package/Textarea/Textarea.types.d.ts

@@ -0,0 +1,18 @@
+import { ComponentProps, RefObject } from 'react';
+
+export interface IUseAutosizeTextAreaProps {
+    textAreaRef: RefObject<HTMLTextAreaElement | null>;
+    triggerAutoSize: string;
+    /**
+     * The minimum height of the textarea.
+     */
+    minHeight?: number;
+    /**
+     * The maximum height of the textarea.
+     */
+    maxHeight?: number;
+}
+export interface TextareaProps extends ComponentProps<'textarea'>, Pick<IUseAutosizeTextAreaProps, 'minHeight' | 'maxHeight'> {
+    resizeble?: boolean;
+    counter?: boolean;
+}

package/Textarea/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Textarea';
+export type * from './Textarea.types';

package/Textarea/index.mjs

@@ -0,0 +1,4 @@
+import { Textarea as a } from "./Textarea.mjs";
+export {
+  a as Textarea
+};

package/Textarea/package.json

@@ -0,0 +1,7 @@
+{
+  "sideEffects": false,
+  "main": "./index.mjs",
+  "module": "./index.mjs",
+  "default": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Textarea/useAutosizeTextArea.d.ts

@@ -0,0 +1,3 @@
+import { IUseAutosizeTextAreaProps } from '..';
+
+export declare const useAutosizeTextArea: ({ textAreaRef, triggerAutoSize, maxHeight, minHeight, }: IUseAutosizeTextAreaProps) => void;

package/Textarea/useAutosizeTextArea.mjs

@@ -0,0 +1,20 @@
+import * as f from "react";
+const u = ({
+  textAreaRef: r,
+  triggerAutoSize: l,
+  maxHeight: t = Number.MAX_SAFE_INTEGER,
+  minHeight: s = 0
+}) => {
+  const [c, i] = f.useState(!0);
+  f.useEffect(() => {
+    const e = r.current;
+    if (e) {
+      c && (e.style.minHeight = `${s + 0}px`, t > s && (e.style.maxHeight = `${t}px`), i(!1)), e.style.height = `${s + 0}px`;
+      const o = e.scrollHeight;
+      o > t ? e.style.height = `${t}px` : e.style.height = `${o + 0}px`;
+    }
+  }, [r.current, l]);
+};
+export {
+  u as useAutosizeTextArea
+};

package/Theme/ThemeModeToggle.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface ThemeModeToggleProps {
+    lightLabel?: string;
+    darkLabel?: string;
+    systemLabel?: string;
+}
+export declare const ThemeModeToggle: React.FC<ThemeModeToggleProps>;
+export default ThemeModeToggle;

package/Theme/ThemeModeToggle.mjs

@@ -0,0 +1,48 @@
+import { jsxs as n, jsx as e, Fragment as c } from "react/jsx-runtime";
+import * as d from "react";
+import { SunMoon as h, Sun as u, Moon as p } from "lucide-react";
+import { useTheme as l } from "next-themes";
+import { Button as g } from "../Button/Button.mjs";
+import "../Button/buttonVariants.mjs";
+import { DropdownMenu as T, DropdownMenuTrigger as f, DropdownMenuContent as M, DropdownMenuItem as k } from "../DropdownMenu/DropdownMenu.mjs";
+const y = {
+  system: h,
+  light: u,
+  dark: p
+}, b = () => {
+  const { theme: r = "system" } = l(), o = d.useMemo(() => y[r], [r]);
+  return /* @__PURE__ */ n(c, { children: [
+    /* @__PURE__ */ e(
+      o,
+      {
+        className: "h-[1.2rem] w-[1.2rem] rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0 text-[currentColor] dar:fill-current"
+      }
+    ),
+    /* @__PURE__ */ e("span", { className: "sr-only", children: "Toggle theme" })
+  ] });
+}, I = (r) => {
+  const {
+    lightLabel: o = "Light",
+    darkLabel: a = "Dark",
+    systemLabel: s = "System"
+  } = r, { setTheme: m } = l();
+  return /* @__PURE__ */ n(T, { children: [
+    /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ e(g, { variant: "outline", size: "icon", children: /* @__PURE__ */ e(b, {}) }) }),
+    /* @__PURE__ */ e(M, { align: "end", children: [
+      { value: "system", label: s },
+      { value: "light", label: o },
+      { value: "dark", label: a }
+    ].map(({ value: t, label: i }) => /* @__PURE__ */ e(
+      k,
+      {
+        onClick: () => m(t),
+        children: i
+      },
+      t
+    )) })
+  ] });
+};
+export {
+  I as ThemeModeToggle,
+  I as default
+};