@invopop/popui 0.1.35 → 0.1.41

package/dist/skeleton/skeleton-avatar.svelte.d.ts

@@ -0,0 +1,7 @@
+type $$ComponentProps = {
+    class?: string;
+    size?: number;
+};
+declare const SkeletonAvatar: import("svelte").Component<$$ComponentProps, {}, "">;
+type SkeletonAvatar = ReturnType<typeof SkeletonAvatar>;
+export default SkeletonAvatar;

package/dist/skeleton/skeleton-card.svelte

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import { cn } from '../utils'
+  import SkeletonAvatar from './skeleton-avatar.svelte'
+  import SkeletonList from './skeleton-list.svelte'
+
+  let {
+    class: className = '',
+    avatarSize = 48,
+    lines = 2,
+    width = 250
+  }: {
+    class?: string
+    avatarSize?: number
+    lines?: number
+    width?: number
+  } = $props()
+</script>
+
+<div class={cn('flex items-center space-x-4', className)}>
+  <SkeletonAvatar size={avatarSize} />
+  <SkeletonList rows={lines} width={width} />
+</div>

package/dist/skeleton/skeleton-card.svelte.d.ts

@@ -0,0 +1,9 @@
+type $$ComponentProps = {
+    class?: string;
+    avatarSize?: number;
+    lines?: number;
+    width?: number;
+};
+declare const SkeletonCard: import("svelte").Component<$$ComponentProps, {}, "">;
+type SkeletonCard = ReturnType<typeof SkeletonCard>;
+export default SkeletonCard;

package/dist/skeleton/skeleton-list.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { cn } from '../utils'
+  import Skeleton from './skeleton.svelte'
+
+  let {
+    class: className = '',
+    rows = 5,
+    width = 250
+  }: {
+    class?: string
+    rows?: number
+    width?: number | string
+  } = $props()
+
+  const widthStyle = typeof width === 'number' ? `${width}px` : width
+</script>
+
+<div class={cn('space-y-2', className)}>
+  {#each Array(rows) as _, i}
+    <Skeleton
+      class="h-4"
+      style="width: {widthStyle}; max-width: {i === rows - 1 ? '80%' : '100%'}"
+    />
+  {/each}
+</div>

package/dist/skeleton/skeleton-list.svelte.d.ts

@@ -0,0 +1,8 @@
+type $$ComponentProps = {
+    class?: string;
+    rows?: number;
+    width?: number | string;
+};
+declare const SkeletonList: import("svelte").Component<$$ComponentProps, {}, "">;
+type SkeletonList = ReturnType<typeof SkeletonList>;
+export default SkeletonList;

package/dist/skeleton/skeleton.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import { cn, type WithElementRef, type WithoutChildren } from '../utils'
+  import type { HTMLAttributes } from 'svelte/elements'
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: WithoutChildren<WithElementRef<HTMLAttributes<HTMLDivElement>>> = $props()
+</script>
+
+<div
+  bind:this={ref}
+  data-slot="skeleton"
+  class={cn('bg-background-default-tertiary animate-pulse rounded-md', className)}
+  {...restProps}
+/>

package/dist/skeleton/skeleton.svelte.d.ts

@@ -0,0 +1,5 @@
+import { type WithElementRef } from '../utils';
+import type { HTMLAttributes } from 'svelte/elements';
+declare const Skeleton: import("svelte").Component<Omit<WithElementRef<HTMLAttributes<HTMLDivElement>>, "children">, {}, "ref">;
+type Skeleton = ReturnType<typeof Skeleton>;
+export default Skeleton;

package/dist/svg/IconDelivery.svelte

@@ -5,7 +5,7 @@
 <svg class={classes} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 97 117">
   <g filter="url(#a)">
     <foreignObject width="97" height="119" x="0" y="-2">
-      <div style="backdrop-filter:blur(10px);clip-path:url(#b);height:100%;width:100%" />
+      <div style="backdrop-filter:blur(10px);clip-path:url(#b);height:100%;width:100%"></div>
     </foreignObject>
     <g data-figma-bg-blur-radius="20">
       <rect width="57" height="79" x="20" y="18" fill="#fff" rx="6" />

package/dist/svg/IconOrder.svelte

@@ -5,7 +5,7 @@
 <svg class={classes} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 97 117">
   <g filter="url(#a)">
     <foreignObject width="97" height="119" x="0" y="-2">
-      <div style="backdrop-filter:blur(10px);clip-path:url(#b);height:100%;width:100%" />
+      <div style="backdrop-filter:blur(10px);clip-path:url(#b);height:100%;width:100%"></div>
     </foreignObject>
     <g data-figma-bg-blur-radius="20">
       <rect width="57" height="79" x="20" y="18" fill="#fff" rx="6" />

package/dist/svg/IconPayment.svelte

@@ -5,7 +5,7 @@
 <svg class={classes} xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 97 117">
   <g filter="url(#a)">
     <foreignObject width="97" height="119" x="0" y="-2">
-      <div style="backdrop-filter:blur(10px);clip-path:url(#b);height:100%;width:100%" />
+      <div style="backdrop-filter:blur(10px);clip-path:url(#b);height:100%;width:100%"></div>
     </foreignObject>
     <g data-figma-bg-blur-radius="20">
       <rect width="57" height="79" x="20" y="18" fill="#fff" rx="6" />

package/dist/table/table-cell.svelte

@@ -7,7 +7,8 @@
   let {
     ref = $bindable(null),
     class: className,
-    children
+    children,
+    ...restProps
   }: WithElementRef<HTMLTdAttributes> = $props()
 </script>
 
@@ -15,9 +16,10 @@
   bind:this={ref}
   data-slot="table-cell"
   class={cn(
-    'py-[9.5px] [&:has([role=menu])]:py-[5px] pl-3 pr-3 align-middle text-foreground font-normal text-base [&:has([role=menu])]:pl-1 relative z-1 border-b border-border',
+    'py-[9px] [&:has([role=menu])]:py-0 [&:has([data-uuid-copy])]:py-0 pl-3 pr-3 align-middle text-foreground font-normal text-base [&:has([role=menu])]:pl-1 [&:has([role=menu])]:bg-white [&:has([type=checkbox])]:bg-white',
     className
   )}
+  {...restProps}
   onclick={bubble('click')}
   onkeydown={bubble('keydown')}
 >

package/dist/table/table-head.svelte

@@ -4,7 +4,8 @@
   let {
     ref = $bindable(null),
     class: className,
-    children
+    children,
+    ...restProps
   }: WithElementRef<HTMLThAttributes> = $props()
 </script>
 
@@ -12,9 +13,10 @@
   bind:this={ref}
   data-slot="table-head"
   class={cn(
-    'text-foreground-default-secondary text-base font-normal text-left align-middle [&:has([role=checkbox])]:pr-0 px-3',
+    'text-foreground-default-secondary text-base font-normal text-left align-middle [&:has([role=checkbox])]:p-0 [&:has(button)]:p-0 px-3 bg-background shadow-[inset_0_-1px_0_0_var(--color-border)]',
     className
   )}
+  {...restProps}
 >
   {@render children?.()}
 </th>

package/dist/table/table-header.svelte

@@ -15,7 +15,7 @@
 <thead
   bind:this={ref}
   data-slot="table-header"
-  class={cn('[&_tr]:border-b [&_tr]:border-border bg-background', className)}
+  class={cn('sticky top-0 z-20 bg-background', className)}
   onclick={bubble('click')}
   onkeydown={bubble('keydown')}
 >

package/dist/table/table-row.svelte

@@ -10,7 +10,8 @@
     oncontextmenu,
     onkeydown,
     onmouseover,
-    onfocus
+    onfocus,
+    ...restProps
   }: WithElementRef<HTMLAttributes<HTMLTableRowElement>> = $props()
 </script>
 
@@ -18,7 +19,7 @@
   bind:this={ref}
   data-slot="table-row"
   class={cn(
-    'data-[state=selected]:bg-background-default-secondary data-[state=checked]:bg-background-selected transition-colors h-10',
+    'group/row hover:bg-background-default-secondary data-[state=selected]:bg-background-selected data-[state=checked]:bg-background-selected data-[state=error]:bg-background-critical data-[state=warning]:bg-background-warning data-[state=success]:bg-background-selected h-10 data-[state=selected]:hover:bg-background-selected data-[state=checked]:hover:bg-background-selected data-[state=error]:hover:bg-background-critical data-[state=warning]:hover:bg-background-warning data-[state=success]:hover:bg-background-selected data-[focused=true]:bg-background-default-secondary',
     className
   )}
   {oncontextmenu}
@@ -26,6 +27,7 @@
   {onkeydown}
   {onmouseover}
   {onfocus}
+  {...restProps}
 >
   {@render children?.()}
 </tr>

package/dist/table/table.svelte

@@ -8,8 +8,8 @@
   }: WithElementRef<HTMLTableAttributes> = $props()
 </script>
 
-<div data-slot="table-container" class="relative w-full">
-  <table bind:this={ref} data-slot="table" class={cn('w-full caption-bottom', className)}>
+<div data-slot="table-container" class="relative w-full h-full">
+  <table bind:this={ref} data-slot="table" class={cn('caption-bottom w-full', className)}>
     {@render children?.()}
   </table>
 </div>

package/dist/tailwind.theme.css

@@ -617,11 +617,11 @@
 
   --color-background-attention-default: var(--color-attention-alpha-10);
 
-  --color-background-warning-default: var(--color-warning-alpha-10);
+  --color-background-warning-default: var(--color-warning-alpha-5);
   --color-background-warning-bold: var(--color-warning-60);
   --color-background-warning-inverse: var(--color-warning-50);
 
-  --color-background-critical-default: var(--color-critical-alpha-10);
+  --color-background-critical-default: var(--color-critical-alpha-5);
   --color-background-critical-bold: var(--color-critical-50);
   --color-background-critical-inverse: var(--color-critical-40);
 
@@ -672,7 +672,7 @@
   --color-icon-inverse-secondary: var(--color-neutral-white-alpha-40);
   --color-icon-inverse-bold: var(--color-neutral-white-alpha-100);
 
-  --color-icon-selected-default: var(--color-positive-50);
+  --color-icon-selected-default: var(--color-accent-50);
   --color-icon-accent-default: var(--color-accent-50);
 
   --color-icon-success-default: var(--color-positive-50);
@@ -799,7 +799,10 @@
 
   /* Font Family */
   --font-sans: Inter, sans-serif;
-  --font-mono: CommitMono, ui-monospace, Menlo, Monaco, Consolas, "Ubuntu Mono", "Roboto Mono", "DejaVu Sans Mono", monospace;
+  --font-mono: "Geist Mono", CommitMono, ui-monospace, Menlo, Monaco, Consolas, "Ubuntu Mono", "Roboto Mono", "DejaVu Sans Mono", monospace;
+
+  /* Font Features for Monospace */
+  --font-mono-features: "ss02" on, "ss08" on, "ss09" on;
 
   /* Typography */
   --text-2xl: 24px;
@@ -884,7 +887,7 @@
     --color-background-selected-default-hover: var(--color-accent-alpha-30);
     --color-background-selected-default-press: var(--color-accent-alpha-40);
     --color-background-selected-inverse: var(--color-white-10);
-    --color-background-selected-inverse-hover: var(--color-nwhite-20);
+    --color-background-selected-inverse-hover: var(--color-white-20);
     --color-background-selected-inverse-press: var(--color-white-30);
 
     --color-background-accent-default: var(--color-accent-60);
@@ -954,7 +957,7 @@
     --color-icon-inverse-secondary: var(--color-neutral-white-alpha-40);
     --color-icon-inverse-bold: var(--color-neutral-white-alpha-100);
 
-    --color-icon-selected-default: var(--color-positive-50);
+    --color-icon-selected-default: var(--color-accent-50);
     --color-icon-accent-default: var(--color-white);
     --color-icon-success-default: var(--color-positive-50);
 
@@ -986,3 +989,24 @@
     --color-icon-status-void: var(--color-neutral-40);
   }
 }
+
+/* Custom utility for monospace font with OpenType features */
+@utility font-mono {
+  font-family: var(--font-mono);
+  font-variant-numeric: lining-nums tabular-nums;
+  font-feature-settings: var(--font-mono-features);
+}
+
+/* Pulse icon animation */
+@keyframes pulse-fill {
+  0%, 100% { fill: var(--color-background-default-tertiary); }
+  40% { fill: var(--color-accent-50); }
+}
+
+.pulse-icon .r0 {
+  animation: pulse-fill 1.6s ease-in-out infinite 0s;
+}
+
+.pulse-icon .r1 {
+  animation: pulse-fill 1.6s ease-in-out infinite 0.16s;
+}

package/dist/tooltip/index.d.ts

@@ -1,7 +1,8 @@
 import { Tooltip as TooltipPrimitive } from 'bits-ui';
 import Trigger from './tooltip-trigger.svelte';
 import Content from './tooltip-content.svelte';
+import AutoHide from './tooltip-auto-hide.svelte';
 declare const Root: import("svelte").Component<TooltipPrimitive.RootProps, {}, "open">;
 declare const Provider: import("svelte").Component<TooltipPrimitive.ProviderProps, {}, "">;
 declare const Portal: import("svelte").Component<TooltipPrimitive.PortalProps, {}, "">;
-export { Root, Trigger, Content, Provider, Portal, Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, Portal as TooltipPortal };
+export { Root, Trigger, Content, Provider, Portal, AutoHide, Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, Portal as TooltipPortal, AutoHide as TooltipAutoHide };

package/dist/tooltip/index.js

@@ -1,9 +1,10 @@
 import { Tooltip as TooltipPrimitive } from 'bits-ui';
 import Trigger from './tooltip-trigger.svelte';
 import Content from './tooltip-content.svelte';
+import AutoHide from './tooltip-auto-hide.svelte';
 const Root = TooltipPrimitive.Root;
 const Provider = TooltipPrimitive.Provider;
 const Portal = TooltipPrimitive.Portal;
-export { Root, Trigger, Content, Provider, Portal, 
+export { Root, Trigger, Content, Provider, Portal, AutoHide, 
 //
-Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, Portal as TooltipPortal };
+Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, Portal as TooltipPortal, AutoHide as TooltipAutoHide };

package/dist/tooltip/tooltip-auto-hide.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+  import { Tooltip, TooltipProvider } from './'
+  import { onMount, onDestroy } from 'svelte'
+  import type { Snippet } from 'svelte'
+
+  let {
+    children
+  }: {
+    children: Snippet
+  } = $props()
+
+  let isOpen = $state(false)
+
+  function handleScroll() {
+    isOpen = false
+  }
+
+  onMount(() => {
+    window.addEventListener('scroll', handleScroll, true)
+  })
+
+  onDestroy(() => {
+    window.removeEventListener('scroll', handleScroll, true)
+  })
+</script>
+
+<TooltipProvider>
+  <Tooltip bind:open={isOpen}>
+    {@render children()}
+  </Tooltip>
+</TooltipProvider>

package/dist/tooltip/tooltip-auto-hide.svelte.d.ts

@@ -0,0 +1,7 @@
+import type { Snippet } from 'svelte';
+type $$ComponentProps = {
+    children: Snippet;
+};
+declare const TooltipAutoHide: import("svelte").Component<$$ComponentProps, {}, "">;
+type TooltipAutoHide = ReturnType<typeof TooltipAutoHide>;
+export default TooltipAutoHide;

package/dist/types.d.ts

@@ -3,7 +3,7 @@ import type { IconSource } from '@steeze-ui/svelte-icon';
 import type { Snippet } from 'svelte';
 export type IconTheme = 'default' | 'solid' | 'mini';
 export type IconPosition = 'right' | 'left';
-export type ButtonVariant = 'warning' | 'primary' | 'secondary' | 'danger' | 'dark' | 'outline' | 'ghost' | 'dark-ghost';
+export type ButtonVariant = 'warning' | 'primary' | 'secondary' | 'danger' | 'dark' | 'outline' | 'ghost' | 'selected' | 'dark-ghost';
 export type StatusType = 'grey' | 'green' | 'yellow' | 'red' | 'orange' | 'blue' | 'purple' | 'olive' | 'teal' | 'crimson' | 'blueViolet' | 'steelBlue' | 'empty';
 export type AnyProp = string | number | object | boolean;
 export type SidebarIcon = {
@@ -23,6 +23,7 @@ export type DrawerGroup = {
     emptyIcon?: IconSource;
     emptyTitle?: string;
     emptyDescription?: string;
+    hideCounter?: boolean;
 };
 export type DrawerOption = SelectOption & {
     separator?: boolean;
@@ -39,7 +40,7 @@ export type DrawerOption = SelectOption & {
     locked?: boolean;
     groupBy?: string;
     useAvatar?: boolean;
-    action?: Snippet;
+    action?: Snippet<[DrawerOption]>;
 };
 export type Company = {
     id: string;
@@ -168,6 +169,8 @@ export interface BaseButtonProps {
     shortcut?: boolean;
     fullwidth?: boolean;
     notification?: boolean;
+    stackedLeft?: boolean;
+    stackedRight?: boolean;
     children?: Snippet;
     [key: string]: any;
     onclick?: (event: MouseEvent) => void;
@@ -215,6 +218,7 @@ export interface BaseDropdownProps {
     fullWidth?: boolean;
     placement?: Placement;
     matchParentWidth?: boolean;
+    usePortal?: boolean;
     trigger?: Snippet;
     children?: Snippet;
     [key: string]: any;
@@ -222,84 +226,20 @@ export interface BaseDropdownProps {
 export interface BaseFlagProps {
     country?: string;
 }
-export interface BaseTableProps {
-    sortBy?: string;
-    sortDirection?: TableSortBy;
-    fields?: TableField[];
-    data?: TableDataRow[];
-    getActions?: TableActionProp;
-    groupLabel?: TableGroupLabelProp;
-    disableRowClick?: boolean;
-    hideCounter?: boolean;
-    selectable?: boolean;
-    selectedRows?: TableDataRow[];
-    selectedTrackedBy?: string;
-    hideSelectAll?: boolean;
-    disableKeyboardNavigation?: boolean;
-    [key: string]: any;
-    ontableEndReached?: () => void;
-    onSelectAllRows?: (selected: boolean) => void;
-    onRowClick?: (row: TableDataRow) => void;
-    onRowRightClick?: (row: TableDataRow) => void;
-    onRowNewTabClick?: (row: TableDataRow) => void;
-    onCopied?: (uuid: string) => void;
-    onOrderBy?: (field: string, direction: TableSortBy) => void;
-    onClickAction?: (args: {
-        row: TableDataRow;
-        action: AnyProp;
-    }) => void;
-}
 export interface BaseTableActionsProps {
     actions: TableAction[];
     onclick?: (value: AnyProp) => void;
 }
-export interface BaseTableCellContentProps {
-    field: TableField;
-    data?: unknown;
-    isMobile?: boolean;
-    badge?: Badge | null;
-    status?: FeedItemStatus | null;
-    icons?: TableIcon[] | null;
-    onCopied?: (uuid: string) => void;
-}
-export interface BaseTableCheckboxProps {
-    checkboxButton?: HTMLButtonElement | undefined;
-    checked?: boolean;
-    hidden?: boolean;
-    indeterminate?: boolean;
-    onChecked?: (checked: boolean) => void;
-}
-export interface BaseTableHeaderProps {
-    field: TableField;
-    sortBy?: string;
-    sortDirection: TableSortBy;
-    onOrderBy?: (field: string, direction: TableSortBy) => void;
-}
 export interface BaseTableHeaderOrderByProps {
     isActive?: boolean;
     sortDirection: TableSortBy;
     onOrderBy?: (direction: TableSortBy) => void;
-}
-export interface BaseTableRowProps {
-    row: TableDataRow;
-    getActions?: TableActionProp;
-    fields?: TableField[];
-    disableRowClick?: boolean;
-    selectable?: boolean;
-    selected?: boolean;
-    selectionMode?: string;
-    selectedTrackedBy?: string;
-    selectedRows?: TableDataRow[];
-    onclick?: (event: MouseEvent) => void;
-    onmouseover?: () => void;
-    oncontextmenu?: () => void;
-    onfocus?: () => void;
-    onChecked?: (checked: boolean) => void;
-    onCopied?: (uuid: string) => void;
-    onClickAction?: (args: {
-        row: TableDataRow;
-        action: AnyProp;
-    }) => void;
+    onHide?: () => void;
+    onFilter?: () => void;
+    onFreeze?: () => void;
+    isFrozen?: boolean;
+    showSortOptions?: boolean;
+    showFilterOption?: boolean;
 }
 export interface BreadcrumbProps {
     breadcrumb: Breadcrumb;
@@ -329,6 +269,17 @@ export interface ButtonUuidCopyProps {
     disabled?: boolean;
     oncopied?: (label: string) => void;
 }
+export interface ButtonSearchProps {
+    value?: string;
+    expanded?: boolean;
+    placeholder?: string;
+    size?: 'sm' | 'md';
+    loading?: boolean;
+    autofocus?: boolean;
+    oninput?: (value: string) => void;
+    onExpand?: () => void;
+    onCollapse?: () => void;
+}
 export interface CardCheckboxProps {
     id?: any;
     name?: string;
@@ -365,20 +316,29 @@ export interface DataListItemProps {
 }
 export interface DatePickerProps {
     label?: string;
-    position?: 'left' | 'right';
+    placement?: Placement;
     from?: string;
     to?: string;
     onSelect?: (date: {
         from: string;
         to: string;
     }) => void;
+    stackLeft?: boolean;
+    stackRight?: boolean;
+    icon?: IconSource | string;
+    iconTheme?: IconTheme;
+    isOpen?: boolean;
 }
 export interface DrawerContextProps {
     items?: DrawerOption[];
     multiple?: boolean;
+    draggable?: boolean;
     widthClass?: string;
+    collapsibleGroups?: boolean;
     onclick?: (value: AnyProp) => void;
     onselect?: (selected: DrawerOption[]) => void;
+    onreorder?: (items: DrawerOption[]) => void;
+    ondropitem?: (groups: Record<string, DrawerOption[]>) => void;
     children?: Snippet;
     groups?: DrawerGroup[];
 }
@@ -399,6 +359,10 @@ export interface DropdownSelectProps {
     fullWidth?: boolean;
     widthClass?: string;
     onSelect?: (value: AnyProp) => void;
+    onOpenChange?: (isOpen: boolean) => void;
+    stackLeft?: boolean;
+    stackRight?: boolean;
+    multipleLabel?: string;
 }
 export interface EmptyStateProps {
     icon?: Snippet;
@@ -482,6 +446,8 @@ export interface InputSearchProps {
     placeholder?: string;
     icon?: IconSource;
     focusOnLoad?: boolean;
+    size?: 'xs' | 'sm' | 'md';
+    loading?: boolean;
     oninput?: (value: string) => void;
     onclick?: (event: MouseEvent) => void;
     onfocus?: (event: FocusEvent) => void;
@@ -500,6 +466,7 @@ export interface InputSelectProps {
     placeholder?: string;
     disablePlaceholder?: boolean;
     errorText?: string;
+    size?: 'xs' | 'sm' | 'md';
     onchange?: (value: string) => void;
     [key: string]: any;
 }
@@ -511,6 +478,10 @@ export interface InputTextProps {
     disabled?: boolean;
     value?: string | number;
     focusOnLoad?: boolean;
+    stackLeft?: boolean;
+    stackRight?: boolean;
+    widthClass?: string;
+    size?: 'xs' | 'sm' | 'md';
     oninput?: (value: string) => void;
     onfocus?: (event: FocusEvent) => void;
     onblur?: (event: FocusEvent) => void;
@@ -580,6 +551,12 @@ export interface StepIconListProps {
     icons?: StepIcon[];
     [key: string]: any;
 }
+export interface StepIconProps {
+    name?: string;
+    showMask?: boolean;
+    tooltipContent?: Snippet;
+    children: Snippet;
+}
 export interface TagSearchProps {
     label?: string;
     icon?: IconSource | string | undefined;
@@ -617,3 +594,4 @@ export interface UuidCopyProps {
     onCopied?: (uuid: string) => void;
     onLinkClick?: (uuid: string) => void;
 }
+export type { DataTableColumn, DataTableProps, CellType, TextCellConfig, BooleanCellConfig, TagCellConfig, DateCellConfig, CurrencyCellConfig, CellConfig } from './data-table/data-table-types.js';

package/package.json

@@ -1,7 +1,10 @@
 {
   "name": "@invopop/popui",
   "license": "MIT",
-  "version": "0.1.35",
+  "version": "0.1.41",
+  "repository": {
+    "url": "https://github.com/invopop/popui"
+  },
   "scripts": {
     "dev": "vite dev",
     "dev:clean": "npm run clean && vite dev",
@@ -11,16 +14,13 @@
     "preview": "vite preview",
     "package": "svelte-kit sync && svelte-package && publint",
     "prepublishOnly": "npm run package",
-    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.check.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "test": "vitest",
     "lint": "prettier --plugin-search-dir . --check . && eslint .",
     "format": "prettier --plugin-search-dir . --write .",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "build:tailwind": "tailwindcss -i ../styles.css -o ./dist/popui.css --minify",
-    "build-web-components": "vite build --config vite.wbc.config.ts",
-    "publish-wbc": "npm run build-web-components && cp ./package-wbc.json ./dist/package.json && cd ./dist && npm run publish"
+    "build-storybook": "storybook build"
   },
   "exports": {
     ".": {
@@ -81,11 +81,15 @@
   "types": "./dist/index.d.ts",
   "type": "module",
   "dependencies": {
+    "@atlaskit/pragmatic-drag-and-drop": "^1.7.7",
+    "@atlaskit/pragmatic-drag-and-drop-auto-scroll": "^2.1.5",
+    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.1.0",
     "@floating-ui/core": "^1.5.1",
-    "@invopop/ui-icons": "0.0.74",
+    "@invopop/ui-icons": "^0.0.78",
     "@steeze-ui/heroicons": "^2.2.3",
     "@steeze-ui/svelte-icon": "^1.6.2",
     "@tailwindcss/vite": "^4.1.12",
+    "@tanstack/table-core": "^8.21.3",
     "@types/flatpickr": "^3.1.2",
     "bits-ui": "^2.9.4",
     "clsx": "^2.0.0",
@@ -103,6 +107,8 @@
     "svelte-sonner": "^1.0.5",
     "svelte-transition": "^0.0.17",
     "svelte-viewport-info": "^1.0.2",
-    "tailwind-variants": "^1.0.0"
+    "tailwind-variants": "^1.0.0",
+    "tailwindcss-animate": "^1.0.7",
+    "zod": "^4.3.5"
   }
 }