dawn-ui-react 1.0.0-alpha.26 → 1.0.0-alpha.28

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useMediaQuery } from './use-media-query';
+export * from './theme';

package/dist/hooks/theme/constants.d.ts

@@ -0,0 +1,4 @@
+import { Theme, ThemeValue } from './types';
+export declare const THEME_STORAGE_KEY = "cartyx-ui-theme";
+export declare const DEFAULT_THEME: ThemeValue;
+export declare const getThemeByValue: (value: ThemeValue, themes: Theme[]) => Theme | undefined;

package/dist/hooks/theme/index.d.ts

@@ -0,0 +1,3 @@
+export type { Theme, ThemeValue, ThemeProviderProps, ThemeProviderState } from './types';
+export { getThemeByValue, THEME_STORAGE_KEY, DEFAULT_THEME } from './constants';
+export { ThemeProvider, useTheme } from './use-theme';

package/dist/hooks/theme/types.d.ts

@@ -0,0 +1,16 @@
+import { Icon } from '@phosphor-icons/react';
+export type ThemeValue = 'light' | 'dark' | 'system';
+export type Theme = {
+    value: ThemeValue;
+    label: string;
+    icon: Icon;
+};
+export type ThemeProviderState = {
+    theme: ThemeValue;
+    setTheme: (theme: ThemeValue) => void;
+};
+export type ThemeProviderProps = {
+    children: React.ReactNode;
+    defaultTheme?: ThemeValue;
+    storageKey?: string;
+};

package/dist/hooks/theme/use-theme.d.ts

@@ -0,0 +1,3 @@
+import { ThemeProviderProps, ThemeProviderState } from './types';
+export declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): import("react").JSX.Element;
+export declare const useTheme: () => ThemeProviderState;

package/dist/hooks/use-media-query.d.ts

@@ -0,0 +1,6 @@
+type Device = {
+    name: 'mobile' | 'tablet' | 'desktop';
+    query: string;
+};
+export declare const useMediaQuery: (deviceName: Device["name"]) => boolean;
+export {};

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
+export * from './hooks';
 export { cn } from './utils/cn';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dawn-ui-react",
-  "version": "1.0.0-alpha.26",
+  "version": "1.0.0-alpha.28",
   "license": "MIT",
   "repository": {
     "type": "git",

package/dist/components/colour-channel-slider/colour-channel-slider.d.ts

@@ -1,2 +0,0 @@
-import { ColourChannelSliderProps } from './colour-channel-slider.types';
-export declare const ColourChannelSlider: ({ size, trackStyle, className, children, ref, ...props }: ColourChannelSliderProps) => import("react").JSX.Element;

package/dist/components/colour-channel-slider/index.d.ts

@@ -1,2 +0,0 @@
-export type { ColourChannelSliderProps } from './colour-channel-slider.types';
-export { ColourChannelSlider } from './colour-channel-slider';

package/dist/components/colour-picker/colour-picker-area.d.ts

@@ -1,2 +0,0 @@
-import { ColourPickerAreaProps } from './colour-picker.types';
-export declare const ColourPickerArea: ({ className, ref, ...props }: ColourPickerAreaProps) => import("react").JSX.Element;

package/dist/components/colour-picker/colour-picker-group.d.ts

@@ -1,2 +0,0 @@
-import { ColourPickerGroupProps } from './colour-picker.types';
-export declare const ColourPickerGroup: ({ className, children, ref, ...props }: ColourPickerGroupProps) => import("react").JSX.Element;

package/dist/components/colour-picker/colour-picker-hue-slider.d.ts

@@ -1,2 +0,0 @@
-import { ColourPickerHueSliderProps } from './colour-picker.types';
-export declare const ColourPickerHueSlider: ({ className, ref, ...props }: ColourPickerHueSliderProps) => import("react").JSX.Element;

package/dist/components/colour-picker/colour-picker-input.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { ColourPickerInputProps } from './colour-picker.types';
-export declare const ColourPickerInput: ({ className, children, ref, ...props }: ColourPickerInputProps) => React.JSX.Element;

package/dist/components/colour-picker/colour-picker-label.d.ts

@@ -1,2 +0,0 @@
-import { ColourPickerLabelProps } from './colour-picker.types';
-export declare const ColourPickerLabel: ({ className, children, ref, ...props }: ColourPickerLabelProps) => import("react").JSX.Element;

package/dist/components/colour-picker/colour-picker-lightness-slider.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { ColourPickerLightnessSliderProps } from './colour-picker.types';
-export declare const ColourPickerLightnessSlider: ({ className, ref, ...props }: ColourPickerLightnessSliderProps) => React.JSX.Element;

package/dist/components/colour-picker/colour-picker-palette-add.d.ts

@@ -1,2 +0,0 @@
-import { ColourPickerPaletteAddProps } from './colour-picker.types';
-export declare const ColourPickerPaletteAdd: ({ className, children, ref, ...props }: ColourPickerPaletteAddProps) => import("react").JSX.Element;

package/dist/components/colour-picker/colour-picker-palette-limit.d.ts

@@ -1,2 +0,0 @@
-import { ColourPickerPaletteLimitProps } from './colour-picker.types';
-export declare const ColourPickerPaletteLimit: ({ className, children, ref, ...props }: ColourPickerPaletteLimitProps) => import("react").JSX.Element | null;

package/dist/components/colour-picker/colour-picker-palette-list.d.ts

@@ -1,2 +0,0 @@
-import { ColourPickerPaletteListProps } from './colour-picker.types';
-export declare const ColourPickerPaletteList: ({ className, children, ref, ...props }: ColourPickerPaletteListProps) => import("react").JSX.Element;

package/dist/components/colour-picker/colour-picker-palette-swatch.d.ts

@@ -1,2 +0,0 @@
-import { ColourPickerPaletteSwatchProps } from './colour-picker.types';
-export declare const ColourPickerPaletteSwatch: ({ size, colour, className, children, ref, ...props }: ColourPickerPaletteSwatchProps) => import("react").JSX.Element;

package/dist/components/colour-picker/colour-picker-row.d.ts

@@ -1,2 +0,0 @@
-import { ColourPickerRowProps } from './colour-picker.types';
-export declare const ColourPickerRow: ({ className, children, ref, ...props }: ColourPickerRowProps) => import("react").JSX.Element;

package/dist/components/colour-picker/colour-picker-transparency-slider.d.ts

@@ -1,3 +0,0 @@
-import { default as React } from 'react';
-import { ColourPickerTransparencySliderProps } from './colour-picker.types';
-export declare const ColourPickerTransparencySlider: ({ className, ref, ...props }: ColourPickerTransparencySliderProps) => React.JSX.Element;

package/dist/components/colour-picker/colour-picker-value-type.d.ts

@@ -1,2 +0,0 @@
-import { ColourPickerValueTypeProps } from './colour-picker.types';
-export declare const ColourPickerValueType: ({ className, children, ref, ...props }: ColourPickerValueTypeProps) => import("react").JSX.Element;

package/dist/components/colour-picker/colour-picker.d.ts

@@ -1,4 +0,0 @@
-import { default as React } from 'react';
-import { ColourPickerProps, ColourPickerContextType } from './colour-picker.types';
-export declare const ColourPicker: ({ variant, defaultColour, defaultPalette, paletteLimit, onColourChange, className, children, ref, ...props }: ColourPickerProps) => React.JSX.Element;
-export declare const useColourPicker: () => ColourPickerContextType;

package/dist/components/colour-picker/colour-picker.types.d.ts

@@ -1,100 +0,0 @@
-import { default as chroma } from 'chroma-js';
-import { VariantProps } from 'class-variance-authority';
-import { Button } from '../button';
-import { ColourChannelSlider } from '../colour-channel-slider';
-import { InputGroup } from '../input-group';
-import { SelectTrigger } from '../select';
-export type ColourPickerContextType = {
-    colour: chroma.Color;
-    setColour: (colour: chroma.Color) => void;
-    hue: number;
-    saturation: number;
-    value: number;
-    alpha: number;
-    setHue: (hue: number) => void;
-    setSaturation: (saturation: number) => void;
-    setValue: (value: number) => void;
-    setAlpha: (alpha: number) => void;
-    setLightness: (lightness: number) => void;
-    valueType: ValueType;
-    setValueType: (valueType: ValueType) => void;
-    palette: chroma.Color[];
-    setPalette: (palette: chroma.Color[]) => void;
-    addPaletteColour: (colour: chroma.Color) => void;
-    paletteLimit?: number;
-};
-export type ColourPickerState = {
-    hue: number;
-    saturation: number;
-    value: number;
-    alpha: number;
-    valueType: ValueType;
-    palette: chroma.Color[];
-};
-export type ColourPickerAction = {
-    type: 'set_colour';
-    colour: chroma.Color;
-} | {
-    type: 'set_hue';
-    hue: number;
-} | {
-    type: 'set_saturation';
-    saturation: number;
-} | {
-    type: 'set_value';
-    value: number;
-} | {
-    type: 'set_alpha';
-    alpha: number;
-} | {
-    type: 'set_lightness';
-    lightness: number;
-} | {
-    type: 'set_value_type';
-    valueType: ValueType;
-} | {
-    type: 'set_palette';
-    palette: chroma.Color[];
-} | {
-    type: 'add_palette_colour';
-    colour: chroma.Color;
-};
-export type ColourPickerProps = React.ComponentProps<'div'> & VariantProps<typeof colourPickerVariants> & {
-    defaultColour?: string;
-    defaultPalette?: string[];
-    paletteLimit?: number;
-    onColourChange?: (colour: chroma.Color) => void;
-};
-export declare const colourPickerVariants: (props?: ({
-    variant?: "ghost" | "outline" | "elevated" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const colourPickerSwatchVariants: (props?: ({
-    size?: "small" | "large" | "medium" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export declare const VALUE_TYPES: ValueType[];
-export type ValueType = {
-    label: string;
-    value: string;
-    getValue: (colour: chroma.Color) => any;
-    parseValue: (value: string) => chroma.Color | undefined;
-};
-export type ColourPickerInputProps = React.ComponentProps<typeof InputGroup>;
-export type ColourPickerAreaProps = React.ComponentProps<'div'>;
-export type ColourPickerHueSliderProps = Partial<React.ComponentProps<typeof ColourChannelSlider>>;
-export type ColourPickerLightnessSliderProps = Partial<React.ComponentProps<typeof ColourChannelSlider>>;
-export type ColourPickerTransparencySliderProps = Partial<React.ComponentProps<typeof ColourChannelSlider>>;
-export type ColourPickerValueTypeProps = React.ComponentProps<typeof SelectTrigger>;
-export type ColourPickerRowProps = React.ComponentProps<'div'>;
-export type ColourPickerGroupProps = React.ComponentProps<'div'>;
-export type ColourPickerLabelProps = React.ComponentProps<'span'>;
-export type ColourPickerPaletteListProps = Omit<React.ComponentProps<'ul'>, 'children'> & {
-    children?: (props: {
-        colour: chroma.Color;
-        index: number;
-    }) => React.ReactNode;
-};
-export type ColourPickerPaletteSwatchProps = React.ComponentProps<'button'> & VariantProps<typeof colourPickerSwatchVariants> & {
-    colour: chroma.Color;
-};
-export type ColourPickerPaletteAddProps = React.ComponentProps<typeof Button>;
-export type ColourPickerPaletteLimitProps = React.ComponentProps<'span'>;

package/dist/components/colour-picker/index.d.ts

@@ -1,13 +0,0 @@
-export { ColourPicker } from './colour-picker';
-export { ColourPickerArea } from './colour-picker-area';
-export { ColourPickerGroup } from './colour-picker-group';
-export { ColourPickerHueSlider } from './colour-picker-hue-slider';
-export { ColourPickerInput } from './colour-picker-input';
-export { ColourPickerLabel } from './colour-picker-label';
-export { ColourPickerPaletteLimit } from './colour-picker-palette-limit';
-export { ColourPickerPaletteList } from './colour-picker-palette-list';
-export { ColourPickerPaletteSwatch } from './colour-picker-palette-swatch';
-export { ColourPickerRow } from './colour-picker-row';
-export { ColourPickerTransparencySlider } from './colour-picker-transparency-slider';
-export { ColourPickerValueType } from './colour-picker-value-type';
-export type { ColourPickerProps, ColourPickerPaletteAddProps, ColourPickerState, ColourPickerAction, ColourPickerAreaProps, ColourPickerContextType, ColourPickerGroupProps, ColourPickerHueSliderProps, ColourPickerInputProps, ColourPickerLabelProps, ColourPickerPaletteLimitProps, ColourPickerPaletteListProps, ColourPickerPaletteSwatchProps, ColourPickerRowProps, ColourPickerTransparencySliderProps, ColourPickerValueTypeProps, } from './colour-picker.types';