ruler-components 0.1.4 → 0.1.6

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default from 'react';
+import React__default, { ReactNode } from 'react';
 import { LucideIcon } from 'lucide-react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -455,4 +455,16 @@ interface TooltipProps extends VariantProps<typeof tooltipVariants> {
 }
 declare function Tooltip({ content, children, side, align, sideOffset, delayDuration, disabled, className, }: TooltipProps): React.JSX.Element;
 
-export { AILoader, Accordion, AccordionItem, AccordionLink, AccordionNested, AccordionSkeletonChevron, AccordionSkeletonPlus, Alert, type AlertProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BlurReveal, BreadcrumbStepper, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardSkeletonGrid, CardTitle, Checkbox, type CheckboxProps, CodeBlock, DataTable, type DataTableColumn, type DataTableProps, Dialog, DialogAction, DialogContent, DialogFooter, DialogHeader, DialogItem, DialogTrigger, DotStepper, DotWave, Dropdown, DropdownContent, DropdownDivider, DropdownItem, DropdownLabel, DropdownTrigger, ExpandableRow, FeatureCard, Field, type FieldProps, HalfCircles, HorizontalStepper, Input, InputAddon, InputAutocomplete, InputFilled, InputFloating, InputIcon, InputOTP, InputPassword, type InputProps, InputSearch, InputStandard, InputUnderline, InteractiveStepper, Label, type LabelProps, ListSkeleton, LoadBar, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, Modal, ModalBody, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalOption, type ModalProps, ModalTitle, ModalTrigger, type ModalTriggerProps, MorphingLoader, OrbitLoader, Pagination, type PaginationProps, Progress, ProgressBar, type ProgressProps, ProgressRing, ProgressStepper, PulseLoader, Radio, RadioGroup, type RadioGroupProps, type RadioProps, SegmentedStepper, SkeletonShimmer, SpinnerDots, SpinnerGradient, SquaresLoader, type Step, Switch, type SwitchProps, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, ThreeDots, TimelineStepper, Tooltip, type TooltipProps, TypingIndicator, VerticalStepper, avatarVariants, badgeVariants, buttonVariants, checkboxControlVariants, getGradientFromName, getInitials, inputVariants, labelVariants, menuItemVariants, menuVariants, modalContentVariants, overlayVariants, radioControlVariants };
+type Theme = "light" | "dark";
+
+type ThemeContextValue = {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+};
+declare function ThemeProvider({ children, defaultTheme, }: {
+    children: ReactNode;
+    defaultTheme?: Theme;
+}): React.JSX.Element;
+declare function useTheme(): ThemeContextValue;
+
+export { AILoader, Accordion, AccordionItem, AccordionLink, AccordionNested, AccordionSkeletonChevron, AccordionSkeletonPlus, Alert, type AlertProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BlurReveal, BreadcrumbStepper, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardSkeletonGrid, CardTitle, Checkbox, type CheckboxProps, CodeBlock, DataTable, type DataTableColumn, type DataTableProps, Dialog, DialogAction, DialogContent, DialogFooter, DialogHeader, DialogItem, DialogTrigger, DotStepper, DotWave, Dropdown, DropdownContent, DropdownDivider, DropdownItem, DropdownLabel, DropdownTrigger, ExpandableRow, FeatureCard, Field, type FieldProps, HalfCircles, HorizontalStepper, Input, InputAddon, InputAutocomplete, InputFilled, InputFloating, InputIcon, InputOTP, InputPassword, type InputProps, InputSearch, InputStandard, InputUnderline, InteractiveStepper, Label, type LabelProps, ListSkeleton, LoadBar, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, Modal, ModalBody, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalOption, type ModalProps, ModalTitle, ModalTrigger, type ModalTriggerProps, MorphingLoader, OrbitLoader, Pagination, type PaginationProps, Progress, ProgressBar, type ProgressProps, ProgressRing, ProgressStepper, PulseLoader, Radio, RadioGroup, type RadioGroupProps, type RadioProps, SegmentedStepper, SkeletonShimmer, SpinnerDots, SpinnerGradient, SquaresLoader, type Step, Switch, type SwitchProps, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, type Theme, ThemeProvider, ThreeDots, TimelineStepper, Tooltip, type TooltipProps, TypingIndicator, VerticalStepper, avatarVariants, badgeVariants, buttonVariants, checkboxControlVariants, getGradientFromName, getInitials, inputVariants, labelVariants, menuItemVariants, menuVariants, modalContentVariants, overlayVariants, radioControlVariants, useTheme };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default from 'react';
+import React__default, { ReactNode } from 'react';
 import { LucideIcon } from 'lucide-react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
@@ -455,4 +455,16 @@ interface TooltipProps extends VariantProps<typeof tooltipVariants> {
 }
 declare function Tooltip({ content, children, side, align, sideOffset, delayDuration, disabled, className, }: TooltipProps): React.JSX.Element;
 
-export { AILoader, Accordion, AccordionItem, AccordionLink, AccordionNested, AccordionSkeletonChevron, AccordionSkeletonPlus, Alert, type AlertProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BlurReveal, BreadcrumbStepper, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardSkeletonGrid, CardTitle, Checkbox, type CheckboxProps, CodeBlock, DataTable, type DataTableColumn, type DataTableProps, Dialog, DialogAction, DialogContent, DialogFooter, DialogHeader, DialogItem, DialogTrigger, DotStepper, DotWave, Dropdown, DropdownContent, DropdownDivider, DropdownItem, DropdownLabel, DropdownTrigger, ExpandableRow, FeatureCard, Field, type FieldProps, HalfCircles, HorizontalStepper, Input, InputAddon, InputAutocomplete, InputFilled, InputFloating, InputIcon, InputOTP, InputPassword, type InputProps, InputSearch, InputStandard, InputUnderline, InteractiveStepper, Label, type LabelProps, ListSkeleton, LoadBar, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, Modal, ModalBody, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalOption, type ModalProps, ModalTitle, ModalTrigger, type ModalTriggerProps, MorphingLoader, OrbitLoader, Pagination, type PaginationProps, Progress, ProgressBar, type ProgressProps, ProgressRing, ProgressStepper, PulseLoader, Radio, RadioGroup, type RadioGroupProps, type RadioProps, SegmentedStepper, SkeletonShimmer, SpinnerDots, SpinnerGradient, SquaresLoader, type Step, Switch, type SwitchProps, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, ThreeDots, TimelineStepper, Tooltip, type TooltipProps, TypingIndicator, VerticalStepper, avatarVariants, badgeVariants, buttonVariants, checkboxControlVariants, getGradientFromName, getInitials, inputVariants, labelVariants, menuItemVariants, menuVariants, modalContentVariants, overlayVariants, radioControlVariants };
+type Theme = "light" | "dark";
+
+type ThemeContextValue = {
+    theme: Theme;
+    setTheme: (theme: Theme) => void;
+};
+declare function ThemeProvider({ children, defaultTheme, }: {
+    children: ReactNode;
+    defaultTheme?: Theme;
+}): React.JSX.Element;
+declare function useTheme(): ThemeContextValue;
+
+export { AILoader, Accordion, AccordionItem, AccordionLink, AccordionNested, AccordionSkeletonChevron, AccordionSkeletonPlus, Alert, type AlertProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BlurReveal, BreadcrumbStepper, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, type CardProps, CardSkeletonGrid, CardTitle, Checkbox, type CheckboxProps, CodeBlock, DataTable, type DataTableColumn, type DataTableProps, Dialog, DialogAction, DialogContent, DialogFooter, DialogHeader, DialogItem, DialogTrigger, DotStepper, DotWave, Dropdown, DropdownContent, DropdownDivider, DropdownItem, DropdownLabel, DropdownTrigger, ExpandableRow, FeatureCard, Field, type FieldProps, HalfCircles, HorizontalStepper, Input, InputAddon, InputAutocomplete, InputFilled, InputFloating, InputIcon, InputOTP, InputPassword, type InputProps, InputSearch, InputStandard, InputUnderline, InteractiveStepper, Label, type LabelProps, ListSkeleton, LoadBar, Menu, MenuDivider, MenuItem, type MenuItemProps, MenuLabel, type MenuProps, Modal, ModalBody, ModalClose, type ModalCloseProps, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalOption, type ModalProps, ModalTitle, ModalTrigger, type ModalTriggerProps, MorphingLoader, OrbitLoader, Pagination, type PaginationProps, Progress, ProgressBar, type ProgressProps, ProgressRing, ProgressStepper, PulseLoader, Radio, RadioGroup, type RadioGroupProps, type RadioProps, SegmentedStepper, SkeletonShimmer, SpinnerDots, SpinnerGradient, SquaresLoader, type Step, Switch, type SwitchProps, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, TableSkeleton, Tabs, TabsContent, TabsList, TabsTrigger, type Theme, ThemeProvider, ThreeDots, TimelineStepper, Tooltip, type TooltipProps, TypingIndicator, VerticalStepper, avatarVariants, badgeVariants, buttonVariants, checkboxControlVariants, getGradientFromName, getInitials, inputVariants, labelVariants, menuItemVariants, menuVariants, modalContentVariants, overlayVariants, radioControlVariants, useTheme };

package/dist/index.js

@@ -160,6 +160,7 @@ __export(index_exports, {
   TabsContent: () => TabsContent,
   TabsList: () => TabsList,
   TabsTrigger: () => TabsTrigger,
+  ThemeProvider: () => ThemeProvider,
   ThreeDots: () => ThreeDots,
   TimelineStepper: () => TimelineStepper,
   Tooltip: () => Tooltip,
@@ -177,7 +178,8 @@ __export(index_exports, {
   menuVariants: () => menuVariants,
   modalContentVariants: () => modalContentVariants,
   overlayVariants: () => overlayVariants,
-  radioControlVariants: () => radioControlVariants
+  radioControlVariants: () => radioControlVariants,
+  useTheme: () => useTheme
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -3494,6 +3496,63 @@ function Tooltip({
     mounted && tooltipNode ? (0, import_react_dom3.createPortal)(tooltipNode, document.body) : null
   ] });
 }
+
+// components/theme-provider.tsx
+var import_react11 = require("react");
+
+// lib/theme.ts
+var THEME_COOKIE_KEY = "ruler-ui-theme";
+var THEME_STORAGE_KEY = "ruler-ui-theme";
+function applyTheme(theme) {
+  document.documentElement.classList.toggle("dark", theme === "dark");
+}
+function persistTheme(theme) {
+  localStorage.setItem(THEME_STORAGE_KEY, theme);
+  document.cookie = `${THEME_COOKIE_KEY}=${theme};path=/;max-age=31536000;SameSite=Lax`;
+}
+function readStoredTheme() {
+  const fromStorage = localStorage.getItem(THEME_STORAGE_KEY);
+  if (fromStorage === "light" || fromStorage === "dark") {
+    return fromStorage;
+  }
+  const match = document.cookie.match(
+    new RegExp(`(?:^|; )${THEME_COOKIE_KEY}=([^;]*)`)
+  );
+  if ((match == null ? void 0 : match[1]) === "light" || (match == null ? void 0 : match[1]) === "dark") {
+    return match[1];
+  }
+  return null;
+}
+
+// components/theme-provider.tsx
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var ThemeContext = (0, import_react11.createContext)(null);
+function ThemeProvider({
+  children,
+  defaultTheme = "light"
+}) {
+  const [theme, setThemeState] = (0, import_react11.useState)(defaultTheme);
+  (0, import_react11.useEffect)(() => {
+    const stored = readStoredTheme();
+    const resolved = stored != null ? stored : defaultTheme;
+    setThemeState(resolved);
+    applyTheme(resolved);
+  }, [defaultTheme]);
+  const setTheme = (0, import_react11.useCallback)((nextTheme) => {
+    setThemeState(nextTheme);
+    persistTheme(nextTheme);
+    applyTheme(nextTheme);
+  }, []);
+  const value = (0, import_react11.useMemo)(() => ({ theme, setTheme }), [theme, setTheme]);
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(ThemeContext.Provider, { value, children });
+}
+function useTheme() {
+  const context = (0, import_react11.useContext)(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within ThemeProvider");
+  }
+  return context;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AILoader,
@@ -3596,6 +3655,7 @@ function Tooltip({
   TabsContent,
   TabsList,
   TabsTrigger,
+  ThemeProvider,
   ThreeDots,
   TimelineStepper,
   Tooltip,
@@ -3613,6 +3673,7 @@ function Tooltip({
   menuVariants,
   modalContentVariants,
   overlayVariants,
-  radioControlVariants
+  radioControlVariants,
+  useTheme
 });
 //# sourceMappingURL=index.js.map