@pixpilot/shadcn 0.4.0 → 0.6.0

package/dist/components/ui/color-picker.d.cts

@@ -0,0 +1,94 @@
+import { Button, buttonVariants } from "./button.cjs";
+import { Input } from "./input.cjs";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.cjs";
+import { Select, SelectTrigger } from "./select.cjs";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+
+//#region src/components/ui/color-picker.d.ts
+declare const colorFormats: readonly ["hex", "rgb", "hsl", "hsb"];
+interface DivProps extends React.ComponentProps<'div'> {
+  asChild?: boolean;
+}
+type ColorFormat = (typeof colorFormats)[number];
+/**
+ * @see https://gist.github.com/bkrmendy/f4582173f50fab209ddfef1377ab31e3
+ */
+interface EyeDropper {
+  open: (options?: {
+    signal?: AbortSignal;
+  }) => Promise<{
+    sRGBHex: string;
+  }>;
+}
+declare global {
+  interface Window {
+    EyeDropper?: {
+      new (): EyeDropper;
+    };
+  }
+}
+interface ColorValue {
+  r: number;
+  g: number;
+  b: number;
+  a: number;
+}
+interface HSVColorValue {
+  h: number;
+  s: number;
+  v: number;
+  a: number;
+}
+declare function colorToString(color: ColorValue, format?: ColorFormat): string;
+declare function parseColorString(value: string): ColorValue | null;
+type Direction = 'ltr' | 'rtl';
+interface StoreState {
+  color: ColorValue;
+  hsv: HSVColorValue;
+  open: boolean;
+  format: ColorFormat;
+}
+declare function useStore<U>(selector: (state: StoreState) => U): U;
+interface ColorPickerProps extends Omit<DivProps, 'onValueChange'>, Pick<React.ComponentProps<typeof Popover>, 'defaultOpen' | 'open' | 'onOpenChange' | 'modal'> {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  dir?: Direction;
+  format?: ColorFormat;
+  defaultFormat?: ColorFormat;
+  onFormatChange?: (format: ColorFormat) => void;
+  name?: string;
+  asChild?: boolean;
+  disabled?: boolean;
+  inline?: boolean;
+  readOnly?: boolean;
+  required?: boolean;
+}
+declare function ColorPicker(props: ColorPickerProps): react_jsx_runtime32.JSX.Element;
+declare function ColorPickerTrigger({
+  variant,
+  ...props
+}: React.ComponentProps<typeof PopoverTrigger> & {
+  variant?: VariantProps<typeof buttonVariants>['variant'];
+}): react_jsx_runtime32.JSX.Element;
+declare function ColorPickerContent(props: React.ComponentProps<typeof PopoverContent>): react_jsx_runtime32.JSX.Element;
+declare function ColorPickerArea(props: DivProps): react_jsx_runtime32.JSX.Element;
+declare function ColorPickerHueSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime32.JSX.Element;
+declare function ColorPickerAlphaSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime32.JSX.Element;
+declare function ColorPickerSwatch(props: DivProps): react_jsx_runtime32.JSX.Element;
+declare function ColorPickerEyeDropper(props: React.ComponentProps<typeof Button>): react_jsx_runtime32.JSX.Element | null;
+interface ColorPickerFormatSelectProps extends Omit<React.ComponentProps<typeof Select>, 'value' | 'onValueChange'>, Pick<React.ComponentProps<typeof SelectTrigger>, 'size' | 'className'> {}
+declare function ColorPickerFormatSelect(props: ColorPickerFormatSelectProps): react_jsx_runtime32.JSX.Element;
+interface ColorPickerInputProps extends Omit<React.ComponentProps<typeof Input>, 'value' | 'onChange' | 'color'> {
+  withoutAlpha?: boolean;
+}
+declare function ColorPickerInput(props: ColorPickerInputProps): react_jsx_runtime32.JSX.Element | undefined;
+declare const colorUtils: {
+  colorToString: typeof colorToString;
+  parseColorString: typeof parseColorString;
+};
+//#endregion
+export { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, type ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, colorUtils, useStore };

package/dist/components/ui/color-picker.d.ts

@@ -0,0 +1,94 @@
+import { Button, buttonVariants } from "./button.js";
+import { Input } from "./input.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
+import { Select, SelectTrigger } from "./select.js";
+import { VariantProps } from "class-variance-authority";
+import * as React from "react";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+
+//#region src/components/ui/color-picker.d.ts
+declare const colorFormats: readonly ["hex", "rgb", "hsl", "hsb"];
+interface DivProps extends React.ComponentProps<'div'> {
+  asChild?: boolean;
+}
+type ColorFormat = (typeof colorFormats)[number];
+/**
+ * @see https://gist.github.com/bkrmendy/f4582173f50fab209ddfef1377ab31e3
+ */
+interface EyeDropper {
+  open: (options?: {
+    signal?: AbortSignal;
+  }) => Promise<{
+    sRGBHex: string;
+  }>;
+}
+declare global {
+  interface Window {
+    EyeDropper?: {
+      new (): EyeDropper;
+    };
+  }
+}
+interface ColorValue {
+  r: number;
+  g: number;
+  b: number;
+  a: number;
+}
+interface HSVColorValue {
+  h: number;
+  s: number;
+  v: number;
+  a: number;
+}
+declare function colorToString(color: ColorValue, format?: ColorFormat): string;
+declare function parseColorString(value: string): ColorValue | null;
+type Direction = 'ltr' | 'rtl';
+interface StoreState {
+  color: ColorValue;
+  hsv: HSVColorValue;
+  open: boolean;
+  format: ColorFormat;
+}
+declare function useStore<U>(selector: (state: StoreState) => U): U;
+interface ColorPickerProps extends Omit<DivProps, 'onValueChange'>, Pick<React.ComponentProps<typeof Popover>, 'defaultOpen' | 'open' | 'onOpenChange' | 'modal'> {
+  value?: string;
+  defaultValue?: string;
+  onValueChange?: (value: string) => void;
+  dir?: Direction;
+  format?: ColorFormat;
+  defaultFormat?: ColorFormat;
+  onFormatChange?: (format: ColorFormat) => void;
+  name?: string;
+  asChild?: boolean;
+  disabled?: boolean;
+  inline?: boolean;
+  readOnly?: boolean;
+  required?: boolean;
+}
+declare function ColorPicker(props: ColorPickerProps): react_jsx_runtime32.JSX.Element;
+declare function ColorPickerTrigger({
+  variant,
+  ...props
+}: React.ComponentProps<typeof PopoverTrigger> & {
+  variant?: VariantProps<typeof buttonVariants>['variant'];
+}): react_jsx_runtime32.JSX.Element;
+declare function ColorPickerContent(props: React.ComponentProps<typeof PopoverContent>): react_jsx_runtime32.JSX.Element;
+declare function ColorPickerArea(props: DivProps): react_jsx_runtime32.JSX.Element;
+declare function ColorPickerHueSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime32.JSX.Element;
+declare function ColorPickerAlphaSlider(props: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime32.JSX.Element;
+declare function ColorPickerSwatch(props: DivProps): react_jsx_runtime32.JSX.Element;
+declare function ColorPickerEyeDropper(props: React.ComponentProps<typeof Button>): react_jsx_runtime32.JSX.Element | null;
+interface ColorPickerFormatSelectProps extends Omit<React.ComponentProps<typeof Select>, 'value' | 'onValueChange'>, Pick<React.ComponentProps<typeof SelectTrigger>, 'size' | 'className'> {}
+declare function ColorPickerFormatSelect(props: ColorPickerFormatSelectProps): react_jsx_runtime32.JSX.Element;
+interface ColorPickerInputProps extends Omit<React.ComponentProps<typeof Input>, 'value' | 'onChange' | 'color'> {
+  withoutAlpha?: boolean;
+}
+declare function ColorPickerInput(props: ColorPickerInputProps): react_jsx_runtime32.JSX.Element | undefined;
+declare const colorUtils: {
+  colorToString: typeof colorToString;
+  parseColorString: typeof parseColorString;
+};
+//#endregion
+export { ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerContent, ColorPickerEyeDropper, ColorPickerFormatSelect, ColorPickerHueSlider, ColorPickerInput, type ColorPickerProps, ColorPickerSwatch, ColorPickerTrigger, colorUtils, useStore };