@vuer-ai/vuer-uikit 0.0.120 → 0.0.121

package/dist/chunk-XHJDRQD7.mjs

@@ -1,29 +0,0 @@
-import { useSyncExternalStore } from 'react';
-
-// src/hooks/useIsMobile.ts
-var MOBILE_BREAKPOINT = 768;
-function subscribe(callback) {
-  if (typeof window === "undefined") {
-    return () => {
-    };
-  }
-  const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-  if (mql.addEventListener) {
-    mql.addEventListener("change", callback);
-    return () => mql.removeEventListener("change", callback);
-  }
-  mql.addListener(callback);
-  return () => mql.removeListener(callback);
-}
-function getSnapshot() {
-  if (typeof window === "undefined") return false;
-  return window.innerWidth < MOBILE_BREAKPOINT;
-}
-function getServerSnapshot() {
-  return false;
-}
-function useIsMobile() {
-  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-}
-
-export { useIsMobile };

package/dist/chunk-Y2XVZEXM.mjs

@@ -1,45 +0,0 @@
-import { VectorInput } from './chunk-3NIMV5PH.mjs';
-import { forwardRef, useMemo } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var EulerRadInput = forwardRef(
-  function EulerRadInput2({ value, onValuesChange, display = "rad", ...props }, ref) {
-    const displayValues = useMemo(() => {
-      if (display === "deg") {
-        return value.map((v) => v * 180 / Math.PI);
-      } else if (display === "pi") {
-        return value.map((v) => v / Math.PI);
-      }
-      return value;
-    }, [value, display]);
-    const handleChange = (displayVals) => {
-      let radValues;
-      if (display === "deg") {
-        radValues = displayVals.map((v) => v * Math.PI / 180);
-      } else if (display === "pi") {
-        radValues = displayVals.map((v) => v * Math.PI);
-      } else {
-        radValues = displayVals;
-      }
-      onValuesChange?.(radValues);
-    };
-    const unitSymbol = useMemo(() => {
-      if (display === "deg") return "\xB0";
-      if (display === "pi") return "\u03C0";
-      return "rad";
-    }, [display]);
-    const labels = [`x${unitSymbol}`, `y${unitSymbol}`, `z${unitSymbol}`];
-    return /* @__PURE__ */ jsx(
-      VectorInput,
-      {
-        ref,
-        value: displayValues,
-        onValuesChange: handleChange,
-        labels,
-        ...props
-      }
-    );
-  }
-);
-
-export { EulerRadInput };

package/dist/dial/DialProvider.example.cjs

@@ -1,72 +0,0 @@
-'use strict';
-
-var chunkSL5Q54AH_cjs = require('../chunk-SL5Q54AH.cjs');
-var react = require('react');
-var jsxRuntime = require('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__ */ jsxRuntime.jsx(
-    chunkSL5Q54AH_cjs.DialProvider,
-    {
-      schemas,
-      onValueChange: (name, value) => {
-        console.log(`${name} changed to:`, value);
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", {})
-    }
-  );
-};
-var ControlledExample = () => {
-  const [dialValues, setDialValues] = react.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__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkSL5Q54AH_cjs.DialProvider,
-      {
-        schemas,
-        values: dialValues,
-        onValueChange: handleValueChange,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", {})
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
-    chunkSL5Q54AH_cjs.DialProvider,
-    {
-      schemas,
-      initialValues: { volume: 75, enabled: false },
-      onValueChange: (name, value) => {
-        console.log(`${name} changed to:`, value);
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", {})
-    }
-  );
-};
-
-exports.ControlledExample = ControlledExample;
-exports.SemiControlledExample = SemiControlledExample;
-exports.UncontrolledExample = UncontrolledExample;

package/dist/dial/DialProvider.example.d.cts

@@ -1,7 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare const UncontrolledExample: () => react_jsx_runtime.JSX.Element;
-declare const ControlledExample: () => react_jsx_runtime.JSX.Element;
-declare const SemiControlledExample: () => react_jsx_runtime.JSX.Element;
-
-export { ControlledExample, SemiControlledExample, UncontrolledExample };

package/dist/dial/DialProvider.example.d.ts

@@ -1,7 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare const UncontrolledExample: () => react_jsx_runtime.JSX.Element;
-declare const ControlledExample: () => react_jsx_runtime.JSX.Element;
-declare const SemiControlledExample: () => react_jsx_runtime.JSX.Element;
-
-export { ControlledExample, SemiControlledExample, UncontrolledExample };

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;
-}