@tydavidson/design-system 1.1.9 → 1.1.11

package/dist/index.mjs

@@ -15,7 +15,6 @@ import * as SheetPrimitive from '@radix-ui/react-dialog';
 import { Command as Command$1 } from 'cmdk';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
-import dynamic from 'next/dynamic';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -46,58 +45,6 @@ var init_utils = __esm({
   }
 });
 
-// src/themes/theme-provider.tsx
-var theme_provider_exports = {};
-__export(theme_provider_exports, {
-  ThemeProvider: () => ThemeProvider,
-  ThemeProviderNoSSR: () => ThemeProviderNoSSR
-});
-function ThemeProvider({
-  children,
-  ...props
-}) {
-  const [NextThemesProvider, setNextThemesProvider] = React2.useState(null);
-  const [mounted, setMounted] = React2.useState(false);
-  React2.useEffect(() => {
-    import('next-themes').then(({ ThemeProvider: Provider }) => {
-      setNextThemesProvider(() => Provider);
-      setMounted(true);
-    });
-  }, []);
-  if (!mounted || !NextThemesProvider) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx(
-    NextThemesProvider,
-    {
-      attribute: "class",
-      defaultTheme: "system",
-      enableSystem: true,
-      disableTransitionOnChange: true,
-      ...props,
-      children
-    }
-  );
-}
-function ThemeProviderNoSSR({
-  children,
-  ...props
-}) {
-  const [mounted, setMounted] = React2.useState(false);
-  React2.useEffect(() => {
-    setMounted(true);
-  }, []);
-  if (!mounted) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsx(ThemeProvider, { ...props, children });
-}
-var init_theme_provider = __esm({
-  "src/themes/theme-provider.tsx"() {
-    "use client";
-  }
-});
-
 // src/lib/theme-utils.ts
 var mapColorToShadcnVariant, mapVariantToShadcnVariant, getColorVariantClasses, isDarkTheme;
 var init_theme_utils = __esm({
@@ -935,7 +882,9 @@ init_utils();
 // src/components/ui/dialog.tsx
 init_utils();
 var Dialog = SheetPrimitive.Root;
+var DialogTrigger = SheetPrimitive.Trigger;
 var DialogPortal = SheetPrimitive.Portal;
+var DialogClose = SheetPrimitive.Close;
 var DialogOverlay = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SheetPrimitive.Overlay,
   {
@@ -970,6 +919,34 @@ var DialogContent = React2.forwardRef(({ className, children, ...props }, ref) =
   )
 ] }));
 DialogContent.displayName = SheetPrimitive.Content.displayName;
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
 var DialogTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SheetPrimitive.Title,
   {
@@ -1514,6 +1491,115 @@ var EmailFooter = ({ children }) => /* @__PURE__ */ jsx("div", { style: {
   ] })
 ] }) });
 
+// src/components/ui/card.tsx
+init_utils();
+var Card = React2.forwardRef(
+  ({ className, variant = "default", ...props }, ref) => {
+    const variantClasses = {
+      default: "bg-[var(--card-bg-default)] border-[var(--card-border-default)]",
+      subtle: "bg-[var(--card-bg-subtle)] border-[var(--card-border-subtle)]",
+      "border-only": "bg-[var(--card-bg-border-only)] border-[var(--card-border-border-only)]"
+    };
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "rounded-lg border shadow-[var(--card-shadow)]",
+          variantClasses[variant],
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Card.displayName = "Card";
+var CardHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn(
+      "flex flex-col space-y-[var(--card-content-gap)] p-[var(--card-content-padding)]",
+      className
+    ),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn(
+      "text-[var(--card-title-size)] font-[var(--card-title-weight)] leading-none tracking-tight text-[var(--card-title-text)]",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn(
+      "text-[var(--card-description-size)] text-[var(--card-description-text)]",
+      className
+    ),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn(
+      "p-[var(--card-content-padding)] pt-0",
+      className
+    ),
+    ...props
+  }
+));
+CardContent.displayName = "CardContent";
+var CardFooter = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    className: cn(
+      "flex items-center p-[var(--card-content-padding)] pt-0",
+      className
+    ),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+
+// src/components/ui/input.tsx
+init_utils();
+var Input = React2.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-10 w-full rounded-md border px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium",
+          "bg-[var(--input-bg)] text-[var(--input-text)] border-[var(--input-border)] placeholder:text-[var(--input-text-placeholder)]",
+          "hover:border-[var(--input-border-hover)]",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:border-[var(--input-border-focus)]",
+          "disabled:cursor-not-allowed disabled:border-[var(--input-border-disabled)] disabled:bg-[var(--input-bg-disabled)] disabled:text-[var(--input-text-disabled)] disabled:opacity-[var(--input-opacity-disabled)]",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
 // src/index.ts
 init_utils();
 
@@ -1788,46 +1874,81 @@ var tokens = {
   radius,
   shadows
 };
+function ThemeProvider({
+  children,
+  ...props
+}) {
+  const [NextThemesProvider, setNextThemesProvider] = React2.useState(null);
+  const [mounted, setMounted] = React2.useState(false);
+  React2.useEffect(() => {
+    import('next-themes').then(({ ThemeProvider: Provider }) => {
+      setNextThemesProvider(() => Provider);
+      setMounted(true);
+    });
+  }, []);
+  if (!mounted || !NextThemesProvider) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(
+    NextThemesProvider,
+    {
+      attribute: "class",
+      defaultTheme: "system",
+      enableSystem: true,
+      disableTransitionOnChange: true,
+      ...props,
+      children
+    }
+  );
+}
+function ThemeProviderNoSSR({
+  children,
+  ...props
+}) {
+  const [mounted, setMounted] = React2.useState(false);
+  React2.useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(ThemeProvider, { ...props, children });
+}
 
 // src/themes/index.ts
-init_theme_provider();
 init_theme_context();
 init_theme_toggle2();
-var DynamicThemeProvider = dynamic(
-  () => Promise.resolve().then(() => (init_theme_provider(), theme_provider_exports)).then((mod) => ({ default: mod.ThemeProvider })),
-  {
-    ssr: false,
-    loading: () => /* @__PURE__ */ jsx("div", { style: { visibility: "hidden" } })
-  }
-);
-var DynamicThemeProviderNoSSR = dynamic(
-  () => Promise.resolve().then(() => (init_theme_provider(), theme_provider_exports)).then((mod) => ({ default: mod.ThemeProviderNoSSR })),
-  {
-    ssr: false,
-    loading: () => /* @__PURE__ */ jsx("div", { style: { visibility: "hidden" } })
-  }
-);
-var DynamicThemeToggle = dynamic(
-  () => Promise.resolve().then(() => (init_theme_toggle2(), theme_toggle_exports)).then((mod) => ({ default: mod.ThemeToggle })),
-  {
-    ssr: false,
-    loading: () => /* @__PURE__ */ jsx("div", { style: { visibility: "hidden" } })
-  }
-);
-function SafeThemeProvider({
+function ClientThemeProvider({
   children,
-  noSSR = false,
   ...props
 }) {
-  if (noSSR) {
-    return /* @__PURE__ */ jsx(DynamicThemeProviderNoSSR, { ...props, children });
+  const [mounted, setMounted] = React2.useState(false);
+  React2.useEffect(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(ThemeProvider, { ...props, children });
+}
+function ClientThemeToggle(props) {
+  const [mounted, setMounted] = React2.useState(false);
+  const [ThemeToggleComponent, setThemeToggleComponent] = React2.useState(null);
+  React2.useEffect(() => {
+    setMounted(true);
+    Promise.resolve().then(() => (init_theme_toggle2(), theme_toggle_exports)).then(({ ThemeToggle: ThemeToggle2 }) => {
+      setThemeToggleComponent(() => ThemeToggle2);
+    });
+  }, []);
+  if (!mounted || !ThemeToggleComponent) {
+    return null;
   }
-  return /* @__PURE__ */ jsx(DynamicThemeProvider, { ...props, children });
+  return /* @__PURE__ */ jsx(ThemeToggleComponent, { ...props });
 }
 
 // src/themes/index.ts
 init_theme_utils();
 
-export { Button, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DropdownMenu, DynamicThemeProvider, DynamicThemeProviderNoSSR, DynamicThemeToggle, EmailButton, EmailCaption, EmailContainer, EmailFooter, EmailHeader, EmailHeading, EmailLayout, EmailMuted, EmailText, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, SafeThemeProvider, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Slider, Text, ThemeContextProvider, ThemeProvider, ThemeProviderNoSSR, ThemeToggle, Toggle, ToggleGroup, ToggleGroupItem, buttonVariants, cn, colors, filterDOMProps, generateId, getColorVariantClasses, isDarkTheme, isNotNullOrUndefined, mapColorToShadcnVariant, mapVariantToShadcnVariant, radius, shadows, spacing, tokens, typography, useTheme, useThemeServer };
+export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ClientThemeProvider, ClientThemeToggle, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, EmailButton, EmailCaption, EmailContainer, EmailFooter, EmailHeader, EmailHeading, EmailLayout, EmailMuted, EmailText, Heading, HoverCard, HoverCardContent, HoverCardTrigger, Input, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Slider, Text, ThemeContextProvider, ThemeProvider, ThemeProviderNoSSR, ThemeToggle, Toggle, ToggleGroup, ToggleGroupItem, buttonVariants, cn, colors, filterDOMProps, generateId, getColorVariantClasses, isDarkTheme, isNotNullOrUndefined, mapColorToShadcnVariant, mapVariantToShadcnVariant, radius, shadows, spacing, tokens, typography, useTheme, useThemeServer };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map