@varialkit/colorpicker 0.1.1 → 0.1.3

package/examples.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { ColorPicker, ColorPickerContent, ColorPickerPalette, ColorPickerSwatch, ColorPreview } from "./src";
-import { Menu } from "@solara/menu";
+import { Menu } from "@varialkit/menu";
 
 export const stories = {
   triggered: {
@@ -9,7 +9,7 @@ export const stories = {
     showProps: false,
     render: () => <TriggeredExample />,
     code: `import React from "react";
-import { ColorPicker } from "@solara/colorpicker";
+import { ColorPicker } from "@varialkit/colorpicker";
 
 export function Example() {
   const [color, setColor] = React.useState("#3b82f6");
@@ -23,7 +23,7 @@ export function Example() {
     showProps: false,
     render: () => <AdvancedMenuExample />,
     code: `import React from "react";
-import { ColorPicker } from "@solara/colorpicker";
+import { ColorPicker } from "@varialkit/colorpicker";
 
 export function Example() {
   const [color, setColor] = React.useState("#C94B4B");
@@ -75,7 +75,7 @@ export function Example() {
     showProps: false,
     render: () => <CustomPaletteExample />,
     code: `import React from "react";
-import { ColorPicker } from "@solara/colorpicker";
+import { ColorPicker } from "@varialkit/colorpicker";
 
 export function Example() {
   const [color, setColor] = React.useState("#ff6b6b");
@@ -98,8 +98,8 @@ export function Example() {
     showProps: false,
     render: () => <InlineExample />,
     code: `import React from "react";
-import { ColorPickerContent } from "@solara/colorpicker";
-import { Menu } from "@solara/menu";
+import { ColorPickerContent } from "@varialkit/colorpicker";
+import { Menu } from "@varialkit/menu";
 
 export function Example() {
   const [color, setColor] = React.useState("#22c55e");
@@ -122,7 +122,7 @@ export function Example() {
         <ColorPreview color="#000000" size="lg" shape="circle" label="Ink" />
       </div>
     ),
-    code: `import { ColorPreview } from "@solara/colorpicker";
+    code: `import { ColorPreview } from "@varialkit/colorpicker";
 
 export function Example() {
   return (
@@ -163,7 +163,7 @@ export function Example() {
         </div>
       </div>
     ),
-    code: `import { ColorPreview } from "@solara/colorpicker";
+    code: `import { ColorPreview } from "@varialkit/colorpicker";
 
 export function Example() {
   return (
@@ -227,7 +227,7 @@ export function Example() {
         </ColorPickerSwatch>
       </div>
     ),
-    code: `import { ColorPickerSwatch } from "@solara/colorpicker";
+    code: `import { ColorPickerSwatch } from "@varialkit/colorpicker";
 
 export function Example() {
   return (
@@ -282,7 +282,7 @@ export function Example() {
         ]}
       />
     ),
-    code: `import { ColorPickerPalette } from "@solara/colorpicker";
+    code: `import { ColorPickerPalette } from "@varialkit/colorpicker";
 
 export function Example() {
   return (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varialkit/colorpicker",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "type": "module",
   "main": "src/index.ts",
   "types": "src/index.ts",
@@ -17,8 +17,8 @@
     "react": "^19.0.0"
   },
   "dependencies": {
-    "@varialkit/menu": "0.1.1",
-    "@varialkit/textfield": "0.1.1"
+    "@varialkit/menu": "0.1.3",
+    "@varialkit/textfield": "0.1.3"
   },
   "devDependencies": {
     "@types/react": "19.0.10",

package/src/ColorPicker.tsx

@@ -1,6 +1,6 @@
 import React from "react";
-import { Menu, MenuDropdown } from "@solara/menu";
-import { TextField } from "@solara/textfield";
+import { Menu, MenuDropdown } from "@varialkit/menu";
+import { TextField } from "@varialkit/textfield";
 import type {
   ColorPickerContentProps,
   ColorPickerPaletteEntry,

package/src/ColorPicker.types.ts

@@ -1,5 +1,5 @@
 import type React from "react";
-import type { MenuDropdownProps, MenuProps } from "@solara/menu";
+import type { MenuDropdownProps, MenuProps } from "@varialkit/menu";
 
 export type ColorPickerSize = "sm" | "md" | "lg";
 export type ColorPickerValueFormat = "hex" | "rgba" | "hsla";