@postxl/generators 1.1.1 → 1.2.0

package/dist/frontend-core/template/src/components/ui/toggle/toggle.stories.tsx

@@ -1,65 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
-import { Toggle } from './toggle'
-import { FontBoldIcon } from '@radix-ui/react-icons'
-
-const meta = {
-  title: 'Toggle',
-  component: Toggle,
-  tags: ['autodocs'],
-  argTypes: {
-    variant: {
-      options: ['default', 'outline'],
-      control: { type: 'radio' },
-    },
-    size: {
-      options: ['default', 'sm', 'lg'],
-      control: { type: 'radio' },
-    },
-    disabled: {
-      control: { type: 'boolean' },
-    },
-  },
-  render: (args) => (
-    <div className="flex items-center justify-center">
-      <Toggle aria-label="Toggle italic" disabled={args.disabled} variant={args.variant} size={args.size}>
-        <FontBoldIcon className="h-4 w-4" />
-      </Toggle>
-    </div>
-  ),
-} satisfies Meta<typeof Toggle>
-
-export default meta
-
-// STORIES ---------------------------------------------------------------------
-
-export const Default = {
-  args: {
-    variant: 'default',
-    size: 'default',
-    disabled: false,
-  },
-}
-
-export const Disabled = {
-  args: {
-    variant: 'default',
-    size: 'default',
-    disabled: true,
-  },
-}
-
-export const WithLabel: StoryObj<typeof meta> = {
-  args: {
-    variant: 'outline',
-    size: 'default',
-    disabled: false,
-  },
-  render: (args) => (
-    <div className="flex items-center justify-center">
-      <Toggle aria-label="Toggle italic" disabled={args.disabled} variant={args.variant} size={args.size}>
-        <FontBoldIcon className="h-4 w-4" />
-        With a label
-      </Toggle>
-    </div>
-  ),
-}

package/dist/frontend-core/template/src/components/ui/toggle/toggle.tsx

@@ -1,38 +0,0 @@
-import * as TogglePrimitive from '@radix-ui/react-toggle'
-
-import { cva, type VariantProps } from 'class-variance-authority'
-import * as React from 'react'
-
-import { cn } from '@lib/utils'
-
-const toggleVariants = cva(
-  'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground',
-  {
-    variants: {
-      variant: {
-        default: 'bg-transparent',
-        outline: 'border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground',
-      },
-      size: {
-        default: 'h-9 px-3',
-        sm: 'h-8 px-2',
-        lg: 'h-10 px-3',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default',
-    },
-  },
-)
-
-const Toggle = React.forwardRef<
-  React.ElementRef<typeof TogglePrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>
->(({ className, variant, size, ...props }, ref) => (
-  <TogglePrimitive.Root ref={ref} className={cn(toggleVariants({ variant, size, className }))} {...props} />
-))
-
-Toggle.displayName = TogglePrimitive.Root.displayName
-
-export { Toggle, toggleVariants }

package/dist/frontend-core/template/src/components/ui/toggle-group/toggle-group.stories.tsx

@@ -1,85 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite'
-
-import { ToggleGroup, ToggleGroupItem } from './toggle-group'
-import { FontBoldIcon, FontItalicIcon, UnderlineIcon } from '@radix-ui/react-icons'
-
-const meta = {
-  title: 'Toggle Group',
-  component: ToggleGroup,
-  tags: ['autodocs'],
-  argTypes: {
-    variant: {
-      options: ['default', 'outline'],
-      control: { type: 'radio' },
-    },
-    size: {
-      options: ['default', 'sm', 'lg'],
-      control: { type: 'radio' },
-    },
-    type: {
-      options: ['single', 'multiple'],
-      control: { type: 'radio' },
-    },
-    disabled: {
-      control: { type: 'boolean' },
-    },
-  },
-  render: (args) => (
-    <div className="flex items-center justify-center">
-      <ToggleGroup disabled={args.disabled} type={args.type} variant={args.variant} size={args.size}>
-        <ToggleGroupItem value="bold" aria-label="Toggle bold">
-          <FontBoldIcon className="h-4 w-4" />
-        </ToggleGroupItem>
-        <ToggleGroupItem value="italic" aria-label="Toggle italic">
-          <FontItalicIcon className="h-4 w-4" />
-        </ToggleGroupItem>
-        <ToggleGroupItem value="strikethrough" aria-label="Toggle strikethrough">
-          <UnderlineIcon className="h-4 w-4" />
-        </ToggleGroupItem>
-      </ToggleGroup>
-    </div>
-  ),
-} satisfies Meta<typeof ToggleGroup>
-
-export default meta
-
-// STORIES ---------------------------------------------------------------------
-export const Default: StoryObj<typeof meta> = {
-  args: {
-    variant: 'default',
-    size: 'default',
-    type: 'multiple',
-  },
-}
-
-export const SingleSelection: StoryObj<typeof meta> = {
-  args: {
-    variant: 'default',
-    size: 'default',
-    type: 'single',
-  },
-}
-
-export const VariantOutline: StoryObj<typeof meta> = {
-  args: {
-    variant: 'outline',
-    size: 'default',
-    type: 'multiple',
-  },
-}
-
-export const SizeLarge: StoryObj<typeof meta> = {
-  args: {
-    variant: 'outline',
-    size: 'lg',
-    type: 'multiple',
-  },
-}
-
-export const SizeSmall: StoryObj<typeof meta> = {
-  args: {
-    variant: 'outline',
-    size: 'sm',
-    type: 'multiple',
-  },
-}

package/dist/frontend-core/template/src/components/ui/toggle-group/toggle-group.tsx

@@ -1,54 +0,0 @@
-import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group'
-
-import { type VariantProps } from 'class-variance-authority'
-import * as React from 'react'
-import { useMemo } from 'react'
-
-import { toggleVariants } from '@components/ui/toggle/toggle'
-import { cn } from '@lib/utils'
-
-const ToggleGroupContext = React.createContext<VariantProps<typeof toggleVariants>>({
-  size: 'default',
-  variant: 'default',
-})
-
-const ToggleGroup = React.forwardRef<
-  React.ElementRef<typeof ToggleGroupPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>
->(({ className, variant, size, children, ...props }, ref) => {
-  const memoizedValue = useMemo(() => ({ variant, size }), [size, variant])
-  return (
-    <ToggleGroupPrimitive.Root ref={ref} className={cn('flex items-center justify-center gap-1', className)} {...props}>
-      <ToggleGroupContext.Provider value={memoizedValue}>{children}</ToggleGroupContext.Provider>
-    </ToggleGroupPrimitive.Root>
-  )
-})
-
-ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName
-
-const ToggleGroupItem = React.forwardRef<
-  React.ElementRef<typeof ToggleGroupPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>
->(({ className, children, variant, size, ...props }, ref) => {
-  const context = React.useContext(ToggleGroupContext)
-
-  return (
-    <ToggleGroupPrimitive.Item
-      ref={ref}
-      className={cn(
-        toggleVariants({
-          variant: context.variant || variant,
-          size: context.size || size,
-        }),
-        className,
-      )}
-      {...props}
-    >
-      {children}
-    </ToggleGroupPrimitive.Item>
-  )
-})
-
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName
-
-export { ToggleGroup, ToggleGroupItem }

package/dist/frontend-core/template/src/components/ui/tooltip/tooltip.stories.tsx

@@ -1,29 +0,0 @@
-import { Meta } from '@storybook/react-vite'
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './tooltip'
-import { Button } from '@components/ui/button/button'
-
-const meta = {
-  title: 'Tooltip',
-  component: Tooltip,
-  tags: ['autodocs'],
-} satisfies Meta<typeof Tooltip>
-
-export default meta
-// STORIES ---------------------------------------------------------------------
-
-export const Default = {
-  render: () => (
-    <div className="flex items-center justify-center">
-      <TooltipProvider>
-        <Tooltip>
-          <TooltipTrigger asChild>
-            <Button variant="outline">Hover</Button>
-          </TooltipTrigger>
-          <TooltipContent>
-            <p>Add to library</p>
-          </TooltipContent>
-        </Tooltip>
-      </TooltipProvider>
-    </div>
-  ),
-}

package/dist/frontend-core/template/src/components/ui/tooltip/tooltip.tsx

@@ -1,29 +0,0 @@
-import * as TooltipPrimitive from '@radix-ui/react-tooltip'
-
-import * as React from 'react'
-
-import { cn } from '@lib/utils'
-
-const TooltipProvider = TooltipPrimitive.Provider
-
-const Tooltip = TooltipPrimitive.Root
-
-const TooltipTrigger = TooltipPrimitive.Trigger
-
-const TooltipContent = React.forwardRef<
-  React.ElementRef<typeof TooltipPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
->(({ className, sideOffset = 4, ...props }, ref) => (
-  <TooltipPrimitive.Content
-    ref={ref}
-    sideOffset={sideOffset}
-    className={cn(
-      'z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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',
-      className,
-    )}
-    {...props}
-  />
-))
-TooltipContent.displayName = TooltipPrimitive.Content.displayName
-
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }