ropav 0.12.0 → 0.12.2

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 (61) hide show
  1. package/AGENTS.md +150 -0
  2. package/README.md +5 -1
  3. package/dist/components/breadcrumbs/breadcrumbs-item.js +2 -0
  4. package/dist/components/calendar-year-picker/calendar-year-picker-grid.js +1 -0
  5. package/dist/components/checkbox/checkbox-root.js +2 -0
  6. package/dist/components/combo-box/combo-box-root.js +1 -0
  7. package/dist/components/date-input-group/date-input-group-hidden-input.js +2 -1
  8. package/dist/components/date-picker/date-picker-root.js +1 -0
  9. package/dist/components/date-range-picker/date-range-picker-root.js +1 -0
  10. package/dist/components/form/form-root.js +7 -1
  11. package/dist/components/radio-group/radio-group-root.js +2 -1
  12. package/dist/components/search-field/search-field-group.js +21 -1
  13. package/dist/components/select/select-root.js +1 -0
  14. package/dist/components/splitter/splitter.state.js +6 -1
  15. package/dist/components/switch/switch-root.js +2 -0
  16. package/dist/components/table/table-body.js +1 -1
  17. package/dist/components/table/table-cell.js +3 -1
  18. package/dist/components/table/table-column-resizer.js +2 -1
  19. package/dist/components/table/table-load-more.js +1 -1
  20. package/dist/components/table/use-grid-selection-announcement.js +3 -1
  21. package/dist/components/table/use-table-collection.js +3 -0
  22. package/dist/components/tabs/tabs-list-container.js +2 -1
  23. package/dist/composables/use-calendar-grid.js +2 -1
  24. package/dist/composables/use-checkbox-group-state.js +2 -0
  25. package/dist/composables/use-collection.js +12 -0
  26. package/dist/composables/use-color-field-state.js +1 -0
  27. package/dist/composables/use-color-field.js +31 -29
  28. package/dist/composables/use-combo-box-state.d.ts +2 -0
  29. package/dist/composables/use-combo-box-state.js +5 -2
  30. package/dist/composables/use-combo-box.js +2 -1
  31. package/dist/composables/use-date-field-state.js +1 -0
  32. package/dist/composables/use-date-picker-state.d.ts +2 -0
  33. package/dist/composables/use-date-picker-state.js +1 -0
  34. package/dist/composables/use-date-range-picker-state.d.ts +2 -0
  35. package/dist/composables/use-date-range-picker-state.js +2 -0
  36. package/dist/composables/use-description.js +1 -0
  37. package/dist/composables/use-disclosure-panel.js +2 -1
  38. package/dist/composables/use-drag.js +9 -6
  39. package/dist/composables/use-drop.js +2 -1
  40. package/dist/composables/use-droppable-collection.js +2 -1
  41. package/dist/composables/use-form-validation-state.d.ts +48 -5
  42. package/dist/composables/use-form-validation-state.js +76 -7
  43. package/dist/composables/use-input-otp.js +5 -2
  44. package/dist/composables/use-move.js +2 -1
  45. package/dist/composables/use-number-field-state.js +1 -0
  46. package/dist/composables/use-radio-group-state.js +2 -0
  47. package/dist/composables/use-select-state.d.ts +2 -0
  48. package/dist/composables/use-select-state.js +2 -0
  49. package/dist/composables/use-single-select-list-state.js +1 -0
  50. package/dist/composables/use-text-field.js +1 -0
  51. package/dist/composables/use-time-field-state.js +2 -1
  52. package/dist/composables/use-toolbar.js +3 -1
  53. package/dist/composables/use-virtualizer.js +1 -0
  54. package/dist/index.js +2 -2
  55. package/dist/ropav.min.css +1 -1
  56. package/dist/utils/create-context.js +2 -1
  57. package/dist/utils/platform.js +2 -1
  58. package/dist/utils/position.js +4 -2
  59. package/dist/version.js +1 -1
  60. package/package.json +4 -7
  61. package/dist/styles-compat-0.10.css +0 -3
@@ -25,7 +25,8 @@ var createContext = (options) => {
25
25
  return value;
26
26
  };
27
27
  const useContext = () => {
28
- const context = inject(key, options.strict === false ? options.defaultValue : void 0);
28
+ const fallback = options.strict === false ? options.defaultValue : void 0;
29
+ const context = inject(key, fallback);
29
30
  if (context === void 0) throw new Error(errorMessage ?? `\`${name}\` was consumed outside of its provider component.`);
30
31
  return context;
31
32
  };
@@ -11,7 +11,8 @@
11
11
  var test = (pattern) => typeof navigator !== "undefined" && pattern.test(navigator.userAgent);
12
12
  var testPlatform = (pattern) => {
13
13
  if (typeof navigator === "undefined") return false;
14
- return pattern.test(navigator.userAgentData?.platform ?? navigator.platform);
14
+ const data = navigator.userAgentData;
15
+ return pattern.test(data?.platform ?? navigator.platform);
15
16
  };
16
17
  var isMac = () => testPlatform(/^Mac/i);
17
18
  var isIPhone = () => testPlatform(/^iPhone/i);
@@ -183,8 +183,10 @@ var computePosition = (childOffset, overlaySize, placementInfo, offset, crossOff
183
183
  const minPosition = childOffset[crossAxis] - overlaySize[crossSize] + arrowSize + arrowBoundaryOffset;
184
184
  const maxPosition = childOffset[crossAxis] + childOffset[crossSize] - arrowSize - arrowBoundaryOffset;
185
185
  position[crossAxis] = clamp(position[crossAxis], minPosition, maxPosition);
186
- if (placement === axis) position[FLIPPED_DIRECTION[axis]] = Math.floor((isContainerPositioned ? containerDimensions[size] : containerDimensions[TOTAL_SIZE[size]]) - childOffset[axis] + offset);
187
- else position[axis] = Math.floor(childOffset[axis] + childOffset[size] + offset);
186
+ if (placement === axis) {
187
+ const containerHeight = isContainerPositioned ? containerDimensions[size] : containerDimensions[TOTAL_SIZE[size]];
188
+ position[FLIPPED_DIRECTION[axis]] = Math.floor(containerHeight - childOffset[axis] + offset);
189
+ } else position[axis] = Math.floor(childOffset[axis] + childOffset[size] + offset);
188
190
  return position;
189
191
  };
190
192
  var getMaxHeight = (position, boundaryDimensions, containerOffsetWithBoundary, margins, padding, overlayHeight, heightGrowthDirection, containerDimensions, isContainerDescendentOfBoundary, visualViewport) => {
package/dist/version.js CHANGED
@@ -1,4 +1,4 @@
1
1
  //#region src/version.ts
2
- var ROPAV_VERSION = "0.12.0";
2
+ var ROPAV_VERSION = "0.12.2";
3
3
  //#endregion
4
4
  export { ROPAV_VERSION };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "ropav",
3
- "version": "0.12.0",
4
- "description": "🚀 Beautiful and modern Vue UI library built with Vapor Mode and Tailwind CSS 4.0.",
3
+ "version": "0.12.2",
4
+ "description": "Vapor-native Vue 3 component library — accessible by default, styled with framework-agnostic CSS.",
5
5
  "keywords": [
6
6
  "components",
7
7
  "ropav",
@@ -24,6 +24,7 @@
24
24
  "directory": "packages/ropav"
25
25
  },
26
26
  "files": [
27
+ "AGENTS.md",
27
28
  "dist"
28
29
  ],
29
30
  "type": "module",
@@ -44,10 +45,6 @@
44
45
  "default": "./dist/styles.css"
45
46
  },
46
47
  "./styles/bundled.css": "./dist/ropav.min.css",
47
- "./styles/compat-0.10.css": {
48
- "style": "./dist/styles-compat-0.10.css",
49
- "default": "./dist/styles-compat-0.10.css"
50
- },
51
48
  "./accordion": {
52
49
  "import": "./dist/components/accordion/index.js",
53
50
  "types": "./dist/components/accordion/index.d.ts"
@@ -420,7 +417,7 @@
420
417
  "@internationalized/date": "3.12.4",
421
418
  "@internationalized/number": "3.6.8",
422
419
  "@internationalized/string": "3.2.10",
423
- "@ropav/styles": "0.12.0"
420
+ "@ropav/styles": "0.12.2"
424
421
  },
425
422
  "peerDependencies": {
426
423
  "vue": "^3.6.0-rc.8"
@@ -1,3 +0,0 @@
1
- /* The palette under its pre-prefix names, for an app mid-migration. Opt in *beside*
2
- * `ropav/styles`; it carries no component rules. Going at 1.0 — see the file it imports. */
3
- @import "@ropav/styles/compat-0.10.css";