pxd 0.0.64 → 0.1.2

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pxd",
-  "version": "0.0.64",
-  "description": "A Vue 2.7 & 3.2 universal component library. Built-in light/dark theme. PC & mobile ready. Animation-free mode supported.",
+  "version": "0.1.2",
+  "description": "A universal Vue 2.7 & 3.2 component library built from one codebase. Built-in light/dark theme. PC & mobile ready. Animation-free mode supported.",
   "keywords": [
     "component-library",
     "dark-mode",
@@ -25,13 +25,15 @@
     "type": "git",
     "url": "git+https://github.com/libondev/pxd.git"
   },
-  "style": "./dist/styles/index.css",
+  "style": "./dist/styles/styles.css",
   "files": [
     "dist",
     "volar.d.ts"
   ],
   "type": "module",
-  "sideEffects": false,
+  "sideEffects": [
+    "**/*.css"
+  ],
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -66,10 +68,6 @@
       "types": "./dist/locales/index.d.ts",
       "default": "./dist/locales/index.js"
     },
-    "./utils": {
-      "types": "./dist/utils/index.d.ts",
-      "default": "./dist/utils/index.js"
-    },
     "./volar": "./volar.d.ts",
     "./tw.css": "./dist/styles/tw.css",
     "./styles.css": "./dist/styles/styles.css",
@@ -93,42 +91,52 @@
     "./utils/*": {
       "types": "./dist/utils/*.d.ts",
       "default": "./dist/utils/*.js"
+    },
+    "./*": {
+      "types": "./dist/*.d.ts",
+      "default": "./dist/*"
     }
   },
   "dependencies": {
-    "@chenglou/pretext": "^0.0.6",
-    "@floating-ui/dom": "^1.7.6",
+    "@chenglou/pretext": "^0.0.9",
+    "@floating-ui/dom": "^1.8.0",
     "@gdsicon/vue": "^1.0.9",
-    "@tanstack/virtual-core": "^3.14.0",
-    "dayjs": "^1.11.20",
-    "es-toolkit": "^1.46.1",
-    "focus-trap": "^8.1.0",
-    "tailwind-merge": "^3.5.0",
-    "tailwind-variants": "^3.2.2"
+    "@tanstack/virtual-core": "^3.17.11",
+    "cn": "^0.4.0",
+    "dayjs": "^1.11.23",
+    "focus-trap": "^8.2.2"
   },
   "devDependencies": {
-    "@tailwindcss/cli": "^4.2.4",
-    "@tsconfig/node22": "^22.0.5",
-    "@types/node": "^25.6.0",
-    "@vitejs/plugin-vue": "^6.0.6",
-    "@vue/test-utils": "^2.4.10",
+    "@tailwindcss/cli": "^4.3.3",
+    "@tsconfig/node22": "^22.0.6",
+    "@types/node": "^26.6.3",
+    "@vitejs/plugin-vue": "^6.0.9",
+    "@vue/test-utils": "^2.5.1",
     "@vue/tsconfig": "^0.9.1",
-    "eslint-plugin-better-tailwindcss": "^4.5.0",
-    "fs-extra": "^11.3.4",
-    "happy-dom": "^20.9.0",
+    "eslint-plugin-better-tailwindcss": "^4.7.0",
+    "fs-extra": "^11.4.1",
+    "happy-dom": "^20.14.5",
     "mkdist": "^2.4.1",
-    "npm-run-all2": "^8.0.4",
-    "tinyglobby": "^0.2.16",
+    "npm-run-all2": "^9.0.3",
+    "tinyglobby": "^0.2.17",
+    "tslib": "^2.8.1",
     "typescript": "^6.0.3",
     "unbuild": "^3.6.1",
-    "unplugin-vue-components": "^32.0.0",
-    "vite-plus": "latest",
-    "vue": "^3.5.33",
-    "vue-sfc-transformer": "^0.1.17",
-    "vue-tsc": "^3.2.7"
+    "unplugin-vue-components": "^32.1.0",
+    "vite-plus": "^1.0.0",
+    "vue": "^3.5.43",
+    "vue-router": "4.6.4",
+    "vue-sfc-transformer": "^0.3.0",
+    "vue-tsc": "^3.3.11"
   },
   "peerDependencies": {
-    "vue": ">=2.7.0 || >=3.2.0"
+    "vue": ">=2.7.0 <3.0.0 || >=3.2.0",
+    "vue-router": "^3.5.0 || ^4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "vue-router": {
+      "optional": true
+    }
   },
   "scripts": {
     "dev": "run-s dev:lib dev:docs",
@@ -136,26 +144,29 @@
     "dev:docs": "pnpm --filter docs dev",
     "build": "run-s update-exports build:core build:docs",
     "build:lib": "run-s update-exports build:core build:style",
-    "build:core": "mkdist -d --src=src --ext=js --format=esm",
+    "build:core": "node scripts/build-core.js",
     "build:only": "run-s build:core build:docs",
     "build:docs": "pnpm --filter docs build",
     "build:style": "run-s gen-styles-file gen-tw-css-file",
+    "design:gen": "pnpx @google/design.md spec",
+    "design:lint": "pnpx @google/design.md lint packages/docs/public/DESIGN.md",
     "update-exports": "node scripts/update-exports.js",
     "gen-styles-file": "node scripts/gen-css-files.js",
     "gen-tw-css-file": "tailwindcss -i ./dist/styles/source.css -o ./dist/styles/styles.css -m",
-    "gen-volar-dts": "node scripts/gen-component-dts.js",
     "lint": "git diff --staged --name-only --diff-filter=ACMR| xargs -r vp lint",
     "lint:all": "vp lint",
-    "lint:changed": "git diff --name-only --relative --diff-filter=ACMR origin/main ... HEAD | xargs -r vp lint",
+    "lint:changed": "git diff --name-only --relative --diff-filter=ACMR origin/main...HEAD | xargs -r vp lint",
     "lint:fix": "vp lint --fix",
     "fmt": "git diff --staged --name-only --diff-filter=ACMR| xargs -r vp fmt",
     "fmt:all": "vp fmt",
-    "fmt:changed": "git diff --name-only --relative --diff-filter=ACMR origin/main ... HEAD | xargs -r vp fmt",
+    "fmt:eol": "node scripts/fmt-eol.js",
+    "fmt:changed": "git diff --name-only --relative --diff-filter=ACMR origin/main...HEAD | xargs -r vp fmt",
     "fmt:check": "vp fmt --check",
+    "type-check": "vp run typecheck",
     "test": "vp test run",
     "test:watch": "vp test",
     "bump": "pnpx bumpp",
     "preview": "pnpm --filter docs preview",
-    "postversion": "vp run gen-volar-dts && vp run update-exports"
+    "postversion": "vp run update-exports"
   }
 }

package/volar.d.ts

@@ -4,19 +4,26 @@ export { }
 declare module 'vue' {
   export interface GlobalComponents {
     PActiveGraph: (typeof import('pxd/components/active-graph'))['default']
+    PApprovalCard: (typeof import('pxd/components/approval-card'))['default']
     PAvatar: (typeof import('pxd/components/avatar'))['default']
     PAvatarGroup: (typeof import('pxd/components/avatar-group'))['default']
     PBacktop: (typeof import('pxd/components/backtop'))['default']
     PBadge: (typeof import('pxd/components/badge'))['default']
     PBook: (typeof import('pxd/components/book'))['default']
+    PBorderBeam: (typeof import('pxd/components/border-beam'))['default']
+    PBreadcrumb: (typeof import('pxd/components/breadcrumb'))['default']
+    PBreadcrumbItem: (typeof import('pxd/components/breadcrumb-item'))['default']
     PBrowser: (typeof import('pxd/components/browser'))['default']
     PBubble: (typeof import('pxd/components/bubble'))['default']
+    PBubbleGroup: (typeof import('pxd/components/bubble-group'))['default']
     PButton: (typeof import('pxd/components/button'))['default']
     PButtonGroup: (typeof import('pxd/components/button-group'))['default']
+    PCalendar: (typeof import('pxd/components/calendar'))['default']
+    PCard: (typeof import('pxd/components/card'))['default']
     PCarousel: (typeof import('pxd/components/carousel'))['default']
-    PCarouselItem: (typeof import('pxd/components/carousel-item'))['default']
     PCheckbox: (typeof import('pxd/components/checkbox'))['default']
     PCheckboxGroup: (typeof import('pxd/components/checkbox-group'))['default']
+    PCheckerboard: (typeof import('pxd/components/checkerboard'))['default']
     PChip: (typeof import('pxd/components/chip'))['default']
     PChoicebox: (typeof import('pxd/components/choicebox'))['default']
     PChoiceboxItem: (typeof import('pxd/components/choicebox-item'))['default']
@@ -24,30 +31,38 @@ declare module 'vue' {
     PCollapseGroup: (typeof import('pxd/components/collapse-group'))['default']
     PColorSelector: (typeof import('pxd/components/color-selector'))['default']
     PCommandMenu: (typeof import('pxd/components/command-menu'))['default']
-    PCommandMenuGroup: (typeof import('pxd/components/command-menu-group'))['default']
     PConfigProvider: (typeof import('pxd/components/config-provider'))['default']
+    PCopyButton: (typeof import('pxd/components/copy-button'))['default']
     PCountdown: (typeof import('pxd/components/countdown'))['default']
     PDashLine: (typeof import('pxd/components/dash-line'))['default']
+    PDatePicker: (typeof import('pxd/components/date-picker'))['default']
     PDescription: (typeof import('pxd/components/description'))['default']
     PDrawer: (typeof import('pxd/components/drawer'))['default']
+    PEffortSlider: (typeof import('pxd/components/effort-slider'))['default']
     PEllipsisText: (typeof import('pxd/components/ellipsis-text'))['default']
     PEmptyState: (typeof import('pxd/components/empty-state'))['default']
     PError: (typeof import('pxd/components/error'))['default']
     PFader: (typeof import('pxd/components/fader'))['default']
+    PFeedbackBar: (typeof import('pxd/components/feedback-bar'))['default']
     PGauge: (typeof import('pxd/components/gauge'))['default']
     PGrid: (typeof import('pxd/components/grid'))['default']
     PGridItem: (typeof import('pxd/components/grid-item'))['default']
     PHoldButton: (typeof import('pxd/components/hold-button'))['default']
+    PHueText: (typeof import('pxd/components/hue-text'))['default']
     PInput: (typeof import('pxd/components/input'))['default']
     PIntersectionObserver: (typeof import('pxd/components/intersection-observer'))['default']
     PKbd: (typeof import('pxd/components/kbd'))['default']
     PLabel: (typeof import('pxd/components/label'))['default']
     PLinkButton: (typeof import('pxd/components/link-button'))['default']
     PList: (typeof import('pxd/components/list'))['default']
+    PListGroup: (typeof import('pxd/components/list-group'))['default']
     PListItem: (typeof import('pxd/components/list-item'))['default']
     PLoadingBar: (typeof import('pxd/components/loading-bar'))['default']
     PLoadingDots: (typeof import('pxd/components/loading-dots'))['default']
+    PMarchingAnts: (typeof import('pxd/components/marching-ants'))['default']
+    PMarquee: (typeof import('pxd/components/marquee'))['default']
     PMaterial: (typeof import('pxd/components/material'))['default']
+    PMention: (typeof import('pxd/components/mention'))['default']
     PMenu: (typeof import('pxd/components/menu'))['default']
     PMessage: (typeof import('pxd/components/message'))['default']
     PMessageItem: (typeof import('pxd/components/message-item'))['default']
@@ -57,39 +72,59 @@ declare module 'vue' {
     PNote: (typeof import('pxd/components/note'))['default']
     PNumberInput: (typeof import('pxd/components/number-input'))['default']
     POverlay: (typeof import('pxd/components/overlay'))['default']
+    PPageNumber: (typeof import('pxd/components/page-number'))['default']
     PPagination: (typeof import('pxd/components/pagination'))['default']
     PPinInput: (typeof import('pxd/components/pin-input'))['default']
     PPlaceholder: (typeof import('pxd/components/placeholder'))['default']
     PPopover: (typeof import('pxd/components/popover'))['default']
     PProgress: (typeof import('pxd/components/progress'))['default']
     PProjectBanner: (typeof import('pxd/components/project-banner'))['default']
+    PQuestionnaire: (typeof import('pxd/components/questionnaire'))['default']
+    PRadialBurst: (typeof import('pxd/components/radial-burst'))['default']
     PRadio: (typeof import('pxd/components/radio'))['default']
     PRadioGroup: (typeof import('pxd/components/radio-group'))['default']
+    PRating: (typeof import('pxd/components/rating'))['default']
+    PReasoning: (typeof import('pxd/components/reasoning'))['default']
     PResizable: (typeof import('pxd/components/resizable'))['default']
-    PResizableHandle: (typeof import('pxd/components/resizable-handle'))['default']
-    PResizablePanel: (typeof import('pxd/components/resizable-panel'))['default']
+    PReveal: (typeof import('pxd/components/reveal'))['default']
+    PRollingNumber: (typeof import('pxd/components/rolling-number'))['default']
     PScalableText: (typeof import('pxd/components/scalable-text'))['default']
+    PScrollProgress: (typeof import('pxd/components/scroll-progress'))['default']
+    PScrollText: (typeof import('pxd/components/scroll-text'))['default']
     PScrollable: (typeof import('pxd/components/scrollable'))['default']
+    PSearchInput: (typeof import('pxd/components/search-input'))['default']
+    PSelect: (typeof import('pxd/components/select'))['default']
     PSeparator: (typeof import('pxd/components/separator'))['default']
+    PShimmerText: (typeof import('pxd/components/shimmer-text'))['default']
     PSkeleton: (typeof import('pxd/components/skeleton'))['default']
     PSlider: (typeof import('pxd/components/slider'))['default']
     PSnippet: (typeof import('pxd/components/snippet'))['default']
     PSpinner: (typeof import('pxd/components/spinner'))['default']
+    PSpinnerDots: (typeof import('pxd/components/spinner-dots'))['default']
+    PSplitButton: (typeof import('pxd/components/split-button'))['default']
     PStack: (typeof import('pxd/components/stack'))['default']
     PStatusDot: (typeof import('pxd/components/status-dot'))['default']
+    PSteps: (typeof import('pxd/components/steps'))['default']
+    PStickToBottom: (typeof import('pxd/components/stick-to-bottom'))['default']
+    PSwipeCell: (typeof import('pxd/components/swipe-cell'))['default']
     PSwitch: (typeof import('pxd/components/switch'))['default']
     PSwitchItem: (typeof import('pxd/components/switch-item'))['default']
     PTabs: (typeof import('pxd/components/tabs'))['default']
-    PTabsItem: (typeof import('pxd/components/tabs-item'))['default']
     PTeleport: (typeof import('pxd/components/teleport'))['default']
     PText: (typeof import('pxd/components/text'))['default']
     PTextarea: (typeof import('pxd/components/textarea'))['default']
     PThemeSwitcher: (typeof import('pxd/components/theme-switcher'))['default']
     PTimePicker: (typeof import('pxd/components/time-picker'))['default']
+    PTimeline: (typeof import('pxd/components/timeline'))['default']
+    PTimelineItem: (typeof import('pxd/components/timeline-item'))['default']
+    PToc: (typeof import('pxd/components/toc'))['default']
+    PTodoList: (typeof import('pxd/components/todo-list'))['default']
     PToggle: (typeof import('pxd/components/toggle'))['default']
     PToggleButton: (typeof import('pxd/components/toggle-button'))['default']
     PToggleButtonGroup: (typeof import('pxd/components/toggle-button-group'))['default']
+    PToolCall: (typeof import('pxd/components/tool-call'))['default']
     PTooltip: (typeof import('pxd/components/tooltip'))['default']
+    PTree: (typeof import('pxd/components/tree'))['default']
     PVirtualList: (typeof import('pxd/components/virtual-list'))['default']
   }
 }

package/dist/components/carousel-item/index.d.vue.ts

@@ -1,13 +0,0 @@
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/carousel-item/index.vue

@@ -1,54 +0,0 @@
-<script setup>
-import { onBeforeUnmount, onMounted, computed, shallowRef } from "vue";
-import { useCarouselContext } from "../../contexts/carousel";
-import { getUniqueId } from "../../utils/uid";
-defineOptions({
-  name: "PCarouselItem",
-  inheritAttrs: false
-});
-const uniqueId = getUniqueId();
-const itemIndex = shallowRef(0);
-const carouselContext = useCarouselContext();
-const transformStyle = computed(() => {
-  if (!carouselContext.props.loop) {
-    return "";
-  }
-  const { carousels, virtualIndex } = carouselContext;
-  const maxLength = carousels.value.length;
-  const lastIndex = maxLength - 1;
-  const activeIndex = virtualIndex.value;
-  if (itemIndex.value === 0 && activeIndex >= lastIndex) {
-    return getTranslateValue(maxLength * 100);
-  } else if (itemIndex.value === lastIndex && activeIndex <= 0) {
-    return getTranslateValue(-maxLength * 100);
-  } else {
-    return "";
-  }
-});
-function updateItemIndex(index) {
-  itemIndex.value = index;
-}
-function getTranslateValue(translate) {
-  const isHorizontal = carouselContext.props.direction === "horizontal";
-  return `translate${isHorizontal ? "X" : "Y"}(${translate}%)`;
-}
-onMounted(() => {
-  carouselContext?.registerCarousel({
-    uid: uniqueId,
-    updateItemIndex
-  });
-});
-onBeforeUnmount(() => {
-  carouselContext?.unregisterCarousel(uniqueId);
-});
-</script>
-
-<template>
-  <div
-    class="pxd-carousel-item size-full shrink-0 content-visibility-auto intrinsic-size-auto"
-    :style="{ transform: transformStyle }"
-    v-bind="$attrs"
-  >
-    <slot />
-  </div>
-</template>

package/dist/components/command-menu-group/index.d.vue.ts

@@ -1,14 +0,0 @@
-import type { CommandMenuGroupProps } from './types';
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: import("vue").DefineComponent<CommandMenuGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<CommandMenuGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/components/command-menu-group/index.vue

@@ -1,31 +0,0 @@
-<script setup>
-import { computed } from "vue";
-import { provideListFilterGroupId, useListFilterContext } from "../../contexts/list";
-import { getUniqueId } from "../../utils/uid";
-defineOptions({
-  name: "PCommandMenuGroup",
-  inheritAttrs: false
-});
-defineProps({
-  label: { type: [String, Number, Array, null], required: true }
-});
-const groupId = getUniqueId("list-group");
-const listFilterContext = useListFilterContext(null);
-const isHidden = computed(() => {
-  if (!listFilterContext || !listFilterContext.searchValue.value.trim()) {
-    return false;
-  }
-  return !listFilterContext.isGroupVisible(groupId);
-});
-provideListFilterGroupId(groupId);
-</script>
-
-<template>
-  <div class="pxd-command-menu-group" role="presentation" :hidden="isHidden" v-bind="$attrs">
-    <div aria-hidden="true" class="h-10 px-2 flex items-center text-13 text-gray-900">
-      {{ label }}
-    </div>
-
-    <slot />
-  </div>
-</template>

package/dist/components/command-menu-group/types.d.ts

@@ -1,5 +0,0 @@
-import type { ComponentLabel } from '../../types/shared'
-
-export interface CommandMenuGroupProps {
-  label: ComponentLabel
-}

package/dist/components/resizable-handle/index.d.vue.ts

@@ -1,6 +0,0 @@
-interface ResizableHandleProps {
-    withHandle?: boolean;
-}
-declare const __VLS_export: import("vue").DefineComponent<ResizableHandleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ResizableHandleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/resizable-handle/index.vue

@@ -1,116 +0,0 @@
-<script setup>
-import { onBeforeUnmount, onMounted } from "vue";
-import { useResizableContext } from "../../contexts/resizable";
-import { getUniqueId } from "../../utils/uid";
-defineOptions({
-  name: "PResizableHandle",
-  inheritAttrs: false
-});
-defineProps({
-  withHandle: { type: Boolean, required: false }
-});
-const uniqueId = getUniqueId();
-const resizableContext = useResizableContext();
-let isDragging = false;
-let startPosition = { x: 0, y: 0 };
-function onDrag(delta) {
-  resizableContext?.onHandleDrag(uniqueId, delta);
-}
-function handlePointerDown(e) {
-  isDragging = true;
-  startPosition = { x: e.clientX, y: e.clientY };
-  e.target.setPointerCapture(e.pointerId);
-}
-function handlePointerMove(e) {
-  if (!isDragging) {
-    return;
-  }
-  const deltaX = e.clientX - startPosition.x;
-  const deltaY = e.clientY - startPosition.y;
-  onDrag({ deltaX, deltaY });
-  startPosition = { x: e.clientX, y: e.clientY };
-}
-function handlePointerUp(e) {
-  ;
-  e.target.releasePointerCapture(e.pointerId);
-  isDragging = false;
-}
-function handleDoubleClick() {
-  resizableContext?.resetPanels();
-}
-onMounted(() => {
-  resizableContext?.registerHandle({
-    id: uniqueId,
-    onDrag
-  });
-});
-onBeforeUnmount(() => {
-  resizableContext?.unregisterHandle(uniqueId);
-});
-</script>
-
-<template>
-  <div
-    class="pxd-resizable-handle relative shrink-0 touch-none bg-border select-none hover:after:bg-primary/15 active:after:bg-primary/20 motion-safe:transition-colors after:motion-safe:transition-colors"
-    :data-handler="withHandle"
-    @pointerdown.prevent="handlePointerDown"
-    @pointermove="handlePointerMove"
-    @pointerup="handlePointerUp"
-    @pointercancel="handlePointerUp"
-    @dblclick.prevent.stop="handleDoubleClick"
-    v-bind="$attrs"
-  />
-</template>
-
-<style lang="postcss">
-.pxd-resizable-handle[data-handler='true']::before {
-  content: '';
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  border-radius: 0.5rem;
-  transform: translate(-50%, -50%);
-  background-color: var(--color-gray-300);
-  pointer-events: none;
-  z-index: 1;
-}
-
-.pxd-resizable-handle::after {
-  content: '';
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  padding: 4px;
-  transform: translate(-50%, -50%);
-}
-
-.pxd-resizable[data-orientation='horizontal'] .pxd-resizable-handle {
-  width: 1px;
-  height: 100%;
-  cursor: ew-resize;
-
-  &::before {
-    width: 0.375rem;
-    height: 1.5rem;
-  }
-
-  &::after {
-    height: 100%;
-  }
-}
-
-.pxd-resizable[data-orientation='vertical'] .pxd-resizable-handle {
-  width: 100%;
-  height: 1px;
-  cursor: ns-resize;
-
-  &::before {
-    width: 1.5rem;
-    height: 0.375rem;
-  }
-
-  &::after {
-    width: 100%;
-  }
-}
-</style>

package/dist/components/resizable-panel/index.vue

@@ -1,57 +0,0 @@
-<script setup>
-import { computed, onBeforeUnmount, onMounted, watch } from "vue";
-import { useResizableContext } from "../../contexts/resizable";
-import { getUniqueId } from "../../utils/uid";
-defineOptions({
-  name: "PResizablePanel",
-  inheritAttrs: false
-});
-const props = defineProps({
-  size: { type: [Number, null], required: false, default: null },
-  minSize: { type: Number, required: false, default: 0 }
-});
-const uniqueId = getUniqueId();
-const resizableContext = useResizableContext();
-const computedStyle = computed(() => {
-  if (!resizableContext) {
-    return {};
-  }
-  const size = resizableContext.panelSizes.value[uniqueId] || 0;
-  return {
-    flexBasis: size > 0 ? `${size}%` : "auto",
-    flexGrow: size > 0 ? 0 : 1,
-    flexShrink: size > 0 ? 0 : 1
-  };
-});
-onMounted(() => {
-  resizableContext?.registerPanel({
-    id: uniqueId,
-    size: props.size,
-    minSize: props.minSize
-  });
-});
-onBeforeUnmount(() => {
-  resizableContext?.unregisterPanel(uniqueId);
-});
-watch(
-  () => [props.size, props.minSize],
-  () => {
-    resizableContext?.registerPanel({
-      id: uniqueId,
-      size: props.size,
-      minSize: props.minSize
-    });
-  },
-  { deep: true }
-);
-</script>
-
-<template>
-  <div
-    class="pxd-resizable-panel min-w-0 min-h-0 overflow-hidden"
-    :style="computedStyle"
-    v-bind="$attrs"
-  >
-    <slot />
-  </div>
-</template>

package/dist/components/resizable-panel/types.d.ts

@@ -1,4 +0,0 @@
-export interface ResizablePanelProps {
-  size?: number | null
-  minSize?: number
-}

package/dist/components/tabs-item/index.d.vue.ts

@@ -1,4 +0,0 @@
-import type { TabsItemProps } from './types';
-declare const __VLS_export: import("vue").DefineComponent<TabsItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TabsItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/components/tabs-item/index.vue

@@ -1,16 +0,0 @@
-<script setup>
-defineOptions({
-  name: "PTabsItem",
-  inheritAttrs: false
-});
-const props = defineProps({
-  label: { type: [String, Number, Array, null], required: false },
-  value: { type: [String, Number], required: true },
-  disabled: { type: Boolean, required: false }
-});
-defineEmits([]);
-</script>
-
-<template>
-
-</template>

package/dist/components/tabs-item/types.d.ts

@@ -1,10 +0,0 @@
-import type { ComponentLabel } from '../../types/shared'
-import type { TabsValue } from '../tabs/types'
-
-export interface TabsItemProps {
-  label?: ComponentLabel
-  value: TabsValue
-  disabled?: boolean
-}
-
-export interface TabsItemEmits {}

package/dist/composables/use-browser-observer.d.ts

@@ -1,12 +0,0 @@
-import type { Nullable } from '../types/shared/utils';
-import type { MaybeRefOrGetter, Ref } from 'vue';
-export declare const useIntersectionObserver: (target: TargetRef, callback: IntersectionObserverCallback, options?: IntersectionObserverInit) => ObserverResults<IntersectionObserver>;
-export declare const useMutationObserver: (target: TargetRef, callback: MutationCallback, options?: MutationObserverInit) => ObserverResults<MutationObserver>;
-export declare const useResizeObserver: (target: TargetRef, callback: ResizeObserverCallback, options?: ResizeObserverOptions) => ObserverResults<ResizeObserver>;
-type Observers = IntersectionObserver | ResizeObserver | MutationObserver;
-type TargetRef = MaybeRefOrGetter<Nullable<HTMLElement>> | MaybeRefOrGetter<Nullable<HTMLElement>>[] | MaybeRefOrGetter<Nullable<HTMLElement>[]>;
-interface ObserverResults<T extends Observers> {
-    observer: Ref<T | undefined>;
-    stop: () => void;
-}
-export {};