@licklist/design 0.78.5-dev.105 → 0.78.5-dev.107

package/dist/v2/pages/Settings/components/SidebarNavItem.js

@@ -7,7 +7,6 @@ import '../../../components/Button/GhostButton.scss.js';
 import '../../../components/QuickFilter/QuickFilter.scss.js';
 import '../../../components/NewTable/NewTable.scss.js';
 import '../../../components/ActionMenu/ActionMenu.scss.js';
-import '../../../shadcn/components/ui/checkbox.js';
 import '../../../components/DataTable/DataTable.scss.js';
 import 'react-i18next';
 import '../../../components/TableControls/TableControls.scss.js';
@@ -18,7 +17,6 @@ import '../../../components/StepIndicator/StepIndicator.scss.js';
 import '../../../components/AvatarUpload/AvatarUpload.scss.js';
 import '../../../components/InfoGrid/InfoGrid.scss.js';
 import '../../../components/StatusBadge/StatusBadge.scss.js';
-import '../../../shadcn/components/ui/dialog.js';
 import '../../../components/NewInput/NewInput.js';
 import '../../../components/Modal/DeleteModal.scss.js';
 import { FormField } from '../../../components/FormField/FormField.js';
@@ -33,7 +31,6 @@ import '../../../components/UserAvatar/UserAvatar.scss.js';
 import '../../../components/UserPanel/UserPanel.scss.js';
 import '../../../components/EntityHeader/EntityHeader.scss.js';
 import '../../../components/Alert/Alert.scss.js';
-import '../../../shadcn/components/ui/switch.js';
 import '../../../components/Toggle/Toggle.scss.js';
 import '../../../components/FeatureToggle/FeatureToggle.scss.js';
 import '../../../components/AccountManagerCard/AccountManagerCard.scss.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.78.5-dev.105",
+  "version": "0.78.5-dev.107",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/bookedit-licklist/licklist_design.git"
@@ -42,9 +42,9 @@
     ]
   },
   "peerDependencies": {
-    "@licklist/core": "0.36.1-dev.49",
+    "@licklist/core": "0.36.1-dev.51",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.36.4-dev.18",
+    "@licklist/plugins": "0.36.4-dev.19",
     "clsx": "2.1.1",
     "i18next": "25.3.2",
     "lodash": "4.17.21",
@@ -65,9 +65,9 @@
     "@fortawesome/fontawesome-svg-core": "1.2.34",
     "@fortawesome/free-solid-svg-icons": "5.15.2",
     "@hookform/resolvers": "^5.2.2",
-    "@licklist/core": "0.36.1-dev.49",
+    "@licklist/core": "0.36.1-dev.51",
     "@licklist/eslint-config": "0.5.6",
-    "@licklist/plugins": "0.36.4-dev.18",
+    "@licklist/plugins": "0.36.4-dev.19",
     "@mantine/core": "6.0.22",
     "@mantine/hooks": "6.0.22",
     "@mdx-js/react": "1.6.22",
@@ -229,7 +229,7 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-swc3": "0.11.2",
     "rollup-plugin-typescript2": "0.31.0",
-    "sass": "^1.93.2",
+    "sass": "1.99.0",
     "sass-loader": "10.1.1",
     "storybook": "9.1.13",
     "style-loader": "2.0.0",

package/rollup.config.js

@@ -25,7 +25,11 @@ export default [
       svgr(),
       postcss({
         extensions: ['.css', '.scss'],
-        use: ['sass'],
+        use: {
+          sass: {
+            silenceDeprecations: ['legacy-js-api', 'import', 'global-builtin'],
+          },
+        },
         extract: false,
         minimize: true,
         inject(cssVariableName) {
@@ -73,6 +77,16 @@ export default [
         isModule: true,
       }),
     ],
-    external: ['tslib', 'style-inject', /node_modules/],
+    external: [
+      'tslib',
+      'style-inject',
+      /^react-bootstrap(\/|$)/,
+      /^react-phone-number-input(\/|$)/,
+      /^react-date-range(\/|$)/,
+      /^react-icons(\/|$)/,
+      /^react-loading-skeleton(\/|$)/,
+      /^emojibase-data(\/|$)/,
+      /node_modules/,
+    ],
   },
 ]

package/src/iframe/payment/payment-status-page/PaymentStatusPage.tsx

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react'
 import { useTranslation } from 'react-i18next'
-import { PaymentStatusBody } from './component'
+import { PaymentStatusBody } from './component/PaymentStatusBody'
 import { LoaderIndicator } from '../../../static/loader/LoaderIndicator'
 import { Page, PageBody } from '../../page'
 import { BookingSummary, BookingSummaryFooter } from '../../order-process'

package/src/product-set/form/ProductsControl.tsx

@@ -12,7 +12,8 @@ import { useTranslation } from 'react-i18next'
 import { generateUuid } from '@licklist/core/dist/Services'
 import HookFormService from '@licklist/plugins/dist/services/Form/HookFormService'
 import { CategoryType } from '@licklist/core/dist/DataMapper/Product/ProductCategoryDataMapper'
-import { ProductControl, ProductControlProps, ProductSetFormValues } from '..'
+import { ProductControl, ProductControlProps } from '../product/ProductControl'
+import { ProductSetFormValues } from './ProductSetForm'
 import { SortableTree } from '../../sortable-tree'
 import { CreateProductSetItem } from '../item/CreateProductSetItem'
 import { Product } from '../types'

package/src/v2/components/DataTable/DataTable.tsx

@@ -1,7 +1,29 @@
 import React from 'react'
 import { ActionMenu } from '../ActionMenu'
 import { IconChevronDown } from '../../icons'
-import { Checkbox } from '../../shadcn/components/ui/checkbox'
+// Native checkbox used instead of shadcn
+const Checkbox = React.forwardRef<HTMLInputElement, { checked?: boolean | 'indeterminate'; onCheckedChange?: (v: boolean) => void; className?: string; onClick?: (e: React.MouseEvent) => void }>(
+  ({ checked, onCheckedChange, className, onClick, ...props }, ref) => {
+    const inputRef = React.useRef<HTMLInputElement>(null)
+    React.useImperativeHandle(ref, () => inputRef.current!)
+    React.useEffect(() => {
+      if (inputRef.current) {
+        inputRef.current.indeterminate = checked === 'indeterminate'
+      }
+    }, [checked])
+    return (
+      <input
+        ref={inputRef}
+        type="checkbox"
+        checked={checked === true}
+        onChange={(e) => onCheckedChange?.(e.target.checked)}
+        onClick={onClick}
+        className={className}
+        {...props}
+      />
+    )
+  }
+)
 import './DataTable.scss'
 
 // ─── Types ────────────────────────────────────────────────────────────────────

package/src/v2/components/InputCheckbox/InputCheckbox.scss

@@ -16,9 +16,9 @@
     width: 16px;
     height: 16px;
     min-width: 16px;
-    border: 1px solid var(--border-primary);
+    border: 1px solid var(--border-primary, #e8e9ef);
     border-radius: 3px;
-    background: var(--surface-primary);
+    background: var(--surface-primary, #fff);
     transition: all 0.15s ease;
     position: relative;
 
@@ -37,8 +37,8 @@
   }
 
   &__input:checked + &__box {
-    background: var(--fill-selected);
-    border-color: var(--fill-selected);
+    background: var(--fill-selected, #14215A);
+    border-color: var(--fill-selected, #14215A);
 
     &::after {
       opacity: 1;
@@ -46,8 +46,8 @@
   }
 
   &__label {
-    font-family: var(--font-family-sans);
+    font-family: var(--font-family-sans, 'Geist', sans-serif);
     font-size: 14px;
-    color: var(--label-primary);
+    color: var(--label-primary, #121e52);
   }
 }

package/src/v2/components/Modal/DeleteModal.tsx

@@ -1,13 +1,5 @@
 import React, { useState, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-  DialogDescription,
-  DialogFooter,
-} from '../../shadcn/components/ui/dialog'
 import { NewInput } from '../NewInput'
 import './DeleteModal.scss'
 
@@ -51,19 +43,19 @@ export const DeleteModal: React.FC<DeleteModalProps> = ({
 
   const isConfirmDisabled = inputValue !== confirmationText || isDeleting
 
+  if (!isOpen) return null
+
   return (
-    <Dialog open={isOpen} onOpenChange={(open) => { if (!open) onClose() }}>
-      <DialogContent className="delete-modal">
-        <DialogHeader>
-          <DialogTitle className="delete-modal__title">{title}</DialogTitle>
-        </DialogHeader>
+    <div className="delete-modal__overlay" onClick={onClose}>
+      <div className="delete-modal" onClick={(e) => e.stopPropagation()}>
+        <div className="delete-modal__header">
+          <h2 className="delete-modal__title">{title}</h2>
+        </div>
 
         <div className="delete-modal__content">
           <div className="delete-modal__description-group">
             {description && (
-              <DialogDescription className="delete-modal__description">
-                {description}
-              </DialogDescription>
+              <p className="delete-modal__description">{description}</p>
             )}
             {description_1 && (
               <p className="delete-modal__description">{description_1}</p>
@@ -84,7 +76,7 @@ export const DeleteModal: React.FC<DeleteModalProps> = ({
           </div>
         </div>
 
-        <DialogFooter className="delete-modal__actions">
+        <div className="delete-modal__actions">
           <button
             type="button"
             className="delete-modal__button delete-modal__button--delete"
@@ -101,8 +93,8 @@ export const DeleteModal: React.FC<DeleteModalProps> = ({
           >
             {t('cancel')}
           </button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
+        </div>
+      </div>
+    </div>
   )
 }

package/src/v2/components/Toggle/Toggle.tsx

@@ -1,5 +1,4 @@
 import React from 'react'
-import { Switch } from '../../shadcn/components/ui/switch'
 import './Toggle.scss'
 
 export interface ToggleProps {
@@ -10,11 +9,13 @@ export interface ToggleProps {
 }
 
 export const Toggle: React.FC<ToggleProps> = ({ checked, onChange, disabled = false, id }) => (
-  <Switch
+  <button
     id={id}
-    checked={checked}
-    onCheckedChange={onChange}
+    type="button"
+    role="switch"
+    aria-checked={checked}
     disabled={disabled}
-    className="toggle-switch"
+    className={`toggle-switch ${checked ? 'toggle-switch--checked' : ''}`}
+    onClick={() => onChange(!checked)}
   />
 )

package/src/v2/components/ZoneCard/ZoneCard.scss

@@ -200,6 +200,84 @@
   }
 }
 
+// Reorder row subtitle
+.zone-card__subtitle {
+  display: block;
+  font-family: var(--font-family-sans, 'Geist', system-ui, sans-serif);
+  font-size: 13px;
+  font-weight: 400;
+  line-height: 16px;
+  color: var(--label-secondary);
+  margin-top: 2px;
+}
+
+// Reorder screen styles
+.reorder-screen {
+  color: var(--label-primary);
+
+  &__header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    align-self: stretch;
+    height: 72px;
+    padding: 24px 0 8px 8px;
+    border-bottom: 1px solid var(--border-primary);
+  }
+
+  &__content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    align-self: stretch;
+    padding-top: 24px;
+    padding-bottom: 48px;
+  }
+
+  &__body {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    width: 100%;
+    max-width: 672px;
+  }
+
+  &__intro {
+    display: flex;
+    flex-direction: column;
+    gap: 4px;
+
+    p {
+      color: var(--label-secondary);
+    }
+  }
+
+  &__list {
+    display: flex;
+    flex-direction: column;
+    gap: 12px;
+  }
+
+  &__actions {
+    display: flex;
+    gap: 12px;
+    padding-top: 16px;
+  }
+}
+
+@media (max-width: 640px) {
+  .reorder-screen {
+    &__header {
+      height: auto;
+      padding: 16px 0 8px;
+    }
+
+    &__content {
+      padding-top: 32px;
+    }
+  }
+}
+
 @media (max-width: 768px) {
   .zone-card {
     &__header {

package/src/v2/components/index.ts

@@ -133,6 +133,7 @@ export {
   EllipsisIcon,
   CircleIcon,
   GripVerticalIcon,
+  ReorderIcon,
   PlusIcon,
   DeleteIcon,
   ClockIcon,

package/src/v2/icons/index.tsx

@@ -213,6 +213,16 @@ export const GripVerticalIcon = ({ width = 16, height = 16 }: { width?: number;
     </svg>
 )
 
+export const ReorderIcon = ({ width = 16, height = 16 }: { width?: number; height?: number } = {}) => (
+    <svg width={width} height={height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <rect x="7" y="11" width="18" height="2" rx="1" fill="currentColor"/>
+        <rect x="7" y="15" width="18" height="2" rx="1" fill="currentColor"/>
+        <rect x="7" y="19" width="18" height="2" rx="1" fill="currentColor"/>
+        <path d="M19.9325 8H12.0675C11.6436 8 11.412 7.50557 11.6834 7.17991L15.6159 2.46093C15.8158 2.22106 16.1842 2.22106 16.3841 2.46093L20.3166 7.17991C20.588 7.50557 20.3564 8 19.9325 8Z" fill="currentColor" fillOpacity="0.5"/>
+        <path d="M12.0675 24L19.9325 24C20.3564 24 20.588 24.4944 20.3166 24.8201L16.3841 29.5391C16.1842 29.7789 15.8158 29.7789 15.6159 29.5391L11.6834 24.8201C11.412 24.4944 11.6436 24 12.0675 24Z" fill="currentColor" fillOpacity="0.5"/>
+    </svg>
+)
+
 export const PlusIcon = ({ width = 16, height = 16 }: { width?: number; height?: number } = {}) => (
     <svg width={width} height={height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
         <path d="M17 14.5H24.5V17.5H17V25H14V17.5H6.5V14.5H14V7H17V14.5Z" fill="currentColor"/>

package/src/v2/index.ts

@@ -219,78 +219,5 @@ export type { AuthLayoutProps, LoginPageProps, ResetPasswordPageProps, CreatePas
  * - @/v2/styles/form/NewInput.scss
  * - @/v2/styles/navigation/*.scss
  *
- * shadcn/ui components are available from:
- * - @/v2/shadcn/components/ui/
  */
 
-// shadcn/ui components
-// Note: shadcn components with name collisions (Button, Checkbox) should be imported
-// directly from '@licklist/design/v2/shadcn' to avoid ambiguity with native v2 components.
-export {
-  cn,
-  buttonVariants,
-  Input,
-  Label,
-  Badge,
-  badgeVariants,
-  Card,
-  CardHeader,
-  CardFooter,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  Separator,
-  Avatar,
-  AvatarImage,
-  AvatarFallback,
-  Select,
-  SelectGroup,
-  SelectValue,
-  SelectTrigger,
-  SelectContent,
-  SelectLabel,
-  SelectItem,
-  SelectSeparator,
-  SelectScrollUpButton,
-  SelectScrollDownButton,
-  Dialog,
-  DialogPortal,
-  DialogOverlay,
-  DialogTrigger,
-  DialogClose,
-  DialogContent,
-  DialogHeader,
-  DialogFooter,
-  DialogTitle,
-  DialogDescription,
-  DropdownMenu,
-  DropdownMenuTrigger,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuCheckboxItem,
-  DropdownMenuRadioItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuGroup,
-  DropdownMenuPortal,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuRadioGroup,
-  Skeleton,
-  Switch,
-  Table,
-  TableHeader,
-  TableBody,
-  TableFooter,
-  TableHead,
-  TableRow,
-  TableCell,
-  TableCaption,
-  TooltipProvider as ShadcnTooltipProvider,
-  TooltipTrigger as ShadcnTooltipTrigger,
-  TooltipContent as ShadcnTooltipContent,
-} from './shadcn'
-// shadcn Button and Checkbox exported with Shadcn prefix to avoid collision with native v2 components
-export { Button as ShadcnButton, Checkbox as ShadcnCheckbox, Tooltip as ShadcnTooltip } from './shadcn'

package/src/v2/navigation/Navigation/Navigation.stories.tsx

@@ -0,0 +1,137 @@
+import { Meta, StoryObj } from '@storybook/react'
+import React, { useState } from 'react'
+import { Navigation } from './Navigation'
+
+export default {
+    title: 'v2/Navigation/Navigation',
+    component: Navigation,
+    parameters: {
+        layout: 'fullscreen',
+    },
+    argTypes: {
+        isCollapsed: {
+            control: 'boolean',
+            description: 'Toggle between expanded (with labels) and collapsed (icons only) navigation',
+        },
+        activeItem: {
+            control: 'select',
+            options: ['home', 'companies', 'venues', 'promoters', 'admin', 'users', 'customers', 'reports', 'analytics', 'payments', 'settings'],
+            description: 'Which navigation item is currently active',
+        },
+    },
+} as Meta
+
+type Story = StoryObj<typeof Navigation>
+
+// Default expanded navigation
+export const Expanded: Story = {
+    args: {
+        isCollapsed: false,
+        activeItem: 'home',
+    },
+    render: (args) => (
+        <div style={{ width: '250px', height: '100vh', background: 'var(--fills-background-primary, #FFFFFF)', borderRight: '1px solid #E5E7EB' }}>
+            <Navigation {...args} />
+        </div>
+    ),
+}
+
+// Collapsed navigation (icons only)
+export const Collapsed: Story = {
+    args: {
+        isCollapsed: true,
+        activeItem: 'home',
+    },
+    render: (args) => (
+        <div style={{ width: '76px', height: '100vh', background: 'var(--fills-background-primary, #FFFFFF)', borderRight: '1px solid #E5E7EB' }}>
+            <Navigation {...args} />
+        </div>
+    ),
+}
+
+// Interactive with toggle
+export const Interactive: Story = {
+    render: function () {
+        const [isCollapsed, setIsCollapsed] = useState(false);
+        const [activeItem, setActiveItem] = useState('home');
+
+        return (
+            <div style={{ display: 'flex', height: '100vh' }}>
+                <div style={{ width: isCollapsed ? '76px' : '250px', background: 'var(--fills-background-primary, #FFFFFF)', borderRight: '1px solid #E5E7EB', transition: 'width 0.3s ease' }}>
+                    <div style={{ padding: '16px', borderBottom: '1px solid #E5E7EB' }}>
+                        <button
+                            onClick={() => setIsCollapsed(!isCollapsed)}
+                            style={{
+                                padding: '8px 12px',
+                                background: '#14215A',
+                                color: 'white',
+                                border: 'none',
+                                borderRadius: '6px',
+                                cursor: 'pointer',
+                                fontSize: '13px',
+                                fontWeight: '500',
+                            }}
+                        >
+                            {isCollapsed ? '→' : '←'}
+                        </button>
+                    </div>
+                    <Navigation
+                        isCollapsed={isCollapsed}
+                        activeItem={activeItem}
+                        onItemClick={setActiveItem}
+                    />
+                </div>
+                <div style={{ flex: 1, padding: '24px', background: '#F9FAFB' }}>
+                    <h1 style={{ fontSize: '24px', fontWeight: '600', color: '#111827', marginBottom: '8px' }}>
+                        Active Page: {activeItem.charAt(0).toUpperCase() + activeItem.slice(1)}
+                    </h1>
+                    <p style={{ color: '#6B7280' }}>Click a navigation item to change the active page</p>
+                </div>
+            </div>
+        );
+    },
+}
+
+// Different active states
+export const ActiveOnCompanies: Story = {
+    args: {
+        isCollapsed: false,
+        activeItem: 'companies',
+    },
+    render: (args) => (
+        <div style={{ width: '250px', height: '100vh', background: 'var(--fills-background-primary, #FFFFFF)', borderRight: '1px solid #E5E7EB' }}>
+            <Navigation {...args} />
+        </div>
+    ),
+}
+
+export const ActiveOnSettings: Story = {
+    args: {
+        isCollapsed: false,
+        activeItem: 'settings',
+    },
+    render: (args) => (
+        <div style={{ width: '250px', height: '100vh', background: 'var(--fills-background-primary, #FFFFFF)', borderRight: '1px solid #E5E7EB' }}>
+            <Navigation {...args} />
+        </div>
+    ),
+}
+
+// Mobile viewport
+export const Mobile: Story = {
+    args: {
+        isCollapsed: false,
+        activeItem: 'home',
+    },
+    parameters: {
+        viewport: {
+            defaultViewport: 'mobile1',
+        },
+    },
+    render: (args) => (
+        <div style={{ width: '100%', height: '100vh', background: 'var(--fills-background-primary, #FFFFFF)' }}>
+            <Navigation {...args} />
+        </div>
+    ),
+}
+

package/dist/v2/shadcn/components/ui/accordion.d.ts

@@ -1,8 +0,0 @@
-import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
-//# sourceMappingURL=accordion.d.ts.map

package/dist/v2/shadcn/components/ui/accordion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/components/ui/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAKhE,QAAA,MAAM,SAAS,8JAA0B,CAAC;AAE1C,QAAA,MAAM,aAAa,iKAKjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,0KAiBpB,CAAC;AAGH,QAAA,MAAM,gBAAgB,oKAWpB,CAAC;AAIH,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/v2/shadcn/components/ui/alert-dialog.d.ts

@@ -1,21 +0,0 @@
-import * as React from "react";
-import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
-declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
-declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertDialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const AlertDialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
-//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/v2/shadcn/components/ui/alert-dialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAKrE,QAAA,MAAM,WAAW,iDAA4B,CAAC;AAE9C,QAAA,MAAM,kBAAkB,wHAA+B,CAAC;AAExD,QAAA,MAAM,iBAAiB,uDAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,wKAYtB,CAAC;AAGH,QAAA,MAAM,kBAAkB,wKAetB,CAAC;AAGH,QAAA,MAAM,iBAAiB;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAEvF,CAAC;AAGF,QAAA,MAAM,iBAAiB;8BAA6B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAEvF,CAAC;AAGF,QAAA,MAAM,gBAAgB,8KAKpB,CAAC;AAGH,QAAA,MAAM,sBAAsB,wLAK1B,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KAKrB,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAC"}

package/dist/v2/shadcn/components/ui/alert.d.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: {
-    variant?: "default" | "destructive";
-} & import("class-variance-authority/dist/types").ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
-declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
-declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-export { Alert, AlertTitle, AlertDescription };
-//# sourceMappingURL=alert.d.ts.map

package/dist/v2/shadcn/components/ui/alert.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../../src/v2/shadcn/components/ui/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAmBlE,QAAA,MAAM,KAAK;;8GAKT,CAAC;AAGH,QAAA,MAAM,UAAU,uHAIf,CAAC;AAGF,QAAA,MAAM,gBAAgB,yHAIrB,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/v2/shadcn/components/ui/aspect-ratio.d.ts

@@ -1,4 +0,0 @@
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
-declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
-export { AspectRatio };
-//# sourceMappingURL=aspect-ratio.d.ts.map