@zag-js/color-picker 1.34.1 → 1.35.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/color-picker.anatomy.d.mts +6 -0
- package/dist/color-picker.anatomy.d.ts +6 -0
- package/dist/color-picker.anatomy.js +59 -0
- package/dist/color-picker.anatomy.mjs +33 -0
- package/dist/color-picker.connect.d.mts +10 -0
- package/dist/color-picker.connect.d.ts +10 -0
- package/dist/color-picker.connect.js +681 -0
- package/dist/color-picker.connect.mjs +646 -0
- package/dist/color-picker.dom.d.mts +39 -0
- package/dist/color-picker.dom.d.ts +39 -0
- package/dist/color-picker.dom.js +136 -0
- package/dist/color-picker.dom.mjs +85 -0
- package/dist/color-picker.machine.d.mts +10 -0
- package/dist/color-picker.machine.d.ts +10 -0
- package/dist/color-picker.machine.js +637 -0
- package/dist/color-picker.machine.mjs +610 -0
- package/dist/color-picker.parse.d.mts +5 -0
- package/dist/color-picker.parse.d.ts +5 -0
- package/dist/color-picker.parse.js +33 -0
- package/dist/color-picker.parse.mjs +8 -0
- package/dist/color-picker.props.d.mts +21 -0
- package/dist/color-picker.props.d.ts +21 -0
- package/dist/color-picker.props.js +94 -0
- package/dist/color-picker.props.mjs +58 -0
- package/dist/color-picker.types.d.mts +303 -0
- package/dist/color-picker.types.d.ts +303 -0
- package/dist/color-picker.types.js +18 -0
- package/dist/color-picker.types.mjs +0 -0
- package/dist/index.d.mts +9 -324
- package/dist/index.d.ts +9 -324
- package/dist/index.js +37 -1517
- package/dist/index.mjs +11 -1504
- package/dist/utils/get-channel-display-color.d.mts +5 -0
- package/dist/utils/get-channel-display-color.d.ts +5 -0
- package/dist/utils/get-channel-display-color.js +48 -0
- package/dist/utils/get-channel-display-color.mjs +23 -0
- package/dist/utils/get-channel-input-value.d.mts +11 -0
- package/dist/utils/get-channel-input-value.d.ts +11 -0
- package/dist/utils/get-channel-input-value.js +88 -0
- package/dist/utils/get-channel-input-value.mjs +62 -0
- package/dist/utils/get-slider-background.d.mts +14 -0
- package/dist/utils/get-slider-background.d.ts +14 -0
- package/dist/utils/get-slider-background.js +65 -0
- package/dist/utils/get-slider-background.mjs +40 -0
- package/dist/utils/is-valid-hex.d.mts +4 -0
- package/dist/utils/is-valid-hex.d.ts +4 -0
- package/dist/utils/is-valid-hex.js +40 -0
- package/dist/utils/is-valid-hex.mjs +14 -0
- package/package.json +20 -10
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as _zag_js_anatomy from '@zag-js/anatomy';
|
|
2
|
+
|
|
3
|
+
declare const anatomy: _zag_js_anatomy.Anatomy<"root" | "label" | "control" | "trigger" | "positioner" | "content" | "area" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
|
|
4
|
+
declare const parts: Record<"root" | "label" | "control" | "trigger" | "positioner" | "content" | "area" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect", _zag_js_anatomy.AnatomyPart>;
|
|
5
|
+
|
|
6
|
+
export { anatomy, parts };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as _zag_js_anatomy from '@zag-js/anatomy';
|
|
2
|
+
|
|
3
|
+
declare const anatomy: _zag_js_anatomy.Anatomy<"root" | "label" | "control" | "trigger" | "positioner" | "content" | "area" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect">;
|
|
4
|
+
declare const parts: Record<"root" | "label" | "control" | "trigger" | "positioner" | "content" | "area" | "areaThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderTrack" | "channelSliderThumb" | "channelSliderValueText" | "channelInput" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger" | "formatSelect", _zag_js_anatomy.AnatomyPart>;
|
|
5
|
+
|
|
6
|
+
export { anatomy, parts };
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
|
|
20
|
+
// src/color-picker.anatomy.ts
|
|
21
|
+
var color_picker_anatomy_exports = {};
|
|
22
|
+
__export(color_picker_anatomy_exports, {
|
|
23
|
+
anatomy: () => anatomy,
|
|
24
|
+
parts: () => parts
|
|
25
|
+
});
|
|
26
|
+
module.exports = __toCommonJS(color_picker_anatomy_exports);
|
|
27
|
+
var import_anatomy = require("@zag-js/anatomy");
|
|
28
|
+
var anatomy = (0, import_anatomy.createAnatomy)("color-picker", [
|
|
29
|
+
"root",
|
|
30
|
+
"label",
|
|
31
|
+
"control",
|
|
32
|
+
"trigger",
|
|
33
|
+
"positioner",
|
|
34
|
+
"content",
|
|
35
|
+
"area",
|
|
36
|
+
"areaThumb",
|
|
37
|
+
"valueText",
|
|
38
|
+
"areaBackground",
|
|
39
|
+
"channelSlider",
|
|
40
|
+
"channelSliderLabel",
|
|
41
|
+
"channelSliderTrack",
|
|
42
|
+
"channelSliderThumb",
|
|
43
|
+
"channelSliderValueText",
|
|
44
|
+
"channelInput",
|
|
45
|
+
"transparencyGrid",
|
|
46
|
+
"swatchGroup",
|
|
47
|
+
"swatchTrigger",
|
|
48
|
+
"swatchIndicator",
|
|
49
|
+
"swatch",
|
|
50
|
+
"eyeDropperTrigger",
|
|
51
|
+
"formatTrigger",
|
|
52
|
+
"formatSelect"
|
|
53
|
+
]);
|
|
54
|
+
var parts = anatomy.build();
|
|
55
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
56
|
+
0 && (module.exports = {
|
|
57
|
+
anatomy,
|
|
58
|
+
parts
|
|
59
|
+
});
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
// src/color-picker.anatomy.ts
|
|
2
|
+
import { createAnatomy } from "@zag-js/anatomy";
|
|
3
|
+
var anatomy = createAnatomy("color-picker", [
|
|
4
|
+
"root",
|
|
5
|
+
"label",
|
|
6
|
+
"control",
|
|
7
|
+
"trigger",
|
|
8
|
+
"positioner",
|
|
9
|
+
"content",
|
|
10
|
+
"area",
|
|
11
|
+
"areaThumb",
|
|
12
|
+
"valueText",
|
|
13
|
+
"areaBackground",
|
|
14
|
+
"channelSlider",
|
|
15
|
+
"channelSliderLabel",
|
|
16
|
+
"channelSliderTrack",
|
|
17
|
+
"channelSliderThumb",
|
|
18
|
+
"channelSliderValueText",
|
|
19
|
+
"channelInput",
|
|
20
|
+
"transparencyGrid",
|
|
21
|
+
"swatchGroup",
|
|
22
|
+
"swatchTrigger",
|
|
23
|
+
"swatchIndicator",
|
|
24
|
+
"swatch",
|
|
25
|
+
"eyeDropperTrigger",
|
|
26
|
+
"formatTrigger",
|
|
27
|
+
"formatSelect"
|
|
28
|
+
]);
|
|
29
|
+
var parts = anatomy.build();
|
|
30
|
+
export {
|
|
31
|
+
anatomy,
|
|
32
|
+
parts
|
|
33
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { PropTypes, NormalizeProps } from '@zag-js/types';
|
|
2
|
+
import { ColorPickerService, ColorPickerApi } from './color-picker.types.mjs';
|
|
3
|
+
import '@zag-js/color-utils';
|
|
4
|
+
import '@zag-js/core';
|
|
5
|
+
import '@zag-js/dismissable';
|
|
6
|
+
import '@zag-js/popper';
|
|
7
|
+
|
|
8
|
+
declare function connect<T extends PropTypes>(service: ColorPickerService, normalize: NormalizeProps<T>): ColorPickerApi<T>;
|
|
9
|
+
|
|
10
|
+
export { connect };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { PropTypes, NormalizeProps } from '@zag-js/types';
|
|
2
|
+
import { ColorPickerService, ColorPickerApi } from './color-picker.types.js';
|
|
3
|
+
import '@zag-js/color-utils';
|
|
4
|
+
import '@zag-js/core';
|
|
5
|
+
import '@zag-js/dismissable';
|
|
6
|
+
import '@zag-js/popper';
|
|
7
|
+
|
|
8
|
+
declare function connect<T extends PropTypes>(service: ColorPickerService, normalize: NormalizeProps<T>): ColorPickerApi<T>;
|
|
9
|
+
|
|
10
|
+
export { connect };
|