@oneplatformdev/ui 0.0.1-beta.99 → 0.1.0-5

package/Sonner/Sonner.mjs

@@ -1,25 +0,0 @@
-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

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

package/Sonner/index.mjs

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

package/Sonner/package.json

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

package/Switch/Switch.d.ts

@@ -1,4 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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

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

package/Switch/index.mjs

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

package/Switch/package.json

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

package/Table/Table.d.ts

@@ -1,10 +0,0 @@
-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

@@ -1,90 +0,0 @@
-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

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

package/Table/index.mjs

@@ -1,11 +0,0 @@
-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

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

package/TablePagination/TablePagination.d.ts

@@ -1,16 +0,0 @@
-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

@@ -1,74 +0,0 @@
-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

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

package/TablePagination/index.mjs

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

package/TablePagination/package.json

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

package/Tabs/Tabs.d.ts

@@ -1,5 +0,0 @@
-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

@@ -1,23 +0,0 @@
-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

@@ -1,12 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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

@@ -1,46 +0,0 @@
-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

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

package/Tabs/index.mjs

@@ -1,10 +0,0 @@
-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

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

package/Textarea/Textarea.d.ts

@@ -1,4 +0,0 @@
-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

@@ -1,75 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

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

package/Textarea/index.mjs

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

package/Textarea/package.json

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

package/Textarea/useAutosizeTextArea.d.ts

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

package/Textarea/useAutosizeTextArea.mjs

@@ -1,20 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,48 +0,0 @@
-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
-};