@oneclick.dev/cms-kit 0.0.2 → 0.0.4

package/components/ui/dropdown-menu/DropdownMenuGroup.vue

@@ -1,14 +0,0 @@
-<script setup lang="ts">
-import { DropdownMenuGroup, type DropdownMenuGroupProps } from 'reka-ui'
-
-const props = defineProps<DropdownMenuGroupProps>()
-</script>
-
-<template>
-  <DropdownMenuGroup
-    data-slot="dropdown-menu-group"
-    v-bind="props"
-  >
-    <slot />
-  </DropdownMenuGroup>
-</template>

package/components/ui/dropdown-menu/DropdownMenuItem.vue

@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '../../../lib/utils'
-import { reactiveOmit } from '@vueuse/core'
-import { DropdownMenuItem, type DropdownMenuItemProps, useForwardProps } from 'reka-ui'
-
-const props = withDefaults(defineProps<DropdownMenuItemProps & {
-  class?: HTMLAttributes['class']
-  inset?: boolean
-  variant?: 'default' | 'destructive'
-}>(), {
-  variant: 'default',
-})
-
-const delegatedProps = reactiveOmit(props, 'inset', 'variant')
-
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <DropdownMenuItem
-    data-slot="dropdown-menu-item"
-    :data-inset="inset ? '' : undefined"
-    :data-variant="variant"
-    v-bind="forwardedProps"
-    :class="cn(`focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`, props.class)"
-  >
-    <slot />
-  </DropdownMenuItem>
-</template>

package/components/ui/dropdown-menu/DropdownMenuLabel.vue

@@ -1,22 +0,0 @@
-<script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '../../../lib/utils'
-import { reactiveOmit } from '@vueuse/core'
-import { DropdownMenuLabel, type DropdownMenuLabelProps, useForwardProps } from 'reka-ui'
-
-const props = defineProps<DropdownMenuLabelProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
-
-const delegatedProps = reactiveOmit(props, 'class', 'inset')
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <DropdownMenuLabel
-    data-slot="dropdown-menu-label"
-    :data-inset="inset ? '' : undefined"
-    v-bind="forwardedProps"
-    :class="cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', props.class)"
-  >
-    <slot />
-  </DropdownMenuLabel>
-</template>

package/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue

@@ -1,22 +0,0 @@
-<script setup lang="ts">
-import {
-  DropdownMenuRadioGroup,
-  type DropdownMenuRadioGroupEmits,
-  type DropdownMenuRadioGroupProps,
-  useForwardPropsEmits,
-} from 'reka-ui'
-
-const props = defineProps<DropdownMenuRadioGroupProps>()
-const emits = defineEmits<DropdownMenuRadioGroupEmits>()
-
-const forwarded = useForwardPropsEmits(props, emits)
-</script>
-
-<template>
-  <DropdownMenuRadioGroup
-    data-slot="dropdown-menu-radio-group"
-    v-bind="forwarded"
-  >
-    <slot />
-  </DropdownMenuRadioGroup>
-</template>

package/components/ui/dropdown-menu/DropdownMenuRadioItem.vue

@@ -1,42 +0,0 @@
-<script setup lang="ts">
-import { cn } from '../../../lib/utils'
-import { Circle } from 'lucide-vue-next'
-import {
-  DropdownMenuItemIndicator,
-  DropdownMenuRadioItem,
-  type DropdownMenuRadioItemEmits,
-  type DropdownMenuRadioItemProps,
-  useForwardPropsEmits,
-} from 'reka-ui'
-import { computed, type HTMLAttributes } from 'vue'
-
-const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()
-
-const emits = defineEmits<DropdownMenuRadioItemEmits>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <DropdownMenuRadioItem
-    data-slot="dropdown-menu-radio-item"
-    v-bind="forwarded"
-    :class="cn(
-      `focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
-      props.class,
-    )"
-  >
-    <span class="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
-      <DropdownMenuItemIndicator>
-        <Circle class="size-2 fill-current" />
-      </DropdownMenuItemIndicator>
-    </span>
-    <slot />
-  </DropdownMenuRadioItem>
-</template>

package/components/ui/dropdown-menu/DropdownMenuSeparator.vue

@@ -1,26 +0,0 @@
-<script setup lang="ts">
-import { cn } from '../../../lib/utils'
-import {
-  DropdownMenuSeparator,
-  type DropdownMenuSeparatorProps,
-} from 'reka-ui'
-import { computed, type HTMLAttributes } from 'vue'
-
-const props = defineProps<DropdownMenuSeparatorProps & {
-  class?: HTMLAttributes['class']
-}>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-</script>
-
-<template>
-  <DropdownMenuSeparator
-    data-slot="dropdown-menu-separator"
-    v-bind="delegatedProps"
-    :class="cn('bg-popover-border -mx-1 my-1 h-px', props.class)"
-  />
-</template>

package/components/ui/dropdown-menu/DropdownMenuShortcut.vue

@@ -1,17 +0,0 @@
-<script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '../../../lib/utils'
-
-const props = defineProps<{
-  class?: HTMLAttributes['class']
-}>()
-</script>
-
-<template>
-  <span
-    data-slot="dropdown-menu-shortcut"
-    :class="cn('text-muted-foreground ml-auto text-xs tracking-widest', props.class)"
-  >
-    <slot />
-  </span>
-</template>

package/components/ui/dropdown-menu/DropdownMenuSub.vue

@@ -1,19 +0,0 @@
-<script setup lang="ts">
-import {
-  DropdownMenuSub,
-  type DropdownMenuSubEmits,
-  type DropdownMenuSubProps,
-  useForwardPropsEmits,
-} from 'reka-ui'
-
-const props = defineProps<DropdownMenuSubProps>()
-const emits = defineEmits<DropdownMenuSubEmits>()
-
-const forwarded = useForwardPropsEmits(props, emits)
-</script>
-
-<template>
-  <DropdownMenuSub data-slot="dropdown-menu-sub" v-bind="forwarded">
-    <slot />
-  </DropdownMenuSub>
-</template>

package/components/ui/dropdown-menu/DropdownMenuSubContent.vue

@@ -1,31 +0,0 @@
-<script setup lang="ts">
-import { cn } from '../../../lib/utils'
-import {
-  DropdownMenuSubContent,
-  type DropdownMenuSubContentEmits,
-  type DropdownMenuSubContentProps,
-  useForwardPropsEmits,
-} from 'reka-ui'
-import { computed, type HTMLAttributes } from 'vue'
-
-const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>()
-const emits = defineEmits<DropdownMenuSubContentEmits>()
-
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
-</script>
-
-<template>
-  <DropdownMenuSubContent
-    data-slot="dropdown-menu-sub-content"
-    v-bind="forwarded"
-    :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 z-50 min-w-[8rem] origin-(--reka-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg', props.class)"
-  >
-    <slot />
-  </DropdownMenuSubContent>
-</template>

package/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
-import { cn } from '../../../lib/utils'
-import { reactiveOmit } from '@vueuse/core'
-import { ChevronRight } from 'lucide-vue-next'
-import {
-  DropdownMenuSubTrigger,
-  type DropdownMenuSubTriggerProps,
-  useForwardProps,
-} from 'reka-ui'
-
-const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
-
-const delegatedProps = reactiveOmit(props, 'class', 'inset')
-const forwardedProps = useForwardProps(delegatedProps)
-</script>
-
-<template>
-  <DropdownMenuSubTrigger
-    data-slot="dropdown-menu-sub-trigger"
-    v-bind="forwardedProps"
-    :class="cn(
-      'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8',
-      props.class,
-    )"
-  >
-    <slot />
-    <ChevronRight class="ml-auto size-4" />
-  </DropdownMenuSubTrigger>
-</template>

package/components/ui/dropdown-menu/DropdownMenuTrigger.vue

@@ -1,16 +0,0 @@
-<script setup lang="ts">
-import { DropdownMenuTrigger, type DropdownMenuTriggerProps, useForwardProps } from 'reka-ui'
-
-const props = defineProps<DropdownMenuTriggerProps>()
-
-const forwardedProps = useForwardProps(props)
-</script>
-
-<template>
-  <DropdownMenuTrigger
-    data-slot="dropdown-menu-trigger"
-    v-bind="forwardedProps"
-  >
-    <slot />
-  </DropdownMenuTrigger>
-</template>

package/components/ui/dropdown-menu/index.ts

@@ -1,16 +0,0 @@
-export { default as DropdownMenu } from './DropdownMenu.vue'
-
-export { default as DropdownMenuCheckboxItem } from './DropdownMenuCheckboxItem.vue'
-export { default as DropdownMenuContent } from './DropdownMenuContent.vue'
-export { default as DropdownMenuGroup } from './DropdownMenuGroup.vue'
-export { default as DropdownMenuItem } from './DropdownMenuItem.vue'
-export { default as DropdownMenuLabel } from './DropdownMenuLabel.vue'
-export { default as DropdownMenuRadioGroup } from './DropdownMenuRadioGroup.vue'
-export { default as DropdownMenuRadioItem } from './DropdownMenuRadioItem.vue'
-export { default as DropdownMenuSeparator } from './DropdownMenuSeparator.vue'
-export { default as DropdownMenuShortcut } from './DropdownMenuShortcut.vue'
-export { default as DropdownMenuSub } from './DropdownMenuSub.vue'
-export { default as DropdownMenuSubContent } from './DropdownMenuSubContent.vue'
-export { default as DropdownMenuSubTrigger } from './DropdownMenuSubTrigger.vue'
-export { default as DropdownMenuTrigger } from './DropdownMenuTrigger.vue'
-export { DropdownMenuPortal } from 'reka-ui'

package/components/ui/emoji-picker/EmojiPicker.vue

@@ -1,71 +0,0 @@
-<template>
-  <Popover>
-    <PopoverTrigger asChild>
-      <Button variant="outline" class="w-full aspect-square size-20 border-none">
-        <AppleEmoji :emoji="modelValue" v-if="modelValue" size="36" />
-        <span class="text-xs text-muted-foreground" v-else>Select icon</span>
-      </Button>
-    </PopoverTrigger>
-    <PopoverContent class="w-[371px]">
-      <Picker :data="emojiIndex" :showSkinTones="false" :showPreview="false" :native="false" set="apple" @select="showEmoji" class="transparent-emoji-picker" />
-    </PopoverContent>
-  </Popover>
-</template>
-
-<script setup lang="ts">
-import data from "emoji-mart-vue-fast/data/apple.json";
-import "emoji-mart-vue-fast/css/emoji-mart.css";
-import { Picker, EmojiIndex } from "emoji-mart-vue-fast/src";
-import { useVModel } from "@vueuse/core";
-
-const recentEmojis = ['house', 'gear', 'control_knobs', 'man-woman-boy', 'clock1', 'alarm_clock', 'hourglass', 'eyes', 'the_horns', 'clap', 'thumbsup', 
-                      'thumbsdown', 'speech_balloon', 'tada', 'first_place_medal', 'key', 'open_file_folder', 'gift', 'mag', 'heart', 'star', 'sparkles',
-                      'shopping_bags', 'truck', 'camera_with_flash', 'movie_camera', 'wastebasket', 'round_pushpin', 'label', 'moneybag', 'email', 'earth_africa']
-
-let emojiIndex = new EmojiIndex(data, {
-  recent: recentEmojis
-});
-
-const props = defineProps<{
-  modelValue?: string
-}>()
-
-const emits = defineEmits<{
-  (e: 'update:modelValue', payload: string): void
-}>()
-
-const modelValue = useVModel(props, 'modelValue', emits, {
-  passive: true,
-  defaultValue: props.defaultValue,
-})
-
-const showEmoji = (emoji) => {
-  modelValue.value = emoji.id;
-}
-</script>
-
-<style lang="scss">
-.transparent-emoji-picker.emoji-mart {
-  border-width: 0;
-  background-color: transparent;
-
-  .emoji-mart-search input {
-    color: var(--muted-foreground);
-  }
-
-  .emoji-mart-scroll {
-    padding: 0;
-  }
-  
-  .emoji-mart-category-label h3 {
-    background-color: var(--accent);
-    color: var(--muted-foreground);
-    margin: .5rem 0;
-    border-radius: .5rem;
-  }
-
-  .emoji-mart-category .emoji-mart-emoji:hover:before, .emoji-mart-emoji-selected:before {
-    background-color: var(--muted);
-  }
-}
-</style>

package/components/ui/emoji-picker/index.ts

@@ -1 +0,0 @@
-export { default as EmojiPicker } from './EmojiPicker.vue';

package/components/ui/flow-builder/FlowBuilder.vue

@@ -1,48 +0,0 @@
-<script setup lang="ts">
-import { ref, watch, nextTick } from 'vue'
-import Builder from './components/Builder.vue'
-
-const props = defineProps<{
-  id: number
-  config: any
-  workflow: any
-}>()
-
-const { closeFlowBuilder } = useFlowBuilder()
-const flowBuilder = ref()
-
-watch(
-  () => props.workflow,
-  async () => {
-    await nextTick()
-    flowBuilder.value?.setState?.(props.workflow)
-  },
-  { immediate: true }
-)
-
-const saveForm = () => {
-  const data = flowBuilder.value?.getState?.()
-  closeFlowBuilder(props.id, data)
-}
-
-const cancel = () => {
-  closeFlowBuilder(props.id, false)
-}
-</script>
-
-<template>
-  <Teleport to="body">
-    <Sheet :open="true" @update:open="cancel">
-      <SheetContent side="bottom" class="w-full h-full sm:w-full sm:max-w-full">
-        <div class="flex flex-col h-full bg-muted/80 dark:bg-muted/40">
-          <Builder ref="flowBuilder" />
-        </div>
-
-        <div class="flex justify-end gap-2 p-4">
-          <Button variant="outline" @click="cancel">Cancel</Button>
-          <Button @click="saveForm">Save</Button>
-        </div>
-      </SheetContent>
-    </Sheet>
-  </Teleport>
-</template>

package/components/ui/flow-builder/FlowBuilderSelect.vue

@@ -1,33 +0,0 @@
-<script setup lang="ts">
-import { useVModel } from '@vueuse/core'
-
-const { openFlowBuilder } = useFlowBuilder()
-
-const props = defineProps({
-  modelValue: {
-    type: Object
-  }
-})
-
-const emits = defineEmits<{
-  (e: 'update:modelValue', payload: any[]): void
-}>()
-
-const modelValue = useVModel(props, 'modelValue', emits, {
-  passive: true
-})
-
-const editFlow = async () => {
-  let config = await openFlowBuilder(modelValue.value)
-  if (config) {
-    emits('update:modelValue', config)
-  }
-}
-</script>
-
-<template>
-  <Button @click="editFlow">
-    <span v-if="!modelValue || Object.keys(modelValue).length === 0">Build flow</span>
-    <span v-else>Edit flow</span>
-  </Button>
-</template>