@kitlangton/knobs 0.3.0 → 0.4.0-next.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.
Files changed (62) hide show
  1. package/README.md +350 -45
  2. package/dist/dev/{chunk-jx1ktap3.js → chunk-1qzffbpa.js} +497 -422
  3. package/dist/dev/{chunk-7xgkerd2.js → chunk-3ygqgy1x.js} +23 -1
  4. package/dist/dev/{chunk-pmkvb9ep.js → chunk-8mabjeyk.js} +1920 -507
  5. package/dist/dev/{chunk-v8ssbcbk.js → chunk-ayb292zj.js} +13 -11
  6. package/dist/dev/index.js +10 -5
  7. package/dist/index.js +25 -1
  8. package/dist/panel.js +2954 -1291
  9. package/dist/react.js +294 -6
  10. package/dist/solid.js +292 -4
  11. package/dist/themes.js +1509 -7
  12. package/dist/types/core/adapter.d.ts +6 -2
  13. package/dist/types/core/appearance.d.ts +44 -0
  14. package/dist/types/core/glide.d.ts +7 -0
  15. package/dist/types/core/motion.d.ts +66 -0
  16. package/dist/types/core/root.d.ts +13 -0
  17. package/dist/types/core/store.d.ts +18 -5
  18. package/dist/types/core/theme.d.ts +10 -3
  19. package/dist/types/index.d.ts +2 -1
  20. package/dist/types/panel/gpu/color.d.ts +6 -0
  21. package/dist/types/panel/motion.d.ts +1 -1
  22. package/dist/types/panel/styles.d.ts +2 -3
  23. package/dist/types/themes/define.d.ts +104 -0
  24. package/dist/types/themes/index.d.ts +11 -0
  25. package/dist/types/themes/knobs.d.ts +5 -0
  26. package/dist/types/themes/void.d.ts +8 -0
  27. package/dist/types/tokens/color.d.ts +42 -0
  28. package/dist/types/tokens/css.d.ts +13 -0
  29. package/dist/types/tokens/evaluate.d.ts +8 -0
  30. package/dist/types/tokens/index.d.ts +4 -0
  31. package/dist/types/tokens/schema.d.ts +1100 -0
  32. package/dist/types/ui/bento-css.d.ts +1 -1
  33. package/dist/types/ui/compare-css.d.ts +1 -0
  34. package/dist/types/ui/compare-frames.d.ts +41 -0
  35. package/dist/types/ui/compare-gpu.d.ts +58 -0
  36. package/dist/types/ui/compare-model.d.ts +169 -0
  37. package/dist/types/ui/compare-mp4.d.ts +29 -0
  38. package/dist/types/ui/compare-strip.d.ts +28 -0
  39. package/dist/types/ui/compare.d.ts +103 -0
  40. package/dist/types/ui/diff-css.d.ts +1 -0
  41. package/dist/types/ui/diff-model.d.ts +128 -0
  42. package/dist/types/ui/diff-scroll.d.ts +29 -0
  43. package/dist/types/ui/diff.d.ts +158 -0
  44. package/dist/types/ui/index.d.ts +10 -2
  45. package/dist/types/ui/look.d.ts +18 -13
  46. package/dist/types/ui/overlay-css.d.ts +1 -1
  47. package/dist/types/ui/react.d.ts +66 -0
  48. package/dist/types/ui/readout-css.d.ts +1 -1
  49. package/dist/types/ui/readout-model.d.ts +5 -1
  50. package/dist/types/ui/rgba.d.ts +11 -0
  51. package/dist/types/ui/scrollbar.d.ts +2 -2
  52. package/dist/types/ui/solid.d.ts +52 -0
  53. package/dist/types/ui/timeline.d.ts +35 -2
  54. package/dist/types/ui/tree.d.ts +7 -2
  55. package/dist/types/ui/walkthrough-css.d.ts +1 -0
  56. package/dist/types/ui/walkthrough-media.d.ts +29 -0
  57. package/dist/types/ui/walkthrough-model.d.ts +447 -0
  58. package/dist/types/ui/walkthrough.d.ts +63 -0
  59. package/dist/ui-react.js +18352 -8462
  60. package/dist/ui-solid.js +17947 -8148
  61. package/dist/ui.js +19240 -9701
  62. package/package.json +6 -1
@@ -997,6 +997,28 @@ function springCss2(value) {
997
997
  return { easing, duration: ms };
998
998
  }
999
999
 
1000
+ // src/core/motion.ts
1001
+ var SPRINGS2 = {
1002
+ instant: { duration: 0.1, bounce: 0 },
1003
+ snappy: { duration: 0.25, bounce: 0 },
1004
+ default: { duration: 0.3, bounce: 0 },
1005
+ calm: { duration: 0.4, bounce: 0 },
1006
+ smooth: { duration: 0.45, bounce: 0 }
1007
+ }, FADE = { duration: 0.16, bounce: 0 };
1008
+ var MOTION = Object.fromEntries(Object.entries(SPRINGS2).map(([name, spring]) => [name, springMotion2(spring)])), reducedMotion = (win) => win?.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1;
1009
+ function reducedSpring2(spring, kind, reduced) {
1010
+ if (!reduced)
1011
+ return spring;
1012
+ if (kind === "move")
1013
+ return null;
1014
+ return spring.duration <= FADE.duration ? spring : FADE;
1015
+ }
1016
+ var springLinear = (spring) => {
1017
+ let { omega, zeta } = springMotion2(spring);
1018
+ return springEasing(omega, zeta);
1019
+ }, names = Object.keys(SPRINGS2), linear2 = Object.fromEntries(names.map((n) => [n, springLinear(SPRINGS2[n])])), SPRING_TOKEN = `${SPRINGS2.default.duration} ${SPRINGS2.default.bounce}`, DEFAULT_LINEAR = linear2.default, motionCss = `:where(:root,:host){${names.map((n) => `--_k-motion-${n}:${linear2[n].easing};--_k-motion-${n}-ms:${linear2[n].ms}`).join(";")}}
1020
+ @media(prefers-reduced-motion:reduce){:where(:root,:host){${names.map((n) => `--_k-motion-${n}-ms:0`).join(";")}}}`;
1021
+
1000
1022
  // src/core/internal.ts
1001
1023
  var RESHAPE = Symbol.for("knobs.reshape"), RESET_KEYS = Symbol.for("knobs.resetKeys"), REFRESHES = Symbol.for("knobs.refreshes");
1002
1024
 
@@ -1138,4 +1160,4 @@ function urlFlag2(name) {
1138
1160
  }
1139
1161
  var storageKey = (id, part) => `knobs:${encodeURIComponent(id)}:${part}:v1`;
1140
1162
 
1141
- export { __preload, __chunks, maxChroma, oklchToRgb, parseColor2, fitColor, formatColor, colorHex2, EASINGS2, EASING_Y, easingName, bezierPoint2, bezierCss2, normalizeCombo2, letterOf2, comboFromEvent2, heldMods, matchesCombo2, comboParts2, comboLabel2, isTypingTarget, GRADIENT_SAMPLES, sampleGradient2, gradientSamples, gradientCss2, stopColorAt, sampleCurve2, curveSamples, CURVE_SHAPES2, inRange, sameRamp, randomStops, mutateStops, randomPoints, mutatePoints, pickMeta, isReadout2, hasValue2, SPRING2, valueKeys, knob2, choice2, action2, flatSpring2, toggle2, spring2, color2, point2, easing2, vec22, vec32, range2, angle2, seed2, keybind2, gradient2, curve2, toolbarShortcut2, actionShortcut2, toolbar2, watch2, sparkline2, graph2, meter2, table2, log2, wrapAngle2, normalizeField, normalize, isRecord, same, equal, Spring, springMotion2, springResponse, springEasing, springCss2, RESHAPE, RESET_KEYS, REFRESHES, readoutState, pushReadout, READOUT, memoryStorage2, browserStorage, urlFlag2, storageKey };
1163
+ export { __preload, __chunks, maxChroma, oklchToRgb, parseColor2, fitColor, formatColor, colorHex2, EASINGS2, EASING_Y, easingName, bezierPoint2, bezierCss2, normalizeCombo2, letterOf2, comboFromEvent2, heldMods, matchesCombo2, comboParts2, comboLabel2, isTypingTarget, GRADIENT_SAMPLES, sampleGradient2, gradientSamples, gradientCss2, stopColorAt, sampleCurve2, curveSamples, CURVE_SHAPES2, inRange, sameRamp, randomStops, mutateStops, randomPoints, mutatePoints, pickMeta, isReadout2, hasValue2, SPRING2, valueKeys, knob2, choice2, action2, flatSpring2, toggle2, spring2, color2, point2, easing2, vec22, vec32, range2, angle2, seed2, keybind2, gradient2, curve2, toolbarShortcut2, actionShortcut2, toolbar2, watch2, sparkline2, graph2, meter2, table2, log2, wrapAngle2, normalizeField, normalize, isRecord, same, equal, Spring, springMotion2, springResponse, springEasing, springCss2, SPRINGS2, FADE, MOTION, reducedMotion, reducedSpring2, springLinear, DEFAULT_LINEAR, motionCss, RESHAPE, RESET_KEYS, REFRESHES, readoutState, pushReadout, READOUT, memoryStorage2, browserStorage, urlFlag2, storageKey };