@snowcone-app/canvas 0.13.0 → 0.14.0
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/advanced.mjs +323 -327
- package/dist/advanced.mjs.map +1 -1
- package/dist/components/VisualGuideOverlay.d.ts +1 -1
- package/dist/components/ui/index.d.ts +34 -34
- package/dist/embed.mjs +34 -34
- package/dist/embed.mjs.map +1 -1
- package/dist/index.mjs +3 -3
- package/dist/style.css +1 -1
- package/dist/{template-fields-IgDV7PRY.js → template-fields-Dw-KK9DX.js} +182 -182
- package/dist/template-fields-Dw-KK9DX.js.map +1 -0
- package/dist/validation-BahKiJWj.js +22973 -0
- package/dist/validation-BahKiJWj.js.map +1 -0
- package/dist/vendor/ui/index.d.ts +35 -0
- package/dist/vendor/ui/lib/utils.d.ts +2 -0
- package/dist/vendor/ui/primitives/Button.d.ts +14 -0
- package/dist/vendor/ui/primitives/accordion.d.ts +37 -0
- package/dist/vendor/ui/primitives/badge.d.ts +20 -0
- package/dist/vendor/ui/primitives/card.d.ts +12 -0
- package/dist/vendor/ui/primitives/checkbox.d.ts +8 -0
- package/dist/vendor/ui/primitives/collapsible.d.ts +10 -0
- package/dist/vendor/ui/primitives/drawer.d.ts +66 -0
- package/dist/vendor/ui/primitives/dropdown-menu.d.ts +27 -0
- package/dist/vendor/ui/primitives/fieldset.d.ts +35 -0
- package/dist/vendor/ui/primitives/input.d.ts +18 -0
- package/dist/vendor/ui/primitives/kbd.d.ts +37 -0
- package/dist/vendor/ui/primitives/label.d.ts +5 -0
- package/dist/vendor/ui/primitives/link.d.ts +52 -0
- package/dist/vendor/ui/primitives/popover.d.ts +26 -0
- package/dist/vendor/ui/primitives/radio-group.d.ts +15 -0
- package/dist/vendor/ui/primitives/select.d.ts +17 -0
- package/dist/vendor/ui/primitives/separator.d.ts +4 -0
- package/dist/vendor/ui/primitives/slider.d.ts +26 -0
- package/dist/vendor/ui/primitives/spinner.d.ts +12 -0
- package/dist/vendor/ui/primitives/surface.d.ts +52 -0
- package/dist/vendor/ui/primitives/switch.d.ts +4 -0
- package/dist/vendor/ui/primitives/tabs.d.ts +28 -0
- package/dist/vendor/ui/primitives/text-field.d.ts +36 -0
- package/dist/vendor/ui/primitives/textarea.d.ts +10 -0
- package/dist/vendor/ui/primitives/tooltip.d.ts +19 -0
- package/package.json +7 -5
- package/dist/template-fields-IgDV7PRY.js.map +0 -1
- package/dist/validation-BpmNOvuY.js +0 -21177
- package/dist/validation-BpmNOvuY.js.map +0 -1
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface TextFieldProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
/**
|
|
4
|
+
* Accessible label for the input.
|
|
5
|
+
* If not provided via children, use aria-label on the div.
|
|
6
|
+
*/
|
|
7
|
+
'aria-label'?: string;
|
|
8
|
+
/**
|
|
9
|
+
* Error state - applies error styling to children inputs
|
|
10
|
+
*/
|
|
11
|
+
isInvalid?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Disabled state - disables all children inputs
|
|
14
|
+
*/
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Required state - marks all children inputs as required
|
|
18
|
+
*/
|
|
19
|
+
required?: boolean;
|
|
20
|
+
}
|
|
21
|
+
/**
|
|
22
|
+
* TextField - A wrapper component that groups Label and Input together.
|
|
23
|
+
*
|
|
24
|
+
* Groups Label and Input with a convenient wrapper that can propagate
|
|
25
|
+
* disabled, required, and invalid states to child inputs.
|
|
26
|
+
*
|
|
27
|
+
* @example
|
|
28
|
+
* ```tsx
|
|
29
|
+
* <TextField>
|
|
30
|
+
* <Label>Email</Label>
|
|
31
|
+
* <Input type="email" placeholder="Enter email..." />
|
|
32
|
+
* </TextField>
|
|
33
|
+
* ```
|
|
34
|
+
*/
|
|
35
|
+
declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
+
export { TextField };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
3
|
+
/** Whether the textarea is in an invalid state */
|
|
4
|
+
isInvalid?: boolean;
|
|
5
|
+
/** Visual variant - auto-detected from Surface context, or can be set explicitly */
|
|
6
|
+
variant?: 'default' | 'filled';
|
|
7
|
+
}
|
|
8
|
+
declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
9
|
+
declare const TextArea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
10
|
+
export { Textarea, TextArea };
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import * as TooltipPrimitive from '@radix-ui/react-tooltip';
|
|
3
|
+
declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
|
|
4
|
+
declare const TooltipRoot: React.FC<TooltipPrimitive.TooltipProps>;
|
|
5
|
+
declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
interface TooltipProps {
|
|
8
|
+
children: React.ReactNode;
|
|
9
|
+
delayDuration?: number;
|
|
10
|
+
skipDelayDuration?: number;
|
|
11
|
+
disableHoverableContent?: boolean;
|
|
12
|
+
delay?: number;
|
|
13
|
+
closeDelay?: number;
|
|
14
|
+
}
|
|
15
|
+
declare const Tooltip: (({ children, delayDuration, delay, ...props }: TooltipProps) => import("react/jsx-runtime").JSX.Element) & {
|
|
16
|
+
Trigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
|
|
17
|
+
Content: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
};
|
|
19
|
+
export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TooltipRoot };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@snowcone-app/canvas",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.14.0",
|
|
4
4
|
"description": "Self-contained canvas editor component for e-commerce product customization",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.mjs",
|
|
@@ -101,8 +101,7 @@
|
|
|
101
101
|
"react-colorful": "^5.6.1",
|
|
102
102
|
"tailwind-merge": "^3.0.0",
|
|
103
103
|
"tailwind-variants": "^3.1.1",
|
|
104
|
-
"@snowcone-app/
|
|
105
|
-
"@snowcone-app/sdk": "0.9.1"
|
|
104
|
+
"@snowcone-app/sdk": "0.11.0"
|
|
106
105
|
},
|
|
107
106
|
"devDependencies": {
|
|
108
107
|
"@axe-core/playwright": "^4.11.0",
|
|
@@ -163,7 +162,8 @@
|
|
|
163
162
|
"vite-plugin-dts": "^4.5.0",
|
|
164
163
|
"vite-plugin-node-polyfills": "^0.24.0",
|
|
165
164
|
"vitest": "^3.2.4",
|
|
166
|
-
"zod": "^4.1.12"
|
|
165
|
+
"zod": "^4.1.12",
|
|
166
|
+
"@snowcone-app/ui": "0.1.43"
|
|
167
167
|
},
|
|
168
168
|
"scripts": {
|
|
169
169
|
"dev": "vite",
|
|
@@ -171,7 +171,9 @@
|
|
|
171
171
|
"build": "vite build",
|
|
172
172
|
"bundle:worker": "node scripts/bundle-worker.js",
|
|
173
173
|
"generate:icons": "npx tsx scripts/generate-icons.ts",
|
|
174
|
-
"build:lib": "pnpm run generate:icons && pnpm run bundle:worker && vite build --config vite.lib.config.ts",
|
|
174
|
+
"build:lib": "pnpm run generate:icons && pnpm run bundle:worker && vite build --config vite.lib.config.ts && pnpm run check:css",
|
|
175
|
+
"check:css": "node scripts/check-css-namespace.mjs",
|
|
176
|
+
"check:classes": "node scripts/prefix-classes.mjs --check",
|
|
175
177
|
"dev:lib": "pnpm run bundle:worker && vite build --config vite.lib.config.ts --watch",
|
|
176
178
|
"preview": "vite preview",
|
|
177
179
|
"typecheck": "tsc --noEmit -p tsconfig.json",
|