@vuer-ai/vuer-uikit 0.0.119 → 0.0.121

package/dist/dial/DialProvider.example.mjs

@@ -1,68 +0,0 @@
-import { DialProvider } from '../chunk-ZTGJIGBC.mjs';
-import { useState } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var UncontrolledExample = () => {
-  const schemas = [
-    { name: "volume", dtype: "number", value: 50, min: 0, max: 100 },
-    { name: "enabled", dtype: "boolean", value: true }
-  ];
-  return /* @__PURE__ */ jsx(
-    DialProvider,
-    {
-      schemas,
-      onValueChange: (name, value) => {
-        console.log(`${name} changed to:`, value);
-      },
-      children: /* @__PURE__ */ jsx("div", {})
-    }
-  );
-};
-var ControlledExample = () => {
-  const [dialValues, setDialValues] = useState({
-    volume: 50,
-    enabled: true
-  });
-  const schemas = [
-    { name: "volume", dtype: "number", min: 0, max: 100 },
-    { name: "enabled", dtype: "boolean" }
-  ];
-  const handleValueChange = (name, value) => {
-    setDialValues((prev) => ({
-      ...prev,
-      [name]: value
-    }));
-    console.log(`${name} changed to:`, value);
-  };
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(
-      DialProvider,
-      {
-        schemas,
-        values: dialValues,
-        onValueChange: handleValueChange,
-        children: /* @__PURE__ */ jsx("div", {})
-      }
-    ),
-    /* @__PURE__ */ jsx("button", { onClick: () => setDialValues({ volume: 0, enabled: false }), children: "Reset All Values" })
-  ] });
-};
-var SemiControlledExample = () => {
-  const schemas = [
-    { name: "volume", dtype: "number", min: 0, max: 100 },
-    { name: "enabled", dtype: "boolean" }
-  ];
-  return /* @__PURE__ */ jsx(
-    DialProvider,
-    {
-      schemas,
-      initialValues: { volume: 75, enabled: false },
-      onValueChange: (name, value) => {
-        console.log(`${name} changed to:`, value);
-      },
-      children: /* @__PURE__ */ jsx("div", {})
-    }
-  );
-};
-
-export { ControlledExample, SemiControlledExample, UncontrolledExample };

package/dist/styles/toast.css

@@ -1,64 +0,0 @@
-/* src/styles/toast.css */
-.vk-toast,
-[data-sonner-toast].vk-toast {
-  background: var(--color-bg-primary) !important;
-  border: none !important;
-  border-radius: var(--radius-uk-md) !important;
-  padding: var(--spacing-lg) !important;
-  box-shadow: 0px 4px 16px 0px var(--color-shadow-secondary) !important;
-  padding-right: 60px !important;
-}
-.vk-toast [data-title] {
-  color: var(--color-text-primary) !important;
-  font-size: var(--text-uk-md) !important;
-  line-height: var(--leading-uk-md) !important;
-  font-weight: 500 !important;
-  display: -webkit-box;
-  line-clamp: 1;
-  box-orient: vertical;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.vk-toast-description {
-  color: var(--color-text-secondary) !important;
-  font-size: var(--text-uk-sm) !important;
-  line-height: var(--leading-uk-sm) !important;
-  font-weight: 400 !important;
-  display: -webkit-box;
-  line-clamp: 3;
-  box-orient: vertical;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.vk-toast button[data-button] {
-  background: transparent !important;
-  color: var(--color-text-primary) !important;
-  border: none !important;
-  font-size: var(--text-uk-sm) !important;
-  line-height: var(--leading-uk-sm) !important;
-  font-weight: 400 !important;
-  border-top-right-radius: var(--radius-uk-md) !important;
-  border-bottom-right-radius: var(--radius-uk-md) !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  text-decoration: none !important;
-  cursor: pointer !important;
-  position: absolute !important;
-  right: 0 !important;
-  top: 0 !important;
-  height: 100% !important;
-  width: 60px !important;
-  display: flex !important;
-  align-items: center !important;
-  justify-content: center !important;
-  text-overflow: ellipsis !important;
-  overflow: hidden !important;
-  white-space: nowrap !important;
-}
-.vk-toast button[data-button]:hover {
-  background: var(--color-bg-secondary) !important;
-}

package/dist/styles/toast.d.cts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/styles/toast.d.ts

@@ -1,2 +0,0 @@
-
-export {  }

package/src/dial/DialProvider.example.tsx

@@ -1,80 +0,0 @@
-import React, { useState } from "react";
-import { DialProvider, DialSchema, DialValue } from "./DialProvider";
-
-// Example 1: Uncontrolled Component (manages its own state)
-export const UncontrolledExample = () => {
-  const schemas: DialSchema[] = [
-    { name: "volume", dtype: "number", value: 50, min: 0, max: 100 },
-    { name: "enabled", dtype: "boolean", value: true },
-  ];
-
-  return (
-    <DialProvider
-      schemas={schemas}
-      onValueChange={(name, value) => {
-        console.log(`${name} changed to:`, value);
-      }}
-    >
-      <div>{/* Your dial components here */}</div>
-    </DialProvider>
-  );
-};
-
-// Example 2: Controlled Component (parent manages state)
-export const ControlledExample = () => {
-  const [dialValues, setDialValues] = useState<Record<string, DialValue>>({
-    volume: 50,
-    enabled: true,
-  });
-
-  const schemas: DialSchema[] = [
-    { name: "volume", dtype: "number", min: 0, max: 100 },
-    { name: "enabled", dtype: "boolean" },
-  ];
-
-  const handleValueChange = (name: string, value: DialValue) => {
-    setDialValues((prev) => ({
-      ...prev,
-      [name]: value,
-    }));
-    console.log(`${name} changed to:`, value);
-  };
-
-  return (
-    <div>
-      <DialProvider
-        schemas={schemas}
-        values={dialValues} // Pass controlled values
-        onValueChange={handleValueChange}
-      >
-        <div>{/* Your dial components here */}</div>
-      </DialProvider>
-      
-      {/* Parent can also control values externally */}
-      <button onClick={() => setDialValues({ volume: 0, enabled: false })}>
-        Reset All Values
-      </button>
-    </div>
-  );
-};
-
-// Example 3: Semi-controlled (initial values + onChange)
-export const SemiControlledExample = () => {
-  const schemas: DialSchema[] = [
-    { name: "volume", dtype: "number", min: 0, max: 100 },
-    { name: "enabled", dtype: "boolean" },
-  ];
-
-  return (
-    <DialProvider
-      schemas={schemas}
-      initialValues={{ volume: 75, enabled: false }} // Set initial values
-      onValueChange={(name, value) => {
-        // React to changes but don't control the values
-        console.log(`${name} changed to:`, value);
-      }}
-    >
-      <div>{/* Your dial components here */}</div>
-    </DialProvider>
-  );
-};

package/src/styles/toast.css

@@ -1,67 +0,0 @@
-.vk-toast,
-[data-sonner-toast].vk-toast {
-  background: var(--color-bg-primary) !important;
-  border: none !important;
-  border-radius: var(--radius-uk-md) !important;
-  padding: var(--spacing-lg) !important;
-  box-shadow: 0px 4px 16px 0px var(--color-shadow-secondary) !important;
-  padding-right: 60px !important;
-}
-
-.vk-toast [data-title] {
-  color: var(--color-text-primary) !important;
-  font-size: var(--text-uk-md) !important;
-  line-height: var(--leading-uk-md) !important;
-  font-weight: 500 !important;
-  display: -webkit-box;
-  line-clamp: 1;
-  box-orient: vertical;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.vk-toast-description {
-  color: var(--color-text-secondary) !important;
-  font-size: var(--text-uk-sm) !important;
-  line-height: var(--leading-uk-sm) !important;
-  font-weight: 400 !important;
-  display: -webkit-box;
-  line-clamp: 3;
-  box-orient: vertical;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.vk-toast button[data-button] {
-  background: transparent !important;
-  color: var(--color-text-primary) !important;
-  border: none !important;
-  font-size: var(--text-uk-sm) !important;
-  line-height: var(--leading-uk-sm) !important;
-  font-weight: 400 !important;
-  border-top-right-radius: var(--radius-uk-md) !important;
-  border-bottom-right-radius: var(--radius-uk-md) !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  text-decoration: none !important;
-  cursor: pointer !important;
-  position: absolute !important;
-  right: 0 !important;
-  top: 0 !important;
-  height: 100% !important;
-  width: 60px !important;
-  display: flex !important;
-  align-items: center !important;
-  justify-content: center !important;
-  text-overflow: ellipsis !important;
-  overflow: hidden !important;
-  white-space: nowrap !important;
-}
-
-.vk-toast button[data-button]:hover {
-  background: var(--color-bg-secondary) !important;
-}