@nyuccl/smile 0.2.0-beta.0

package/dist/runtime/components/ui/select/Select.d.vue.ts

@@ -0,0 +1,112 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    defaultValue: {
+        type: null;
+        required: false;
+    };
+    modelValue: {
+        type: null;
+        required: false;
+    };
+    by: {
+        type: (StringConstructor | FunctionConstructor)[];
+        required: false;
+    };
+    dir: {
+        type: StringConstructor;
+        required: false;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    name: {
+        type: StringConstructor;
+        required: false;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    "update:open": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    defaultValue: {
+        type: null;
+        required: false;
+    };
+    modelValue: {
+        type: null;
+        required: false;
+    };
+    by: {
+        type: (StringConstructor | FunctionConstructor)[];
+        required: false;
+    };
+    dir: {
+        type: StringConstructor;
+        required: false;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    name: {
+        type: StringConstructor;
+        required: false;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}>, {
+    required: boolean;
+    disabled: boolean;
+    multiple: boolean;
+    defaultOpen: boolean;
+    open: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
+};

package/dist/runtime/components/ui/select/Select.vue

@@ -0,0 +1,27 @@
+<script setup>
+import { SelectRoot, useForwardPropsEmits } from "reka-ui";
+const props = defineProps({
+  open: { type: Boolean, required: false },
+  defaultOpen: { type: Boolean, required: false },
+  defaultValue: { type: null, required: false },
+  modelValue: { type: null, required: false },
+  by: { type: [String, Function], required: false },
+  dir: { type: String, required: false },
+  multiple: { type: Boolean, required: false },
+  autocomplete: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  name: { type: String, required: false },
+  required: { type: Boolean, required: false }
+});
+const emits = defineEmits(["update:modelValue", "update:open"]);
+const forwarded = useForwardPropsEmits(props, emits);
+</script>
+
+<template>
+  <SelectRoot
+    data-slot="select"
+    v-bind="forwarded"
+  >
+    <slot />
+  </SelectRoot>
+</template>

package/dist/runtime/components/ui/select/Select.vue.d.ts

@@ -0,0 +1,112 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    defaultValue: {
+        type: null;
+        required: false;
+    };
+    modelValue: {
+        type: null;
+        required: false;
+    };
+    by: {
+        type: (StringConstructor | FunctionConstructor)[];
+        required: false;
+    };
+    dir: {
+        type: StringConstructor;
+        required: false;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    name: {
+        type: StringConstructor;
+        required: false;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    "update:open": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    open: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    defaultOpen: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    defaultValue: {
+        type: null;
+        required: false;
+    };
+    modelValue: {
+        type: null;
+        required: false;
+    };
+    by: {
+        type: (StringConstructor | FunctionConstructor)[];
+        required: false;
+    };
+    dir: {
+        type: StringConstructor;
+        required: false;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    autocomplete: {
+        type: StringConstructor;
+        required: false;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    name: {
+        type: StringConstructor;
+        required: false;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:open"?: ((...args: any[]) => any) | undefined;
+}>, {
+    required: boolean;
+    disabled: boolean;
+    multiple: boolean;
+    defaultOpen: boolean;
+    open: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
+};

package/dist/runtime/components/ui/select/SelectContent.d.vue.ts

@@ -0,0 +1,199 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    forceMount: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    position: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    bodyLock: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    side: {
+        type: null;
+        required: false;
+    };
+    sideOffset: {
+        type: NumberConstructor;
+        required: false;
+    };
+    align: {
+        type: null;
+        required: false;
+    };
+    alignOffset: {
+        type: NumberConstructor;
+        required: false;
+    };
+    avoidCollisions: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    collisionBoundary: {
+        type: null;
+        required: false;
+    };
+    collisionPadding: {
+        type: (ObjectConstructor | NumberConstructor)[];
+        required: false;
+    };
+    arrowPadding: {
+        type: NumberConstructor;
+        required: false;
+    };
+    sticky: {
+        type: StringConstructor;
+        required: false;
+    };
+    hideWhenDetached: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    positionStrategy: {
+        type: StringConstructor;
+        required: false;
+    };
+    updatePositionStrategy: {
+        type: StringConstructor;
+        required: false;
+    };
+    disableUpdateOnLayoutShift: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    prioritizePosition: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    reference: {
+        type: null;
+        required: false;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    as: {
+        type: null;
+        required: false;
+    };
+    class: {
+        type: null;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    escapeKeyDown: (...args: any[]) => void;
+    pointerDownOutside: (...args: any[]) => void;
+    closeAutoFocus: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    forceMount: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    position: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    bodyLock: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    side: {
+        type: null;
+        required: false;
+    };
+    sideOffset: {
+        type: NumberConstructor;
+        required: false;
+    };
+    align: {
+        type: null;
+        required: false;
+    };
+    alignOffset: {
+        type: NumberConstructor;
+        required: false;
+    };
+    avoidCollisions: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    collisionBoundary: {
+        type: null;
+        required: false;
+    };
+    collisionPadding: {
+        type: (ObjectConstructor | NumberConstructor)[];
+        required: false;
+    };
+    arrowPadding: {
+        type: NumberConstructor;
+        required: false;
+    };
+    sticky: {
+        type: StringConstructor;
+        required: false;
+    };
+    hideWhenDetached: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    positionStrategy: {
+        type: StringConstructor;
+        required: false;
+    };
+    updatePositionStrategy: {
+        type: StringConstructor;
+        required: false;
+    };
+    disableUpdateOnLayoutShift: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    prioritizePosition: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    reference: {
+        type: null;
+        required: false;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    as: {
+        type: null;
+        required: false;
+    };
+    class: {
+        type: null;
+        required: false;
+    };
+}>> & Readonly<{
+    onEscapeKeyDown?: ((...args: any[]) => any) | undefined;
+    onPointerDownOutside?: ((...args: any[]) => any) | undefined;
+    onCloseAutoFocus?: ((...args: any[]) => any) | undefined;
+}>, {
+    position: string;
+    asChild: boolean;
+    forceMount: boolean;
+    avoidCollisions: boolean;
+    hideWhenDetached: boolean;
+    disableUpdateOnLayoutShift: boolean;
+    prioritizePosition: boolean;
+    bodyLock: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
+};

package/dist/runtime/components/ui/select/SelectContent.vue

@@ -0,0 +1,65 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { SelectContent, SelectPortal, SelectViewport, useForwardPropsEmits } from "reka-ui";
+import { SelectScrollDownButton, SelectScrollUpButton } from ".";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  forceMount: { type: Boolean, required: false },
+  position: { type: String, required: false, default: "popper" },
+  bodyLock: { type: Boolean, required: false },
+  side: { type: null, required: false },
+  sideOffset: { type: Number, required: false },
+  align: { type: null, required: false },
+  alignOffset: { type: Number, required: false },
+  avoidCollisions: { type: Boolean, required: false },
+  collisionBoundary: { type: null, required: false },
+  collisionPadding: { type: [Number, Object], required: false },
+  arrowPadding: { type: Number, required: false },
+  sticky: { type: String, required: false },
+  hideWhenDetached: { type: Boolean, required: false },
+  positionStrategy: { type: String, required: false },
+  updatePositionStrategy: { type: String, required: false },
+  disableUpdateOnLayoutShift: { type: Boolean, required: false },
+  prioritizePosition: { type: Boolean, required: false },
+  reference: { type: null, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const emits = defineEmits(["closeAutoFocus", "escapeKeyDown", "pointerDownOutside"]);
+const delegatedProps = reactiveOmit(props, "class");
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+</script>
+
+<template>
+  <SelectPortal>
+    <SelectContent
+      data-slot="select-content"
+      v-bind="{ ...forwarded, ...$attrs }"
+      :class="
+        cn(
+          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--reka-select-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border shadow-md',
+          position === 'popper'
+            && 'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',
+          props.class,
+        )
+      "
+    >
+      <SelectScrollUpButton />
+      <SelectViewport
+        :class="
+          cn(
+            'p-1',
+            position === 'popper'
+              && 'h-[var(--reka-select-trigger-height)] w-full min-w-[var(--reka-select-trigger-width)] scroll-my-1',
+          )
+        "
+      >
+        <slot />
+      </SelectViewport>
+      <SelectScrollDownButton />
+    </SelectContent>
+  </SelectPortal>
+</template>

package/dist/runtime/components/ui/select/SelectContent.vue.d.ts

@@ -0,0 +1,199 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    forceMount: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    position: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    bodyLock: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    side: {
+        type: null;
+        required: false;
+    };
+    sideOffset: {
+        type: NumberConstructor;
+        required: false;
+    };
+    align: {
+        type: null;
+        required: false;
+    };
+    alignOffset: {
+        type: NumberConstructor;
+        required: false;
+    };
+    avoidCollisions: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    collisionBoundary: {
+        type: null;
+        required: false;
+    };
+    collisionPadding: {
+        type: (ObjectConstructor | NumberConstructor)[];
+        required: false;
+    };
+    arrowPadding: {
+        type: NumberConstructor;
+        required: false;
+    };
+    sticky: {
+        type: StringConstructor;
+        required: false;
+    };
+    hideWhenDetached: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    positionStrategy: {
+        type: StringConstructor;
+        required: false;
+    };
+    updatePositionStrategy: {
+        type: StringConstructor;
+        required: false;
+    };
+    disableUpdateOnLayoutShift: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    prioritizePosition: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    reference: {
+        type: null;
+        required: false;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    as: {
+        type: null;
+        required: false;
+    };
+    class: {
+        type: null;
+        required: false;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    escapeKeyDown: (...args: any[]) => void;
+    pointerDownOutside: (...args: any[]) => void;
+    closeAutoFocus: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    forceMount: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    position: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    bodyLock: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    side: {
+        type: null;
+        required: false;
+    };
+    sideOffset: {
+        type: NumberConstructor;
+        required: false;
+    };
+    align: {
+        type: null;
+        required: false;
+    };
+    alignOffset: {
+        type: NumberConstructor;
+        required: false;
+    };
+    avoidCollisions: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    collisionBoundary: {
+        type: null;
+        required: false;
+    };
+    collisionPadding: {
+        type: (ObjectConstructor | NumberConstructor)[];
+        required: false;
+    };
+    arrowPadding: {
+        type: NumberConstructor;
+        required: false;
+    };
+    sticky: {
+        type: StringConstructor;
+        required: false;
+    };
+    hideWhenDetached: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    positionStrategy: {
+        type: StringConstructor;
+        required: false;
+    };
+    updatePositionStrategy: {
+        type: StringConstructor;
+        required: false;
+    };
+    disableUpdateOnLayoutShift: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    prioritizePosition: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    reference: {
+        type: null;
+        required: false;
+    };
+    asChild: {
+        type: BooleanConstructor;
+        required: false;
+    };
+    as: {
+        type: null;
+        required: false;
+    };
+    class: {
+        type: null;
+        required: false;
+    };
+}>> & Readonly<{
+    onEscapeKeyDown?: ((...args: any[]) => any) | undefined;
+    onPointerDownOutside?: ((...args: any[]) => any) | undefined;
+    onCloseAutoFocus?: ((...args: any[]) => any) | undefined;
+}>, {
+    position: string;
+    asChild: boolean;
+    forceMount: boolean;
+    avoidCollisions: boolean;
+    hideWhenDetached: boolean;
+    disableUpdateOnLayoutShift: boolean;
+    prioritizePosition: boolean;
+    bodyLock: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    default?: ((props: {}) => any) | undefined;
+};