@deepgram/styles 0.2.11 → 0.2.12

package/dist/react/Section.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+export const Section = forwardRef(function Section({ compact, spacious, bordered, elevated, fieldset, className, children, ...props }, ref) {
+    const cls = [
+        'dg-section',
+        compact && 'dg-section--compact',
+        spacious && 'dg-section--spacious',
+        bordered && 'dg-section--bordered',
+        elevated && 'dg-section--elevated',
+        fieldset && 'dg-section--fieldset',
+        className,
+    ].filter(Boolean).join(' ');
+    return _jsx("div", { ref: ref, className: cls, ...props, children: children });
+});

package/dist/react/SectionHeading.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithRef } from 'react';
+export interface SectionHeadingProps extends ComponentPropsWithRef<'h2'> {
+}
+export declare const SectionHeading: import("react").ForwardRefExoticComponent<Omit<SectionHeadingProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;

package/dist/react/SectionHeading.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+export const SectionHeading = forwardRef(function SectionHeading({ className, children, ...props }, ref) {
+    const cls = [
+        'dg-section-heading',
+        className,
+    ].filter(Boolean).join(' ');
+    return _jsx("h2", { ref: ref, className: cls, ...props, children: children });
+});

package/dist/react/Select.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithRef } from 'react';
+export interface SelectProps extends ComponentPropsWithRef<'select'> {
+}
+export declare const Select: import("react").ForwardRefExoticComponent<Omit<SelectProps, "ref"> & import("react").RefAttributes<HTMLSelectElement>>;

package/dist/react/Select.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+export const Select = forwardRef(function Select({ className, children, ...props }, ref) {
+    const cls = [
+        'dg-select',
+        className,
+    ].filter(Boolean).join(' ');
+    return _jsx("select", { ref: ref, className: cls, ...props, children: children });
+});

package/dist/react/Spinner.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentPropsWithRef } from 'react';
+export interface SpinnerProps extends ComponentPropsWithRef<'div'> {
+}
+export declare const Spinner: import("react").ForwardRefExoticComponent<Omit<SpinnerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface SpinnerTitleProps extends ComponentPropsWithRef<'p'> {
+}
+export declare const SpinnerTitle: import("react").ForwardRefExoticComponent<Omit<SpinnerTitleProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;

package/dist/react/Spinner.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+export const Spinner = forwardRef(function Spinner({ className, children, ...props }, ref) {
+    const cls = [
+        'dg-spinner',
+        className,
+    ].filter(Boolean).join(' ');
+    return _jsx("div", { ref: ref, className: cls, ...props, children: children });
+});
+export const SpinnerTitle = forwardRef(function SpinnerTitle({ className, children, ...props }, ref) {
+    const cls = [
+        'dg-spinner__title',
+        className,
+    ].filter(Boolean).join(' ');
+    return _jsx("p", { ref: ref, className: cls, ...props, children: children });
+});

package/dist/react/Status.d.ts

@@ -0,0 +1,12 @@
+import { type ComponentPropsWithRef } from 'react';
+export interface StatusProps extends ComponentPropsWithRef<'div'> {
+    info?: boolean;
+    success?: boolean;
+    warning?: boolean;
+    error?: boolean;
+    primary?: boolean;
+    secondary?: boolean;
+    withIcon?: boolean;
+    compact?: boolean;
+}
+export declare const Status: import("react").ForwardRefExoticComponent<Omit<StatusProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/react/Status.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+export const Status = forwardRef(function Status({ info, success, warning, error, primary, secondary, withIcon, compact, className, children, ...props }, ref) {
+    const cls = [
+        'dg-status',
+        info && 'dg-status--info',
+        success && 'dg-status--success',
+        warning && 'dg-status--warning',
+        error && 'dg-status--error',
+        primary && 'dg-status--primary',
+        secondary && 'dg-status--secondary',
+        withIcon && 'dg-status--with-icon',
+        compact && 'dg-status--compact',
+        className,
+    ].filter(Boolean).join(' ');
+    return _jsx("div", { ref: ref, className: cls, ...props, children: children });
+});

package/dist/react/TextUtilities.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithRef } from 'react';
+export interface TextUtilitiesProps extends ComponentPropsWithRef<'div'> {
+}
+export declare const TextUtilities: import("react").ForwardRefExoticComponent<Omit<TextUtilitiesProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/react/TextUtilities.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+export const TextUtilities = forwardRef(function TextUtilities({ className, children, ...props }, ref) {
+    const cls = [
+        'dg-text-utilities',
+        className,
+    ].filter(Boolean).join(' ');
+    return _jsx("div", { ref: ref, className: cls, ...props, children: children });
+});

package/dist/react/Textarea.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithRef } from 'react';
+export interface TextareaProps extends ComponentPropsWithRef<'textarea'> {
+}
+export declare const Textarea: import("react").ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/react/Textarea.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+export const Textarea = forwardRef(function Textarea({ className, children, ...props }, ref) {
+    const cls = [
+        'dg-textarea',
+        className,
+    ].filter(Boolean).join(' ');
+    return _jsx("textarea", { ref: ref, className: cls, ...props, children: children });
+});

package/dist/react/Toggle.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithRef } from 'react';
+export interface ToggleProps extends ComponentPropsWithRef<'input'> {
+}
+export declare const Toggle: import("react").ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/react/Toggle.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+export const Toggle = forwardRef(function Toggle({ className, ...props }, ref) {
+    const cls = [
+        'dg-toggle',
+        className,
+    ].filter(Boolean).join(' ');
+    return _jsx("input", { ref: ref, type: "checkbox", className: cls, ...props });
+});

package/dist/react/ToggleGroup.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithRef } from 'react';
+export interface ToggleGroupProps extends ComponentPropsWithRef<'div'> {
+}
+export declare const ToggleGroup: import("react").ForwardRefExoticComponent<Omit<ToggleGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/react/ToggleGroup.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+export const ToggleGroup = forwardRef(function ToggleGroup({ className, children, ...props }, ref) {
+    const cls = [
+        'dg-toggle-group',
+        className,
+    ].filter(Boolean).join(' ');
+    return _jsx("div", { ref: ref, className: cls, ...props, children: children });
+});

package/dist/react/ToggleLabel.d.ts

@@ -0,0 +1,4 @@
+import { type ComponentPropsWithRef } from 'react';
+export interface ToggleLabelProps extends ComponentPropsWithRef<'label'> {
+}
+export declare const ToggleLabel: import("react").ForwardRefExoticComponent<Omit<ToggleLabelProps, "ref"> & import("react").RefAttributes<HTMLLabelElement>>;

package/dist/react/ToggleLabel.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+export const ToggleLabel = forwardRef(function ToggleLabel({ className, children, ...props }, ref) {
+    const cls = [
+        'dg-toggle-label',
+        className,
+    ].filter(Boolean).join(' ');
+    return _jsx("label", { ref: ref, className: cls, ...props, children: children });
+});

package/dist/react/index.d.ts

@@ -0,0 +1,43 @@
+export { Btn, type BtnProps } from './Btn.js';
+export { ActionGroup, type ActionGroupProps } from './ActionGroup.js';
+export { Section, type SectionProps } from './Section.js';
+export { Card, type CardProps, CardImage, type CardImageProps, CardIcon, type CardIconProps, CardHeader, type CardHeaderProps, CardBody, type CardBodyProps, CardFooter, type CardFooterProps } from './Card.js';
+export { CodeBlock, type CodeBlockProps } from './CodeBlock.js';
+export { Hero, type HeroProps, HeroTitle, type HeroTitleProps, HeroContent, type HeroContentProps, HeroAnnouncement, type HeroAnnouncementProps, HeroAnnouncementText, type HeroAnnouncementTextProps, HeroAnnouncementCta, type HeroAnnouncementCtaProps, HeroBody, type HeroBodyProps, HeroActions, type HeroActionsProps } from './Hero.js';
+export { SectionHeading, type SectionHeadingProps } from './SectionHeading.js';
+export { PageHeading, type PageHeadingProps, PageHeadingTitle, type PageHeadingTitleProps, PageHeadingDescription, type PageHeadingDescriptionProps } from './PageHeading.js';
+export { PageHeadings, type PageHeadingsProps, PageHeadingsTitleWrapper, type PageHeadingsTitleWrapperProps, PageHeadingsTitle, type PageHeadingsTitleProps, PageHeadingsActions, type PageHeadingsActionsProps } from './PageHeadings.js';
+export { CardHeading, type CardHeadingProps } from './CardHeading.js';
+export { CardHeadings, type CardHeadingsProps, CardHeadingsTitle, type CardHeadingsTitleProps } from './CardHeadings.js';
+export { ItemTitle, type ItemTitleProps } from './ItemTitle.js';
+export { Prose, type ProseProps } from './Prose.js';
+export { Icon, type IconProps } from './Icon.js';
+export { Input, type InputProps } from './Input.js';
+export { Textarea, type TextareaProps } from './Textarea.js';
+export { Checkbox, type CheckboxProps } from './Checkbox.js';
+export { Select, type SelectProps } from './Select.js';
+export { Option, type OptionProps } from './Option.js';
+export { Radio, type RadioProps } from './Radio.js';
+export { Toggle, type ToggleProps } from './Toggle.js';
+export { CheckboxLabel, type CheckboxLabelProps } from './CheckboxLabel.js';
+export { CheckboxDescription, type CheckboxDescriptionProps } from './CheckboxDescription.js';
+export { CheckboxGroup, type CheckboxGroupProps } from './CheckboxGroup.js';
+export { RadioLabel, type RadioLabelProps } from './RadioLabel.js';
+export { RadioDescription, type RadioDescriptionProps, RadioDescriptionHint, type RadioDescriptionHintProps } from './RadioDescription.js';
+export { RadioGroup, type RadioGroupProps } from './RadioGroup.js';
+export { ToggleLabel, type ToggleLabelProps } from './ToggleLabel.js';
+export { ToggleGroup, type ToggleGroupProps } from './ToggleGroup.js';
+export { FormLabel, type FormLabelProps } from './FormLabel.js';
+export { FormHelper, type FormHelperProps } from './FormHelper.js';
+export { FormError, type FormErrorProps } from './FormError.js';
+export { FormField, type FormFieldProps } from './FormField.js';
+export { DragDropZone, type DragDropZoneProps, DragDropZoneInput, type DragDropZoneInputProps, DragDropZoneIcon, type DragDropZoneIconProps, DragDropZoneText, type DragDropZoneTextProps, DragDropZoneHint, type DragDropZoneHintProps } from './DragDropZone.js';
+export { Status, type StatusProps } from './Status.js';
+export { Spinner, type SpinnerProps, SpinnerTitle, type SpinnerTitleProps } from './Spinner.js';
+export { ConstrainWidth, type ConstrainWidthProps } from './ConstrainWidth.js';
+export { GridMobileStack, type GridMobileStackProps } from './GridMobileStack.js';
+export { Columns, type ColumnsProps, ColumnsWrapper, type ColumnsWrapperProps, ColumnsMobileHeader, type ColumnsMobileHeaderProps, ColumnsSidebarToggle, type ColumnsSidebarToggleProps, ColumnsColumn, type ColumnsColumnProps } from './Columns.js';
+export { Footer, type FooterProps, FooterSocialLinks, type FooterSocialLinksProps, FooterSocialLink, type FooterSocialLinkProps } from './Footer.js';
+export { TextUtilities, type TextUtilitiesProps } from './TextUtilities.js';
+export { Newsletter, type NewsletterProps, NewsletterForm, type NewsletterFormProps } from './Newsletter.js';
+export { Alert, type AlertProps, AlertContent, type AlertContentProps, AlertIcon, type AlertIconProps, AlertBody, type AlertBodyProps, AlertTitle, type AlertTitleProps, AlertDescription, type AlertDescriptionProps, AlertActions, type AlertActionsProps, AlertList, type AlertListProps, AlertDismiss, type AlertDismissProps } from './Alert.js';

package/dist/react/index.js

@@ -0,0 +1,43 @@
+export { Btn } from './Btn.js';
+export { ActionGroup } from './ActionGroup.js';
+export { Section } from './Section.js';
+export { Card, CardImage, CardIcon, CardHeader, CardBody, CardFooter } from './Card.js';
+export { CodeBlock } from './CodeBlock.js';
+export { Hero, HeroTitle, HeroContent, HeroAnnouncement, HeroAnnouncementText, HeroAnnouncementCta, HeroBody, HeroActions } from './Hero.js';
+export { SectionHeading } from './SectionHeading.js';
+export { PageHeading, PageHeadingTitle, PageHeadingDescription } from './PageHeading.js';
+export { PageHeadings, PageHeadingsTitleWrapper, PageHeadingsTitle, PageHeadingsActions } from './PageHeadings.js';
+export { CardHeading } from './CardHeading.js';
+export { CardHeadings, CardHeadingsTitle } from './CardHeadings.js';
+export { ItemTitle } from './ItemTitle.js';
+export { Prose } from './Prose.js';
+export { Icon } from './Icon.js';
+export { Input } from './Input.js';
+export { Textarea } from './Textarea.js';
+export { Checkbox } from './Checkbox.js';
+export { Select } from './Select.js';
+export { Option } from './Option.js';
+export { Radio } from './Radio.js';
+export { Toggle } from './Toggle.js';
+export { CheckboxLabel } from './CheckboxLabel.js';
+export { CheckboxDescription } from './CheckboxDescription.js';
+export { CheckboxGroup } from './CheckboxGroup.js';
+export { RadioLabel } from './RadioLabel.js';
+export { RadioDescription, RadioDescriptionHint } from './RadioDescription.js';
+export { RadioGroup } from './RadioGroup.js';
+export { ToggleLabel } from './ToggleLabel.js';
+export { ToggleGroup } from './ToggleGroup.js';
+export { FormLabel } from './FormLabel.js';
+export { FormHelper } from './FormHelper.js';
+export { FormError } from './FormError.js';
+export { FormField } from './FormField.js';
+export { DragDropZone, DragDropZoneInput, DragDropZoneIcon, DragDropZoneText, DragDropZoneHint } from './DragDropZone.js';
+export { Status } from './Status.js';
+export { Spinner, SpinnerTitle } from './Spinner.js';
+export { ConstrainWidth } from './ConstrainWidth.js';
+export { GridMobileStack } from './GridMobileStack.js';
+export { Columns, ColumnsWrapper, ColumnsMobileHeader, ColumnsSidebarToggle, ColumnsColumn } from './Columns.js';
+export { Footer, FooterSocialLinks, FooterSocialLink } from './Footer.js';
+export { TextUtilities } from './TextUtilities.js';
+export { Newsletter, NewsletterForm } from './Newsletter.js';
+export { Alert, AlertContent, AlertIcon, AlertBody, AlertTitle, AlertDescription, AlertActions, AlertList, AlertDismiss } from './Alert.js';

package/dist/utils.d.ts

@@ -0,0 +1,16 @@
+type Theme = 'light' | 'dark' | 'system';
+export declare function setLight(): void;
+export declare function setDark(): void;
+export declare function setSystem(): void;
+/** Read the current theme from the `<html>` inline style. */
+export declare function getTheme(): Theme;
+/**
+ * Restore the saved theme from localStorage.
+ * Call this in an inline `<script>` in `<head>` to prevent FOUC.
+ */
+export declare function restoreTheme(): void;
+/**
+ * Subscribe to theme changes. Returns an unsubscribe function.
+ */
+export declare function onThemeChange(callback: (theme: Theme) => void): () => void;
+export {};

package/dist/utils.js

@@ -0,0 +1,50 @@
+const STORAGE_KEY = 'dg-theme';
+const EVENT_NAME = 'dg-theme-change';
+function applyAndPersist(theme) {
+    if (theme === 'system') {
+        document.documentElement.style.removeProperty('color-scheme');
+    }
+    else {
+        document.documentElement.style.colorScheme = theme;
+    }
+    localStorage.setItem(STORAGE_KEY, theme);
+    document.dispatchEvent(new CustomEvent(EVENT_NAME, { detail: { theme } }));
+}
+export function setLight() {
+    applyAndPersist('light');
+}
+export function setDark() {
+    applyAndPersist('dark');
+}
+export function setSystem() {
+    applyAndPersist('system');
+}
+/** Read the current theme from the `<html>` inline style. */
+export function getTheme() {
+    const value = document.documentElement.style.colorScheme;
+    if (value === 'light')
+        return 'light';
+    if (value === 'dark')
+        return 'dark';
+    return 'system';
+}
+/**
+ * Restore the saved theme from localStorage.
+ * Call this in an inline `<script>` in `<head>` to prevent FOUC.
+ */
+export function restoreTheme() {
+    const saved = localStorage.getItem(STORAGE_KEY);
+    if (saved === 'light' || saved === 'dark') {
+        document.documentElement.style.colorScheme = saved;
+    }
+}
+/**
+ * Subscribe to theme changes. Returns an unsubscribe function.
+ */
+export function onThemeChange(callback) {
+    const handler = (e) => {
+        callback(e.detail.theme);
+    };
+    document.addEventListener(EVENT_NAME, handler);
+    return () => document.removeEventListener(EVENT_NAME, handler);
+}