@xjur-ui/react 2.1.0 → 2.2.0

package/dist/components/selection-bar.js

@@ -1,2 +1,2 @@
-import {b}from'../chunk-PKCW37CJ.js';import {b as b$1}from'../chunk-WV7QV2PU.js';import {createContext,useState,useCallback,useContext}from'react';import {cva,cx}from'@xjur-ui/util';import {jsxs,jsx}from'react/jsx-runtime';var k=cva(["flex items-center gap-4 rounded-lg px-4 py-3 shadow-lg transition-colors duration-200 ease-in-out","fixed bottom-6 left-1/2 -translate-x-1/2 transform z-50","backdrop-blur-sm bg-white/95 border border-border-layer-2"],{variants:{size:{sm:"px-3 py-2 text-sm",md:"px-4 py-3 text-base",lg:"px-6 py-4 text-lg"},variant:{primary:"bg-primary-idle text-neutral-label hover:bg-primary-hover rounded-circle active:bg-primary-pressed",secondary:"bg-secondary-idle text-white border-secondary-idle hover:bg-secondary-hover rounded-circle",success:"bg-success-idle text-white border-success-idle hover:bg-success-hover rounded-circle",warning:"bg-warning-idle text-white border-warning-idle hover:bg-warning-hover rounded-circle",destructive:"bg-destructive-idle text-white border-destructive-idle hover:bg-destructive-hover rounded-circle",neutral:"bg-neutral-dark text-white border-neutral-dark hover:bg-neutral-hover rounded-circle",outline:"bg-white text-neutral-dark border-border-layer-2 hover:bg-layer-2-hover rounded-circle"},position:{fixed:"fixed bottom-6 left-1/2 -translate-x-1/2 transform",absolute:"absolute bottom-6 left-1/2 -translate-x-1/2 transform",relative:"relative",sticky:"sticky bottom-6"}},defaultVariants:{size:"md",variant:"primary",position:"fixed"}});function S({selectedCount:e,onClose:t,actions:o=[],showCloseButton:i=true,selectedText:c,size:n="md",variant:u="primary",position:p="fixed",className:m,...r}){if(e===0)return null;let b$2=()=>c||(e===1?"1 item selecionado":`${e} itens selecionados`),s=()=>{switch(n){case "sm":return "text-sm";case "md":return "text-base";case "lg":return "text-lg";default:return "text-base"}};return jsxs("div",{className:cx(k({size:n,variant:u,position:p}),m),...r,children:[i&&jsx(b,{appearance:"ghost",className:"rounded-full text-current",size:n==="lg"?"md":"sm",variant:"secondary",onClick:()=>t(),children:jsx(b$1,{className:s(),name:"close"})}),jsx("span",{className:"font-medium whitespace-nowrap",children:b$2()}),o.map(a=>jsxs(b,{appearance:"ghost",className:"rounded-full text-current",disabled:a.disabled,size:n==="lg"?"md":"sm",variant:a.variant||"secondary",onClick:()=>a.onClick(),children:[jsx(b$1,{className:s(),name:a.icon}),a.label&&jsx("span",{className:"ml-2",children:a.label})]},a.id))]})}var f=createContext(null);function N({children:e,onSelectionChange:t}){let[o,i]=useState(new Set),c=useCallback(r=>{i(b=>{let s=new Set(b);return s.has(r)?s.delete(r):s.add(r),t?.(Array.from(s)),s});},[t]),n=useCallback(()=>{i(new Set),t?.([]);},[t]),u=useCallback(r=>{i(new Set(r)),t?.(r);},[t]),p=useCallback(r=>o.has(r),[o]),m={selectedItems:o,toggleSelection:c,clearSelection:n,selectAll:u,isSelected:p,selectedCount:o.size};return jsx(f.Provider,{value:m,children:e})}function y(){let e=useContext(f);if(!e)throw new Error("useSelectionBar must be used within a SelectionBarProvider");return e}function T({actions:e=[],showCloseButton:t=true,selectedText:o,...i}){let{selectedCount:c,clearSelection:n}=y();return jsx(S,{actions:e,selectedCount:c,selectedText:o,showCloseButton:t,onClose:()=>n(),...i})}var R={Root:S,Provider:N,Container:T,useSelectionBar:y};export{S as SelectionBar,R as SelectionBarComponents,T as SelectionBarContainer,N as SelectionBarProvider,k as selectionBarVariants,y as useSelectionBar};//# sourceMappingURL=selection-bar.js.map
+import {b}from'../chunk-M6ZI7M3R.js';import {b as b$1}from'../chunk-DVDHTP4C.js';import {createContext,useState,useCallback,useContext}from'react';import {cva,cx}from'@xjur-ui/util';import {jsxs,jsx}from'react/jsx-runtime';var k=cva(["flex items-center gap-4 rounded-lg px-4 py-3 shadow-lg transition-colors duration-200 ease-in-out","fixed bottom-6 left-1/2 -translate-x-1/2 transform z-50","backdrop-blur-sm bg-white/95 border border-border-layer-2"],{variants:{size:{sm:"px-3 py-2 text-sm",md:"px-4 py-3 text-base",lg:"px-6 py-4 text-lg"},variant:{primary:"bg-primary-idle text-neutral-label hover:bg-primary-hover rounded-circle active:bg-primary-pressed",secondary:"bg-secondary-idle text-white border-secondary-idle hover:bg-secondary-hover rounded-circle",success:"bg-success-idle text-white border-success-idle hover:bg-success-hover rounded-circle",warning:"bg-warning-idle text-white border-warning-idle hover:bg-warning-hover rounded-circle",destructive:"bg-destructive-idle text-white border-destructive-idle hover:bg-destructive-hover rounded-circle",neutral:"bg-neutral-dark text-white border-neutral-dark hover:bg-neutral-hover rounded-circle",outline:"bg-white text-neutral-dark border-border-layer-2 hover:bg-layer-2-hover rounded-circle"},position:{fixed:"fixed bottom-6 left-1/2 -translate-x-1/2 transform",absolute:"absolute bottom-6 left-1/2 -translate-x-1/2 transform",relative:"relative",sticky:"sticky bottom-6"}},defaultVariants:{size:"md",variant:"primary",position:"fixed"}});function S({selectedCount:e,onClose:t,actions:o=[],showCloseButton:i=true,selectedText:c,size:n="md",variant:u="primary",position:p="fixed",className:m,...r}){if(e===0)return null;let b$2=()=>c||(e===1?"1 item selecionado":`${e} itens selecionados`),s=()=>{switch(n){case "sm":return "text-sm";case "md":return "text-base";case "lg":return "text-lg";default:return "text-base"}};return jsxs("div",{className:cx(k({size:n,variant:u,position:p}),m),...r,children:[i&&jsx(b,{appearance:"ghost",className:"rounded-full text-current",size:n==="lg"?"md":"sm",variant:"secondary",onClick:()=>t(),children:jsx(b$1,{className:s(),name:"close"})}),jsx("span",{className:"font-medium whitespace-nowrap",children:b$2()}),o.map(a=>jsxs(b,{appearance:"ghost",className:"rounded-full text-current",disabled:a.disabled,size:n==="lg"?"md":"sm",variant:a.variant||"secondary",onClick:()=>a.onClick(),children:[jsx(b$1,{className:s(),name:a.icon}),a.label&&jsx("span",{className:"ml-2",children:a.label})]},a.id))]})}var f=createContext(null);function N({children:e,onSelectionChange:t}){let[o,i]=useState(new Set),c=useCallback(r=>{i(b=>{let s=new Set(b);return s.has(r)?s.delete(r):s.add(r),t?.(Array.from(s)),s});},[t]),n=useCallback(()=>{i(new Set),t?.([]);},[t]),u=useCallback(r=>{i(new Set(r)),t?.(r);},[t]),p=useCallback(r=>o.has(r),[o]),m={selectedItems:o,toggleSelection:c,clearSelection:n,selectAll:u,isSelected:p,selectedCount:o.size};return jsx(f.Provider,{value:m,children:e})}function y(){let e=useContext(f);if(!e)throw new Error("useSelectionBar must be used within a SelectionBarProvider");return e}function T({actions:e=[],showCloseButton:t=true,selectedText:o,...i}){let{selectedCount:c,clearSelection:n}=y();return jsx(S,{actions:e,selectedCount:c,selectedText:o,showCloseButton:t,onClose:()=>n(),...i})}var R={Root:S,Provider:N,Container:T,useSelectionBar:y};export{S as SelectionBar,R as SelectionBarComponents,T as SelectionBarContainer,N as SelectionBarProvider,k as selectionBarVariants,y as useSelectionBar};//# sourceMappingURL=selection-bar.js.map
 //# sourceMappingURL=selection-bar.js.map

package/dist/components/selection-bar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/selection-bar.tsx"],"names":["selectionBarVariants","cva","SelectionBar","selectedCount","onClose","actions","showCloseButton","selectedText","size","variant","position","className","props","getSelectedText","getIconSize","jsxs","cx","jsx","Button","Icon","action","SelectionBarContext","createContext","SelectionBarProvider","children","onSelectionChange","selectedItems","setSelectedItems","useState","toggleSelection","useCallback","id","prev","newSet","clearSelection","selectAll","ids","isSelected","value","useSelectionBar","context","useContext","SelectionBarContainer","SelectionBarComponents"],"mappings":"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","file":"selection-bar.js","sourcesContent":["import type { ComponentProps, ReactNode } from 'react'\nimport { createContext, useContext, useState, useCallback } from 'react'\nimport { cva, cx, type ClassVariantProps } from '@xjur-ui/util'\nimport { Icon, type IconType } from './icon'\nimport { Button } from './form/button'\n\nconst selectionBarVariants = cva(\n  [\n    'flex items-center gap-4 rounded-lg px-4 py-3 shadow-lg transition-colors duration-200 ease-in-out',\n    'fixed bottom-6 left-1/2 -translate-x-1/2 transform z-50',\n    'backdrop-blur-sm bg-white/95 border border-border-layer-2'\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'px-3 py-2 text-sm',\n        md: 'px-4 py-3 text-base',\n        lg: 'px-6 py-4 text-lg'\n      },\n      variant: {\n        primary:\n          'bg-primary-idle text-neutral-label hover:bg-primary-hover rounded-circle active:bg-primary-pressed',\n        secondary:\n          'bg-secondary-idle text-white border-secondary-idle hover:bg-secondary-hover rounded-circle',\n        success:\n          'bg-success-idle text-white border-success-idle hover:bg-success-hover rounded-circle',\n        warning:\n          'bg-warning-idle text-white border-warning-idle hover:bg-warning-hover rounded-circle',\n        destructive:\n          'bg-destructive-idle text-white border-destructive-idle hover:bg-destructive-hover rounded-circle',\n        neutral:\n          'bg-neutral-dark text-white border-neutral-dark hover:bg-neutral-hover rounded-circle',\n        outline:\n          'bg-white text-neutral-dark border-border-layer-2 hover:bg-layer-2-hover rounded-circle'\n      },\n      position: {\n        fixed: 'fixed bottom-6 left-1/2 -translate-x-1/2 transform',\n        absolute: 'absolute bottom-6 left-1/2 -translate-x-1/2 transform',\n        relative: 'relative',\n        sticky: 'sticky bottom-6'\n      }\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'primary',\n      position: 'fixed'\n    }\n  }\n)\n\nexport interface SelectionAction {\n  id: string\n  label?: string\n  icon: IconType\n  onClick: () => void\n  variant?: 'primary' | 'secondary' | 'destructive' | 'tertiary' | 'outlined'\n  disabled?: boolean\n}\n\ninterface SelectionBarProps\n  extends Omit<ComponentProps<'div'>, 'onClose'>,\n    ClassVariantProps<typeof selectionBarVariants> {\n  selectedCount: number\n  onClose: () => void\n  actions?: SelectionAction[]\n  showCloseButton?: boolean\n  closeButtonText?: string\n  selectedText?: string\n  className?: string\n}\n\nfunction SelectionBar({\n  selectedCount,\n  onClose,\n  actions = [],\n  showCloseButton = true,\n  selectedText,\n  size = 'md',\n  variant = 'primary',\n  position = 'fixed',\n  className,\n  ...props\n}: SelectionBarProps) {\n  if (selectedCount === 0) return null\n\n  const getSelectedText = () => {\n    if (selectedText) return selectedText\n    return selectedCount === 1\n      ? '1 item selecionado'\n      : `${selectedCount} itens selecionados`\n  }\n\n  const getIconSize = () => {\n    switch (size) {\n      case 'sm':\n        return 'text-sm'\n      case 'md':\n        return 'text-base'\n      case 'lg':\n        return 'text-lg'\n      default:\n        return 'text-base'\n    }\n  }\n\n  return (\n    <div\n      className={cx(\n        selectionBarVariants({ size, variant, position }),\n        className\n      )}\n      {...props}\n    >\n      {showCloseButton && (\n        <Button\n          appearance=\"ghost\"\n          className=\"rounded-full text-current\"\n          size={size === 'lg' ? 'md' : 'sm'}\n          variant=\"secondary\"\n          onClick={() => onClose()}\n        >\n          <Icon className={getIconSize()} name=\"close\" />\n        </Button>\n      )}\n\n      <span className=\"font-medium whitespace-nowrap\">{getSelectedText()}</span>\n\n      {actions.map(action => (\n        <Button\n          appearance=\"ghost\"\n          className=\"rounded-full text-current\"\n          disabled={action.disabled}\n          key={action.id}\n          size={size === 'lg' ? 'md' : 'sm'}\n          variant={action.variant || 'secondary'}\n          onClick={() => action.onClick()}\n        >\n          <Icon className={getIconSize()} name={action.icon} />\n          {action.label && <span className=\"ml-2\">{action.label}</span>}\n        </Button>\n      ))}\n    </div>\n  )\n}\n\ninterface SelectionBarContextType {\n  selectedItems: Set<string>\n  toggleSelection: (id: string) => void\n  clearSelection: () => void\n  selectAll: (ids: string[]) => void\n  isSelected: (id: string) => boolean\n  selectedCount: number\n}\n\nconst SelectionBarContext = createContext<SelectionBarContextType | null>(null)\n\ninterface SelectionBarProviderProps {\n  children: ReactNode\n  onSelectionChange?: (selectedIds: string[]) => void\n}\n\nfunction SelectionBarProvider({\n  children,\n  onSelectionChange\n}: SelectionBarProviderProps) {\n  const [selectedItems, setSelectedItems] = useState<Set<string>>(new Set())\n\n  const toggleSelection = useCallback(\n    (id: string) => {\n      setSelectedItems(prev => {\n        const newSet = new Set(prev)\n        if (newSet.has(id)) {\n          newSet.delete(id)\n        } else {\n          newSet.add(id)\n        }\n        onSelectionChange?.(Array.from(newSet))\n        return newSet\n      })\n    },\n    [onSelectionChange]\n  )\n\n  const clearSelection = useCallback(() => {\n    setSelectedItems(new Set())\n    onSelectionChange?.([])\n  }, [onSelectionChange])\n\n  const selectAll = useCallback(\n    (ids: string[]) => {\n      setSelectedItems(new Set(ids))\n      onSelectionChange?.(ids)\n    },\n    [onSelectionChange]\n  )\n\n  const isSelected = useCallback(\n    (id: string) => {\n      return selectedItems.has(id)\n    },\n    [selectedItems]\n  )\n\n  const value: SelectionBarContextType = {\n    selectedItems,\n    toggleSelection,\n    clearSelection,\n    selectAll,\n    isSelected,\n    selectedCount: selectedItems.size\n  }\n\n  return (\n    <SelectionBarContext.Provider value={value}>\n      {children}\n    </SelectionBarContext.Provider>\n  )\n}\n\nfunction useSelectionBar() {\n  const context = useContext(SelectionBarContext)\n  if (!context) {\n    throw new Error(\n      'useSelectionBar must be used within a SelectionBarProvider'\n    )\n  }\n  return context\n}\n\ninterface SelectionBarContainerProps\n  extends Omit<SelectionBarProps, 'selectedCount' | 'onClose'> {\n  showCloseButton?: boolean\n  closeButtonText?: string\n  selectedText?: string\n}\n\nfunction SelectionBarContainer({\n  actions = [],\n  showCloseButton = true,\n  selectedText,\n  ...props\n}: SelectionBarContainerProps) {\n  const { selectedCount, clearSelection } = useSelectionBar()\n\n  return (\n    <SelectionBar\n      actions={actions}\n      selectedCount={selectedCount}\n      selectedText={selectedText}\n      showCloseButton={showCloseButton}\n      onClose={() => clearSelection()}\n      {...props}\n    />\n  )\n}\n\nexport const SelectionBarComponents = {\n  Root: SelectionBar,\n  Provider: SelectionBarProvider,\n  Container: SelectionBarContainer,\n  useSelectionBar\n}\n\nexport { SelectionBar }\nexport { SelectionBarProvider }\nexport { SelectionBarContainer }\nexport { useSelectionBar }\nexport { selectionBarVariants }\nexport type {\n  SelectionBarProps,\n  SelectionBarProviderProps,\n  SelectionBarContainerProps\n}\n"]}
+{"version":3,"sources":["../../src/components/selection-bar.tsx"],"names":["selectionBarVariants","cva","SelectionBar","selectedCount","onClose","actions","showCloseButton","selectedText","size","variant","position","className","props","getSelectedText","getIconSize","jsxs","cx","jsx","Button","Icon","action","SelectionBarContext","createContext","SelectionBarProvider","children","onSelectionChange","selectedItems","setSelectedItems","useState","toggleSelection","useCallback","id","prev","newSet","clearSelection","selectAll","ids","isSelected","value","useSelectionBar","context","useContext","SelectionBarContainer","SelectionBarComponents"],"mappings":"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","file":"selection-bar.js","sourcesContent":["import type { ComponentProps, ReactNode } from 'react'\nimport { createContext, useContext, useState, useCallback } from 'react'\nimport { cva, cx, type ClassVariantProps } from '@xjur-ui/util'\nimport { Icon, type IconType } from './icon'\nimport { Button } from './controls/button'\n\nconst selectionBarVariants = cva(\n  [\n    'flex items-center gap-4 rounded-lg px-4 py-3 shadow-lg transition-colors duration-200 ease-in-out',\n    'fixed bottom-6 left-1/2 -translate-x-1/2 transform z-50',\n    'backdrop-blur-sm bg-white/95 border border-border-layer-2'\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'px-3 py-2 text-sm',\n        md: 'px-4 py-3 text-base',\n        lg: 'px-6 py-4 text-lg'\n      },\n      variant: {\n        primary:\n          'bg-primary-idle text-neutral-label hover:bg-primary-hover rounded-circle active:bg-primary-pressed',\n        secondary:\n          'bg-secondary-idle text-white border-secondary-idle hover:bg-secondary-hover rounded-circle',\n        success:\n          'bg-success-idle text-white border-success-idle hover:bg-success-hover rounded-circle',\n        warning:\n          'bg-warning-idle text-white border-warning-idle hover:bg-warning-hover rounded-circle',\n        destructive:\n          'bg-destructive-idle text-white border-destructive-idle hover:bg-destructive-hover rounded-circle',\n        neutral:\n          'bg-neutral-dark text-white border-neutral-dark hover:bg-neutral-hover rounded-circle',\n        outline:\n          'bg-white text-neutral-dark border-border-layer-2 hover:bg-layer-2-hover rounded-circle'\n      },\n      position: {\n        fixed: 'fixed bottom-6 left-1/2 -translate-x-1/2 transform',\n        absolute: 'absolute bottom-6 left-1/2 -translate-x-1/2 transform',\n        relative: 'relative',\n        sticky: 'sticky bottom-6'\n      }\n    },\n    defaultVariants: {\n      size: 'md',\n      variant: 'primary',\n      position: 'fixed'\n    }\n  }\n)\n\nexport interface SelectionAction {\n  id: string\n  label?: string\n  icon: IconType\n  onClick: () => void\n  variant?: 'primary' | 'secondary' | 'destructive' | 'tertiary' | 'outlined'\n  disabled?: boolean\n}\n\ninterface SelectionBarProps\n  extends Omit<ComponentProps<'div'>, 'onClose'>,\n    ClassVariantProps<typeof selectionBarVariants> {\n  selectedCount: number\n  onClose: () => void\n  actions?: SelectionAction[]\n  showCloseButton?: boolean\n  closeButtonText?: string\n  selectedText?: string\n  className?: string\n}\n\nfunction SelectionBar({\n  selectedCount,\n  onClose,\n  actions = [],\n  showCloseButton = true,\n  selectedText,\n  size = 'md',\n  variant = 'primary',\n  position = 'fixed',\n  className,\n  ...props\n}: SelectionBarProps) {\n  if (selectedCount === 0) return null\n\n  const getSelectedText = () => {\n    if (selectedText) return selectedText\n    return selectedCount === 1\n      ? '1 item selecionado'\n      : `${selectedCount} itens selecionados`\n  }\n\n  const getIconSize = () => {\n    switch (size) {\n      case 'sm':\n        return 'text-sm'\n      case 'md':\n        return 'text-base'\n      case 'lg':\n        return 'text-lg'\n      default:\n        return 'text-base'\n    }\n  }\n\n  return (\n    <div\n      className={cx(\n        selectionBarVariants({ size, variant, position }),\n        className\n      )}\n      {...props}\n    >\n      {showCloseButton && (\n        <Button\n          appearance=\"ghost\"\n          className=\"rounded-full text-current\"\n          size={size === 'lg' ? 'md' : 'sm'}\n          variant=\"secondary\"\n          onClick={() => onClose()}\n        >\n          <Icon className={getIconSize()} name=\"close\" />\n        </Button>\n      )}\n\n      <span className=\"font-medium whitespace-nowrap\">{getSelectedText()}</span>\n\n      {actions.map(action => (\n        <Button\n          appearance=\"ghost\"\n          className=\"rounded-full text-current\"\n          disabled={action.disabled}\n          key={action.id}\n          size={size === 'lg' ? 'md' : 'sm'}\n          variant={action.variant || 'secondary'}\n          onClick={() => action.onClick()}\n        >\n          <Icon className={getIconSize()} name={action.icon} />\n          {action.label && <span className=\"ml-2\">{action.label}</span>}\n        </Button>\n      ))}\n    </div>\n  )\n}\n\ninterface SelectionBarContextType {\n  selectedItems: Set<string>\n  toggleSelection: (id: string) => void\n  clearSelection: () => void\n  selectAll: (ids: string[]) => void\n  isSelected: (id: string) => boolean\n  selectedCount: number\n}\n\nconst SelectionBarContext = createContext<SelectionBarContextType | null>(null)\n\ninterface SelectionBarProviderProps {\n  children: ReactNode\n  onSelectionChange?: (selectedIds: string[]) => void\n}\n\nfunction SelectionBarProvider({\n  children,\n  onSelectionChange\n}: SelectionBarProviderProps) {\n  const [selectedItems, setSelectedItems] = useState<Set<string>>(new Set())\n\n  const toggleSelection = useCallback(\n    (id: string) => {\n      setSelectedItems(prev => {\n        const newSet = new Set(prev)\n        if (newSet.has(id)) {\n          newSet.delete(id)\n        } else {\n          newSet.add(id)\n        }\n        onSelectionChange?.(Array.from(newSet))\n        return newSet\n      })\n    },\n    [onSelectionChange]\n  )\n\n  const clearSelection = useCallback(() => {\n    setSelectedItems(new Set())\n    onSelectionChange?.([])\n  }, [onSelectionChange])\n\n  const selectAll = useCallback(\n    (ids: string[]) => {\n      setSelectedItems(new Set(ids))\n      onSelectionChange?.(ids)\n    },\n    [onSelectionChange]\n  )\n\n  const isSelected = useCallback(\n    (id: string) => {\n      return selectedItems.has(id)\n    },\n    [selectedItems]\n  )\n\n  const value: SelectionBarContextType = {\n    selectedItems,\n    toggleSelection,\n    clearSelection,\n    selectAll,\n    isSelected,\n    selectedCount: selectedItems.size\n  }\n\n  return (\n    <SelectionBarContext.Provider value={value}>\n      {children}\n    </SelectionBarContext.Provider>\n  )\n}\n\nfunction useSelectionBar() {\n  const context = useContext(SelectionBarContext)\n  if (!context) {\n    throw new Error(\n      'useSelectionBar must be used within a SelectionBarProvider'\n    )\n  }\n  return context\n}\n\ninterface SelectionBarContainerProps\n  extends Omit<SelectionBarProps, 'selectedCount' | 'onClose'> {\n  showCloseButton?: boolean\n  closeButtonText?: string\n  selectedText?: string\n}\n\nfunction SelectionBarContainer({\n  actions = [],\n  showCloseButton = true,\n  selectedText,\n  ...props\n}: SelectionBarContainerProps) {\n  const { selectedCount, clearSelection } = useSelectionBar()\n\n  return (\n    <SelectionBar\n      actions={actions}\n      selectedCount={selectedCount}\n      selectedText={selectedText}\n      showCloseButton={showCloseButton}\n      onClose={() => clearSelection()}\n      {...props}\n    />\n  )\n}\n\nexport const SelectionBarComponents = {\n  Root: SelectionBar,\n  Provider: SelectionBarProvider,\n  Container: SelectionBarContainer,\n  useSelectionBar\n}\n\nexport { SelectionBar }\nexport { SelectionBarProvider }\nexport { SelectionBarContainer }\nexport { useSelectionBar }\nexport { selectionBarVariants }\nexport type {\n  SelectionBarProps,\n  SelectionBarProviderProps,\n  SelectionBarContainerProps\n}\n"]}

package/dist/components/sheet.js

@@ -1,2 +1,2 @@
-import {b as b$1}from'../chunk-PKCW37CJ.js';import {b as b$2}from'../chunk-WV7QV2PU.js';import'react';import*as e from'@radix-ui/react-dialog';import {cx}from'@xjur-ui/util';import {jsx,jsxs}from'react/jsx-runtime';function v({...t}){return jsx(e.Root,{"data-slot":"sheet",...t})}function S({...t}){return jsx(e.Trigger,{"data-slot":"sheet-trigger",...t})}function x({children:t=jsx(b$1,{appearance:"ghost",size:"icon_md",variant:"tertiary",children:jsx(b$2,{className:"text-icon-neutral-3",name:"close"})}),...o}){return jsx(e.Close,{"data-slot":"sheet-close",...o,children:t})}function m({...t}){return jsx(e.Portal,{"data-slot":"sheet-portal",...t})}function p({className:t,...o}){return jsx(e.Overlay,{className:cx("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50",t),"data-slot":"sheet-overlay",...o})}function g({className:t,children:o,side:i="right",overlay:l=false,...d}){return jsxs(m,{children:[l&&jsx(p,{}),jsx(e.Content,{className:cx("border-border-layer-2 bg-layer-2-idle data-[state=open]:animate-in data-[state=closed]:animate-out shadow-elevation-2 fixed z-50 flex flex-col gap-4 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",i==="right"&&"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",i==="left"&&"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",i==="top"&&"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",i==="bottom"&&"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",t),"data-slot":"sheet-content",...d,children:o})]})}function b({className:t,...o}){return jsx("div",{className:cx("px-large-2x",t),...o})}function y({className:t,...o}){return jsx("div",{className:cx("py-large px-large-2x border-b-border-layer-2 border-b",t),"data-slot":"sheet-header",...o})}function C({className:t,...o}){return jsx("div",{className:cx("py-large px-large-2x border-t-border-layer-2 mt-auto border-t",t),"data-slot":"sheet-footer",...o})}function R({className:t,...o}){return jsx(e.Title,{className:cx("text-size-title-lg font-medium",t),"data-slot":"sheet-title",...o})}export{b as SheetBody,x as SheetClose,g as SheetContent,C as SheetFooter,y as SheetHeader,p as SheetOverlay,m as SheetPortal,v as SheetRoot,R as SheetTitle,S as SheetTrigger};//# sourceMappingURL=sheet.js.map
+export{g as SheetBody,c as SheetClose,f as SheetContent,i as SheetFooter,h as SheetHeader,e as SheetOverlay,d as SheetPortal,a as SheetRoot,j as SheetTitle,b as SheetTrigger}from'../chunk-43DUEHUA.js';import'../chunk-M6ZI7M3R.js';import'../chunk-DVDHTP4C.js';//# sourceMappingURL=sheet.js.map
 //# sourceMappingURL=sheet.js.map

package/dist/components/sheet.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/sheet.tsx"],"names":["SheetRoot","props","jsx","SheetTrigger","SheetClose","children","Button","Icon","SheetPortal","SheetOverlay","className","cx","SheetContent","side","overlay","jsxs","SheetBody","SheetHeader","SheetFooter","SheetTitle"],"mappings":"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","file":"sheet.js","sourcesContent":["import * as React from 'react'\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { cx } from '@xjur-ui/util'\nimport { Button } from './form/button'\nimport { Icon } from './icon'\n\nexport function SheetRoot({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Root>) {\n  return <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n}\n\nexport function SheetTrigger({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n  return <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />\n}\n\nexport function SheetClose({\n  children = (\n    <Button appearance=\"ghost\" size=\"icon_md\" variant=\"tertiary\">\n      <Icon className=\"text-icon-neutral-3\" name=\"close\" />\n    </Button>\n  ),\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Close>) {\n  return (\n    <SheetPrimitive.Close data-slot=\"sheet-close\" {...props}>\n      {children}\n    </SheetPrimitive.Close>\n  )\n}\n\nexport function SheetPortal({\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n  return <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n}\n\nexport function SheetOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n  return (\n    <SheetPrimitive.Overlay\n      className={cx(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50',\n        className\n      )}\n      data-slot=\"sheet-overlay\"\n      {...props}\n    />\n  )\n}\n\nexport function SheetContent({\n  className,\n  children,\n  side = 'right',\n  overlay = false,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  overlay?: boolean\n}) {\n  return (\n    <SheetPortal>\n      {overlay && <SheetOverlay />}\n      <SheetPrimitive.Content\n        className={cx(\n          'border-border-layer-2 bg-layer-2-idle data-[state=open]:animate-in data-[state=closed]:animate-out shadow-elevation-2 fixed z-50 flex flex-col gap-4 transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n          side === 'right' &&\n            'data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm',\n          side === 'left' &&\n            'data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm',\n          side === 'top' &&\n            'data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b',\n          side === 'bottom' &&\n            'data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t',\n          className\n        )}\n        data-slot=\"sheet-content\"\n        {...props}\n      >\n        {children}\n      </SheetPrimitive.Content>\n    </SheetPortal>\n  )\n}\n\nexport function SheetBody({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return <div className={cx('px-large-2x', className)} {...props} />\n}\n\nexport function SheetHeader({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cx(\n        'py-large px-large-2x border-b-border-layer-2 border-b',\n        className\n      )}\n      data-slot=\"sheet-header\"\n      {...props}\n    />\n  )\n}\n\nexport function SheetFooter({\n  className,\n  ...props\n}: React.ComponentProps<'div'>) {\n  return (\n    <div\n      className={cx(\n        'py-large px-large-2x border-t-border-layer-2 mt-auto border-t',\n        className\n      )}\n      data-slot=\"sheet-footer\"\n      {...props}\n    />\n  )\n}\n\nexport function SheetTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof SheetPrimitive.Title>) {\n  return (\n    <SheetPrimitive.Title\n      className={cx('text-size-title-lg font-medium', className)}\n      data-slot=\"sheet-title\"\n      {...props}\n    />\n  )\n}\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"sheet.js"}

package/dist/components/steps/index.d.ts

@@ -0,0 +1,11 @@
+export { StepsContext, StepsContextValue, StepsProvider, useSteps } from './steps-context.js';
+export { StepsRoot } from './steps-root.js';
+export { StepsNavigation } from './steps-navigation.js';
+export { Steps } from './steps-content.js';
+export { Step } from './step.js';
+export { NextStep, PreviousStep } from './steps-action.js';
+import 'react/jsx-runtime';
+import 'react';
+import '../controls/button.js';
+import 'class-variance-authority/types';
+import '@xjur-ui/util';

package/dist/components/steps/index.js

@@ -0,0 +1,2 @@
+export{a as StepsNavigation}from'../../chunk-ZPQPJJQJ.js';export{a as StepsRoot}from'../../chunk-F7ANJ4HD.js';export{a as Step}from'../../chunk-FQTUN47L.js';export{a as NextStep,b as PreviousStep}from'../../chunk-TYWCS7GS.js';export{a as Steps}from'../../chunk-X6SOSTUN.js';export{a as StepsContext,b as StepsProvider,c as useSteps}from'../../chunk-O3JK6QF6.js';import'../../chunk-M6ZI7M3R.js';//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/steps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/steps/step.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+declare function Step({ stepIndex, className, ...props }: ComponentProps<'div'> & {
+    stepIndex: number;
+}): react_jsx_runtime.JSX.Element | null;
+
+export { Step };

package/dist/components/steps/step.js

@@ -0,0 +1,2 @@
+export{a as Step}from'../../chunk-FQTUN47L.js';import'../../chunk-O3JK6QF6.js';//# sourceMappingURL=step.js.map
+//# sourceMappingURL=step.js.map

package/dist/components/steps/step.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"step.js"}

package/dist/components/steps/steps-action.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { Button } from '../controls/button.js';
+import 'class-variance-authority/types';
+import '@xjur-ui/util';
+
+declare function NextStep({ children, type, onClick, ...props }: Omit<ComponentProps<typeof Button>, 'children'> & {
+    children?: React.ReactNode | ((stepIndex: number) => React.ReactNode);
+}): react_jsx_runtime.JSX.Element;
+declare function PreviousStep({ appearance, children, onClick, ...props }: ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+
+export { NextStep, PreviousStep };

package/dist/components/steps/steps-action.js

@@ -0,0 +1,2 @@
+export{a as NextStep,b as PreviousStep}from'../../chunk-TYWCS7GS.js';import'../../chunk-O3JK6QF6.js';import'../../chunk-M6ZI7M3R.js';//# sourceMappingURL=steps-action.js.map
+//# sourceMappingURL=steps-action.js.map

package/dist/components/steps/steps-action.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"steps-action.js"}

package/dist/components/steps/steps-content.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+declare function Steps({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+
+export { Steps };

package/dist/components/steps/steps-content.js

@@ -0,0 +1,2 @@
+export{a as Steps}from'../../chunk-X6SOSTUN.js';//# sourceMappingURL=steps-content.js.map
+//# sourceMappingURL=steps-content.js.map

package/dist/components/steps/steps-content.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"steps-content.js"}

package/dist/components/steps/steps-context.d.ts

@@ -0,0 +1,22 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import { ComponentProps } from 'react';
+
+interface StepsContextValue {
+    steps: string[];
+    currentStepIndex: number;
+    isLastStep: boolean;
+    handleStepChange: (index: number) => void;
+    handleNextStep: () => void;
+    handlePreviousStep: () => void;
+}
+declare const StepsContext: React$1.Context<StepsContextValue>;
+declare function StepsProvider({ steps, currentStepIndex: currentStepIndexProp, onStepChange, children, className, ...props }: {
+    steps: string[];
+    currentStepIndex?: number;
+    onStepChange?: (index: number) => void;
+    children: React.ReactNode | ((context: StepsContextValue) => React.ReactNode);
+} & Omit<ComponentProps<'div'>, 'children'>): react_jsx_runtime.JSX.Element;
+declare function useSteps(): StepsContextValue;
+
+export { StepsContext, type StepsContextValue, StepsProvider, useSteps };

package/dist/components/steps/steps-context.js

@@ -0,0 +1,2 @@
+export{a as StepsContext,b as StepsProvider,c as useSteps}from'../../chunk-O3JK6QF6.js';//# sourceMappingURL=steps-context.js.map
+//# sourceMappingURL=steps-context.js.map

package/dist/components/steps/steps-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"steps-context.js"}

package/dist/components/steps/steps-navigation.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+
+declare function StepsNavigation({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+
+export { StepsNavigation };

package/dist/components/steps/steps-navigation.js

@@ -0,0 +1,2 @@
+export{a as StepsNavigation}from'../../chunk-ZPQPJJQJ.js';import'../../chunk-O3JK6QF6.js';//# sourceMappingURL=steps-navigation.js.map
+//# sourceMappingURL=steps-navigation.js.map

package/dist/components/steps/steps-navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"steps-navigation.js"}

package/dist/components/steps/steps-root.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentProps } from 'react';
+import { StepsProvider } from './steps-context.js';
+
+declare function StepsRoot({ className, ...props }: ComponentProps<typeof StepsProvider>): react_jsx_runtime.JSX.Element;
+
+export { StepsRoot };

package/dist/components/steps/steps-root.js

@@ -0,0 +1,2 @@
+export{a as StepsRoot}from'../../chunk-F7ANJ4HD.js';import'../../chunk-O3JK6QF6.js';//# sourceMappingURL=steps-root.js.map
+//# sourceMappingURL=steps-root.js.map

package/dist/components/steps/steps-root.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"steps-root.js"}

package/dist/components/table/index.d.ts

@@ -0,0 +1,9 @@
+export { Table } from './table.js';
+export { TableBody } from './table-body.js';
+export { TableCell } from './table-cell.js';
+export { TableFooter } from './table-footer.js';
+export { TableHeader } from './table-header.js';
+export { TableHead, TableHeadContent } from './table-head.js';
+export { TableRow } from './table-row.js';
+export { TableSort } from './table-sort.js';
+import 'react/jsx-runtime';

package/dist/components/table/index.js

@@ -0,0 +1,2 @@
+export{a as TableRow}from'../../chunk-EITO7GZX.js';export{a as TableSort}from'../../chunk-GVKH2BG2.js';export{a as Table}from'../../chunk-7HMMMRDA.js';export{a as TableBody}from'../../chunk-URDL5OKH.js';export{a as TableCell}from'../../chunk-V2FCP4FA.js';export{a as TableFooter}from'../../chunk-FUHASFGU.js';export{a as TableHead,b as TableHeadContent}from'../../chunk-AKR2BJRB.js';export{a as TableHeader}from'../../chunk-Q2BZSHS2.js';import'../../chunk-DVDHTP4C.js';//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/table/table-body.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function TableBody({ className, ...props }: React.ComponentProps<'tbody'>): react_jsx_runtime.JSX.Element;
+
+export { TableBody };

package/dist/components/table/table-body.js

@@ -0,0 +1,2 @@
+export{a as TableBody}from'../../chunk-URDL5OKH.js';//# sourceMappingURL=table-body.js.map
+//# sourceMappingURL=table-body.js.map

package/dist/components/table/table-body.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"table-body.js"}

package/dist/components/table/table-cell.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function TableCell({ className, ...props }: React.ComponentProps<'td'>): react_jsx_runtime.JSX.Element;
+
+export { TableCell };

package/dist/components/table/table-cell.js

@@ -0,0 +1,2 @@
+export{a as TableCell}from'../../chunk-V2FCP4FA.js';//# sourceMappingURL=table-cell.js.map
+//# sourceMappingURL=table-cell.js.map

package/dist/components/table/table-cell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"table-cell.js"}

package/dist/components/table/table-footer.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>): react_jsx_runtime.JSX.Element;
+
+export { TableFooter };

package/dist/components/table/table-footer.js

@@ -0,0 +1,2 @@
+export{a as TableFooter}from'../../chunk-FUHASFGU.js';//# sourceMappingURL=table-footer.js.map
+//# sourceMappingURL=table-footer.js.map

package/dist/components/table/table-footer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"table-footer.js"}

package/dist/components/table/table-head.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function TableHead({ className, ...props }: React.ComponentProps<'th'>): react_jsx_runtime.JSX.Element;
+declare function TableHeadContent({ className, ...props }: React.ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
+
+export { TableHead, TableHeadContent };

package/dist/components/table/table-head.js

@@ -0,0 +1,2 @@
+export{a as TableHead,b as TableHeadContent}from'../../chunk-AKR2BJRB.js';//# sourceMappingURL=table-head.js.map
+//# sourceMappingURL=table-head.js.map

package/dist/components/table/table-head.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"table-head.js"}

package/dist/components/table/table-header.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function TableHeader({ className, ...props }: React.ComponentProps<'thead'>): react_jsx_runtime.JSX.Element;
+
+export { TableHeader };

package/dist/components/table/table-header.js

@@ -0,0 +1,2 @@
+export{a as TableHeader}from'../../chunk-Q2BZSHS2.js';//# sourceMappingURL=table-header.js.map
+//# sourceMappingURL=table-header.js.map

package/dist/components/table/table-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"table-header.js"}

package/dist/components/table/table-row.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function TableRow({ className, isSelected, ...props }: React.ComponentProps<'tr'> & {
+    isSelected?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { TableRow };

package/dist/components/table/table-row.js

@@ -0,0 +1,2 @@
+export{a as TableRow}from'../../chunk-EITO7GZX.js';//# sourceMappingURL=table-row.js.map
+//# sourceMappingURL=table-row.js.map

package/dist/components/table/table-row.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"table-row.js"}

package/dist/components/table/table-sort.d.ts

@@ -0,0 +1,7 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function TableSort({ className, sortedDirection, ...props }: React.ComponentProps<'button'> & {
+    sortedDirection?: 'asc' | 'desc';
+}): react_jsx_runtime.JSX.Element;
+
+export { TableSort };

package/dist/components/table/table-sort.js

@@ -0,0 +1,2 @@
+export{a as TableSort}from'../../chunk-GVKH2BG2.js';import'../../chunk-DVDHTP4C.js';//# sourceMappingURL=table-sort.js.map
+//# sourceMappingURL=table-sort.js.map

package/dist/components/table/table-sort.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"table-sort.js"}

package/dist/components/table/table.d.ts

@@ -0,0 +1,5 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare function Table({ className, ...props }: React.ComponentProps<'table'>): react_jsx_runtime.JSX.Element;
+
+export { Table };

package/dist/components/table/table.js

@@ -0,0 +1,2 @@
+export{a as Table}from'../../chunk-7HMMMRDA.js';//# sourceMappingURL=table.js.map
+//# sourceMappingURL=table.js.map

package/dist/components/table/table.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"table.js"}

package/dist/components/tag.d.ts

@@ -4,7 +4,7 @@ import { ClassVariantProps } from '@xjur-ui/util';
 import { ComponentProps } from 'react';
 import { Typography } from './typography.js';
 import { Icon } from './icon.js';
-import { I as IconType } from '../icons-CmDuL0gZ.js';
+import { I as IconType } from '../icons-C-hGI45d.js';
 
 declare const tagVariants: (props?: ({
     variant?: "primary" | "neutral" | "danger" | null | undefined;

package/dist/components/tag.js

@@ -1,2 +1,2 @@
-import {b}from'../chunk-WV7QV2PU.js';import {a}from'../chunk-EIG6CBTQ.js';import {cva,cx}from'@xjur-ui/util';import'react';import {jsx}from'react/jsx-runtime';var d=cva(["group/tag relative h-large-2x w-fit rounded-small-1x px-small py-none flex items-center gap-small_1x-alt","transition-all duration-200"],{variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle hover:bg-primary-alt-hover",danger:"bg-danger-alt-idle text-danger-label-idle hover:bg-danger-alt-hover",neutral:"bg-layer-1-idle text-neutral-dark hover:bg-layer-1-hover"}},defaultVariants:{variant:"primary"}});function c({className:a,variant:t="primary",disabled:e=false,...n}){return jsx("div",{className:cx(d({variant:t}),a),"data-disabled":e,...n})}function v({variant:a$1="label",size:t="sm-1x",weight:e="medium",className:n,...p}){return jsx(a,{className:cx(n,"truncate"),size:t,variant:a$1,weight:e,...p})}function m({className:a,...t}){return jsx(b,{className:(cx("text-size-body-md","group-data-[variant=primary]:text-primary-label-idle","group-data-[variant=danger]:text-danger-label-idle","group-data-[variant=neutral]:text-icon-neutral-3"),a),...t})}function x({className:a,children:t=jsx(m,{name:"close"}),...e}){return jsx("button",{className:cx(a,"cursor-pointer bg-inherit","invisible items-center justify-center group-hover/tag:data-[disabled=false]:visible","absolute top-0 right-0","h-large-2x w-large-2x rounded-circle","transition-[visibility] duration-200"),type:"button",...e,children:t})}export{x as TagClose,m as TagIcon,c as TagRoot,v as TagText};//# sourceMappingURL=tag.js.map
+import {b}from'../chunk-DVDHTP4C.js';import {a}from'../chunk-EIG6CBTQ.js';import {cva,cx}from'@xjur-ui/util';import'react';import {jsx}from'react/jsx-runtime';var d=cva(["group/tag relative h-large-2x w-fit rounded-small-1x px-small py-none flex items-center gap-small_1x-alt","transition-all duration-200"],{variants:{variant:{primary:"bg-primary-alt-idle text-primary-label-idle hover:bg-primary-alt-hover",danger:"bg-danger-alt-idle text-danger-label-idle hover:bg-danger-alt-hover",neutral:"bg-layer-1-idle text-neutral-dark hover:bg-layer-1-hover"}},defaultVariants:{variant:"primary"}});function c({className:a,variant:t="primary",disabled:e=false,...n}){return jsx("div",{className:cx(d({variant:t}),a),"data-disabled":e,...n})}function v({variant:a$1="label",size:t="sm-1x",weight:e="medium",className:n,...p}){return jsx(a,{className:cx(n,"truncate"),size:t,variant:a$1,weight:e,...p})}function m({className:a,...t}){return jsx(b,{className:(cx("text-size-body-md","group-data-[variant=primary]:text-primary-label-idle","group-data-[variant=danger]:text-danger-label-idle","group-data-[variant=neutral]:text-icon-neutral-3"),a),...t})}function x({className:a,children:t=jsx(m,{name:"close"}),...e}){return jsx("button",{className:cx(a,"cursor-pointer bg-inherit","invisible items-center justify-center group-hover/tag:data-[disabled=false]:visible","absolute top-0 right-0","h-large-2x w-large-2x rounded-circle","transition-[visibility] duration-200"),type:"button",...e,children:t})}export{x as TagClose,m as TagIcon,c as TagRoot,v as TagText};//# sourceMappingURL=tag.js.map
 //# sourceMappingURL=tag.js.map

package/dist/components/upload.js

@@ -1,2 +1,2 @@
-import {b as b$3,c as c$1,h,l}from'../chunk-AA6V5YEC.js';import {a}from'../chunk-Z47R2CIM.js';import {b as b$2,c,g}from'../chunk-2CM3SFOY.js';import'../chunk-TSVURBUY.js';import'../chunk-IRHU7PDO.js';import'../chunk-CBFC4QME.js';import'../chunk-KIFR5VIE.js';import {b as b$1}from'../chunk-PKCW37CJ.js';import {b}from'../chunk-WV7QV2PU.js';import'../chunk-EIG6CBTQ.js';import {createContext,useState,useRef,useCallback,useContext}from'react';import {cva,cx}from'@xjur-ui/util';import {jsx,jsxs}from'react/jsx-runtime';var q=createContext(null);function T(){let l=useContext(q);if(!l)throw new Error("Upload components must be used within UploadRoot");return l}function te({children:l,className:n,files:d,onFilesChange:c,accept:m,multiple:o=false,disabled:u=false,maxFiles:b=1,maxSize:x,acceptedFormats:f=[".jpeg",".png",".webp"],...v}){return jsx(q.Provider,{value:{files:d,onFilesChange:c,accept:m,multiple:o,disabled:u,maxFiles:b,maxSize:x,acceptedFormats:f},children:jsx("div",{className:cx("flex flex-col gap-4",n),...v,children:l})})}var ae=cva(["flex flex-col items-center justify-center","relative border-2 border-dashed border-border-layer-2 rounded-lg transition-all duration-200 ease-in-out cursor-pointer","hover:border-border-layer-2 hover:bg-transparent","focus-within:border-primary-idle focus-within:ring-2 focus-within:ring-primary-idle/20","data-[drag-over=true]:border-primary-idle data-[drag-over=true]:bg-primary-alt-idle/10"],{variants:{size:{large:"p-6 min-h-[200px] ",medium:"p-6 min-h-[160px]",small:"p-6 min-h-[130px]",oneLine:"p-4 min-h-[18px]"},showButton:{true:"",false:""},variant:{default:"bg-white",transparent:"bg-transparent",minimal:"bg-white",oneLineWhite:"bg-white",oneLineTransparent:"bg-transparent"}},compoundVariants:[{size:"large",showButton:true},{size:"medium",showButton:true},{size:"small",showButton:true},{variant:"oneLineWhite",showButton:false,className:"items-center flex flex-row justify-center"},{variant:"oneLineTransparent",showButton:false,className:"items-center flex flex-row justify-center"}],defaultVariants:{size:"large",variant:"default",showButton:true}});function re({className:l,size:n="large",showButton:d=true,variant:c="default",showAcceptedFormats:m=true,buttonText:o="Selecionar arquivo",description:u="Clique ou solte os arquivos para fazer o upload",icon:b="upload",...x}){let{onFilesChange:f,accept:v,multiple:r,disabled:a,maxFiles:t,maxSize:F,acceptedFormats:E}=T(),[W,P]=useState(false),w=useRef(null),[U,D]=useState(0),N=useCallback(i=>{let s=i;return t&&t>0&&(s=s.slice(0,t)),F&&(s=s.filter(p=>p.size<=F)),v&&(s=s.filter(p=>{let Q=`.${p.name.split(".").pop()?.toLowerCase()}`;return E?.some(L=>L.startsWith(".")?L===Q:p.type.includes(L))})),s.map(p=>({name:p.name,type:p.type,fileBinary:p,restrict:false}))},[t,F,v,E]),_=useCallback(i=>{i.preventDefault(),i.stopPropagation(),D(s=>s+1),P(true);},[]),K=useCallback(i=>{i.preventDefault(),i.stopPropagation(),D(s=>s-1),U<=1&&P(false);},[U]),$=useCallback(i=>{i.preventDefault(),i.stopPropagation();},[]),G=useCallback(i=>{if(i.preventDefault(),i.stopPropagation(),P(false),D(0),a)return;let s=Array.from(i.dataTransfer.files),p=N(s);p.length>0&&f?.(p);},[a,f,N]),J=useCallback(i=>{if(a)return;let s=Array.from(i.target.files||[]),p=N(s);p.length>0&&f?.(p);},[a,f,N]);return jsxs(M,{...x,"aria-disabled":a,"aria-label":u,className:cx(ae({size:n,showButton:d,variant:c}),l),"data-drag-over":W,fileInputRef:w,onDragEnter:_,onDragLeave:K,onDragOver:$,onDrop:G,children:[jsx("input",{accept:v,className:"hidden",disabled:a,multiple:r,ref:w,type:"file",onChange:J}),jsx(H,{buttonText:o,description:u,icon:b,showAcceptedFormats:m,showButton:d,variant:c||"default",onButtonClick:()=>{!a&&w.current&&w.current.click();}})]})}function ne({children:l,className:n,...d}){return jsx("h3",{className:cx("text-neutral-dark text-lg font-semibold",n),...d,children:l})}function H({description:l="Clique ou solte os arquivos para fazer o upload",icon:n="upload",showAcceptedFormats:d=true,buttonText:c="Selecionar arquivo",showButton:m=true,onButtonClick:o,variant:u="default",className:b$2,...x}){let{acceptedFormats:f}=T(),v=()=>d?jsxs("p",{className:"text-neutral-secondary mt-2 text-sm",children:["Formatos aceitos: ",f?.join(" ")]}):null;return u==="oneLineWhite"||u==="oneLineTransparent"?jsxs("div",{...x,className:cx("flex h-full items-center justify-center gap-4 text-center",b$2),children:[jsx(b,{className:"text-neutral-secondary text-4xl",name:n}),jsx("p",{className:"text-neutral-dark text-base font-medium",children:l}),v()]}):jsxs("div",{...x,className:cx("flex h-full w-full flex-col items-center gap-4 text-center",b$2),children:[jsxs("div",{className:"flex flex-col items-center",children:[jsx(b,{className:"text-neutral-secondary mb-3 text-4xl",name:n}),jsx("p",{className:"text-neutral-dark mb-2 text-base font-medium",children:l}),v()]}),m&&jsx("div",{children:jsx(b$1,{size:"md",variant:"primary",onClick:a=>{a.stopPropagation(),o?.();},children:c})})]})}function M({children:l,fileInputRef:n,...d}){let{disabled:c}=T(),m=useCallback(()=>{!c&&n?.current&&n.current.click();},[c,n]);return jsx("div",{role:"button",tabIndex:c?-1:0,onClick:m,onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),m());},...d,children:l})}function oe({fileTypeOptions:l$1=[{value:"document",label:"Documento"},{value:"image",label:"Imagem"},{value:"video",label:"V\xEDdeo"},{value:"audio",label:"\xC1udio"},{value:"other",label:"Outro"}],onUpdateFile:n,onDeleteFile:d,className:c$2,...m}){let{files:o,onFilesChange:u}=T();if(!o||o.length===0)return null;let b$4=(r,a)=>{if(n)n(r,{description:a});else {let t=[...o];t[r]={...t[r],description:a},u?.(t);}},x=(r,a)=>{if(n)n(r,{fileType:a});else {let t=[...o];t[r]={...t[r],fileType:a},u?.(t);}},f=(r,a)=>{if(n)n(r,{restrict:a});else {let t=[...o];t[r]={...t[r],restrict:a},u?.(t);}},v=r=>{if(d)d(r);else {let a=o.filter((t,F)=>F!==r);u?.(a);}};return jsx("div",{className:cx("space-y-2",c$2),...m,children:jsxs("div",{className:"border-border-layer-2 p-4",children:[jsxs("div",{className:"border-border-layer-2 mb-3 flex w-full flex-row items-center justify-between gap-4 border-b pb-2",children:[jsx("div",{className:"w-full",children:jsx("span",{className:"text-sm font-medium text-gray-300",children:"Descri\xE7\xE3o"})}),jsx("div",{className:"w-full",children:jsx("span",{className:"text-sm font-medium text-gray-300",children:"Tipo"})}),jsx("div",{className:"flex justify-end",children:jsx("span",{className:"text-sm font-medium text-gray-300",children:"Restrito"})})]}),jsx("div",{className:"space-y-3",children:o.map((r,a$1)=>jsxs("div",{className:"flex flex-row items-center gap-4 py-3",children:[jsx("div",{className:"flex justify-start",children:jsx(b,{className:"text-neutral-secondary hover:text-neutral-dark cursor-grab",name:"drag_indicator"})}),jsx("div",{className:"w-full",children:jsx(b$2,{children:jsx(c,{children:jsx(g,{placeholder:"Nome do arquivo",value:r.description||r.name,onChange:t=>b$4(a$1,t.target.value)})})})}),jsx("div",{className:"w-full",children:jsxs(b$3,{children:[jsxs(c$1,{className:"flex justify-between",children:[jsx("span",{className:"text-neutral-dark",children:l$1.find(t=>t.value===r.fileType)?.label||"Tipo"}),jsx(b,{className:"text-neutral-secondary",name:"keyboard_arrow_down"})]}),jsx(h,{children:l$1.map(t=>jsx(l,{value:t.value,onSelect:()=>x(a$1,t.value),children:t.label},t.value))})]})}),jsx("div",{className:"flex justify-end",children:jsx(a,{checked:r.restrict||false,onCheckedChange:t=>f(a$1,t)})}),jsx("div",{className:"flex justify-end",children:jsx(b$1,{appearance:"ghost",size:"sm",variant:"destructive",onClick:()=>v(a$1),children:jsx(b,{name:"delete"})})})]},a$1))})]})})}var me={Root:te,Area:re,Title:ne,AreaContent:H,AreaTrigger:M,EditableList:oe};export{oe as EditableFilesList,me as Upload,re as UploadArea,H as UploadAreaContent,M as UploadAreaTrigger,te as UploadRoot,ne as UploadTitle,ae as uploadAreaVariants};//# sourceMappingURL=upload.js.map
+import {b as b$3,c as c$1,h,l}from'../chunk-2JU3PFV2.js';import {a}from'../chunk-3L772WC6.js';import {b as b$2,c,g}from'../chunk-3H75F4Y2.js';import'../chunk-PBR7SFWY.js';import'../chunk-JGPHBUVM.js';import'../chunk-2JQVYVAT.js';import'../chunk-CBFC4QME.js';import'../chunk-YOLTIAFT.js';import {b as b$1}from'../chunk-M6ZI7M3R.js';import {b}from'../chunk-DVDHTP4C.js';import'../chunk-EIG6CBTQ.js';import {createContext,useState,useRef,useCallback,useContext}from'react';import {cva,cx}from'@xjur-ui/util';import {jsx,jsxs}from'react/jsx-runtime';var q=createContext(null);function T(){let l=useContext(q);if(!l)throw new Error("Upload components must be used within UploadRoot");return l}function te({children:l,className:n,files:d,onFilesChange:c,accept:m,multiple:o=false,disabled:u=false,maxFiles:b=1,maxSize:x,acceptedFormats:f=[".jpeg",".png",".webp"],...v}){return jsx(q.Provider,{value:{files:d,onFilesChange:c,accept:m,multiple:o,disabled:u,maxFiles:b,maxSize:x,acceptedFormats:f},children:jsx("div",{className:cx("flex flex-col gap-4",n),...v,children:l})})}var ae=cva(["flex flex-col items-center justify-center","relative border-2 border-dashed border-border-layer-2 rounded-lg transition-all duration-200 ease-in-out cursor-pointer","hover:border-border-layer-2 hover:bg-transparent","focus-within:border-primary-idle focus-within:ring-2 focus-within:ring-primary-idle/20","data-[drag-over=true]:border-primary-idle data-[drag-over=true]:bg-primary-alt-idle/10"],{variants:{size:{large:"p-6 min-h-[200px] ",medium:"p-6 min-h-[160px]",small:"p-6 min-h-[130px]",oneLine:"p-4 min-h-[18px]"},showButton:{true:"",false:""},variant:{default:"bg-white",transparent:"bg-transparent",minimal:"bg-white",oneLineWhite:"bg-white",oneLineTransparent:"bg-transparent"}},compoundVariants:[{size:"large",showButton:true},{size:"medium",showButton:true},{size:"small",showButton:true},{variant:"oneLineWhite",showButton:false,className:"items-center flex flex-row justify-center"},{variant:"oneLineTransparent",showButton:false,className:"items-center flex flex-row justify-center"}],defaultVariants:{size:"large",variant:"default",showButton:true}});function re({className:l,size:n="large",showButton:d=true,variant:c="default",showAcceptedFormats:m=true,buttonText:o="Selecionar arquivo",description:u="Clique ou solte os arquivos para fazer o upload",icon:b="upload",...x}){let{onFilesChange:f,accept:v,multiple:r,disabled:a,maxFiles:t,maxSize:F,acceptedFormats:E}=T(),[W,P]=useState(false),w=useRef(null),[U,D]=useState(0),N=useCallback(i=>{let s=i;return t&&t>0&&(s=s.slice(0,t)),F&&(s=s.filter(p=>p.size<=F)),v&&(s=s.filter(p=>{let Q=`.${p.name.split(".").pop()?.toLowerCase()}`;return E?.some(L=>L.startsWith(".")?L===Q:p.type.includes(L))})),s.map(p=>({name:p.name,type:p.type,fileBinary:p,restrict:false}))},[t,F,v,E]),_=useCallback(i=>{i.preventDefault(),i.stopPropagation(),D(s=>s+1),P(true);},[]),K=useCallback(i=>{i.preventDefault(),i.stopPropagation(),D(s=>s-1),U<=1&&P(false);},[U]),$=useCallback(i=>{i.preventDefault(),i.stopPropagation();},[]),G=useCallback(i=>{if(i.preventDefault(),i.stopPropagation(),P(false),D(0),a)return;let s=Array.from(i.dataTransfer.files),p=N(s);p.length>0&&f?.(p);},[a,f,N]),J=useCallback(i=>{if(a)return;let s=Array.from(i.target.files||[]),p=N(s);p.length>0&&f?.(p);},[a,f,N]);return jsxs(M,{...x,"aria-disabled":a,"aria-label":u,className:cx(ae({size:n,showButton:d,variant:c}),l),"data-drag-over":W,fileInputRef:w,onDragEnter:_,onDragLeave:K,onDragOver:$,onDrop:G,children:[jsx("input",{accept:v,className:"hidden",disabled:a,multiple:r,ref:w,type:"file",onChange:J}),jsx(H,{buttonText:o,description:u,icon:b,showAcceptedFormats:m,showButton:d,variant:c||"default",onButtonClick:()=>{!a&&w.current&&w.current.click();}})]})}function ne({children:l,className:n,...d}){return jsx("h3",{className:cx("text-neutral-dark text-lg font-semibold",n),...d,children:l})}function H({description:l="Clique ou solte os arquivos para fazer o upload",icon:n="upload",showAcceptedFormats:d=true,buttonText:c="Selecionar arquivo",showButton:m=true,onButtonClick:o,variant:u="default",className:b$2,...x}){let{acceptedFormats:f}=T(),v=()=>d?jsxs("p",{className:"text-neutral-secondary mt-2 text-sm",children:["Formatos aceitos: ",f?.join(" ")]}):null;return u==="oneLineWhite"||u==="oneLineTransparent"?jsxs("div",{...x,className:cx("flex h-full items-center justify-center gap-4 text-center",b$2),children:[jsx(b,{className:"text-neutral-secondary text-4xl",name:n}),jsx("p",{className:"text-neutral-dark text-base font-medium",children:l}),v()]}):jsxs("div",{...x,className:cx("flex h-full w-full flex-col items-center gap-4 text-center",b$2),children:[jsxs("div",{className:"flex flex-col items-center",children:[jsx(b,{className:"text-neutral-secondary mb-3 text-4xl",name:n}),jsx("p",{className:"text-neutral-dark mb-2 text-base font-medium",children:l}),v()]}),m&&jsx("div",{children:jsx(b$1,{size:"md",variant:"primary",onClick:a=>{a.stopPropagation(),o?.();},children:c})})]})}function M({children:l,fileInputRef:n,...d}){let{disabled:c}=T(),m=useCallback(()=>{!c&&n?.current&&n.current.click();},[c,n]);return jsx("div",{role:"button",tabIndex:c?-1:0,onClick:m,onKeyDown:o=>{(o.key==="Enter"||o.key===" ")&&(o.preventDefault(),m());},...d,children:l})}function oe({fileTypeOptions:l$1=[{value:"document",label:"Documento"},{value:"image",label:"Imagem"},{value:"video",label:"V\xEDdeo"},{value:"audio",label:"\xC1udio"},{value:"other",label:"Outro"}],onUpdateFile:n,onDeleteFile:d,className:c$2,...m}){let{files:o,onFilesChange:u}=T();if(!o||o.length===0)return null;let b$4=(r,a)=>{if(n)n(r,{description:a});else {let t=[...o];t[r]={...t[r],description:a},u?.(t);}},x=(r,a)=>{if(n)n(r,{fileType:a});else {let t=[...o];t[r]={...t[r],fileType:a},u?.(t);}},f=(r,a)=>{if(n)n(r,{restrict:a});else {let t=[...o];t[r]={...t[r],restrict:a},u?.(t);}},v=r=>{if(d)d(r);else {let a=o.filter((t,F)=>F!==r);u?.(a);}};return jsx("div",{className:cx("space-y-2",c$2),...m,children:jsxs("div",{className:"border-border-layer-2 p-4",children:[jsxs("div",{className:"border-border-layer-2 mb-3 flex w-full flex-row items-center justify-between gap-4 border-b pb-2",children:[jsx("div",{className:"w-full",children:jsx("span",{className:"text-sm font-medium text-gray-300",children:"Descri\xE7\xE3o"})}),jsx("div",{className:"w-full",children:jsx("span",{className:"text-sm font-medium text-gray-300",children:"Tipo"})}),jsx("div",{className:"flex justify-end",children:jsx("span",{className:"text-sm font-medium text-gray-300",children:"Restrito"})})]}),jsx("div",{className:"space-y-3",children:o.map((r,a$1)=>jsxs("div",{className:"flex flex-row items-center gap-4 py-3",children:[jsx("div",{className:"flex justify-start",children:jsx(b,{className:"text-neutral-secondary hover:text-neutral-dark cursor-grab",name:"drag_indicator"})}),jsx("div",{className:"w-full",children:jsx(b$2,{children:jsx(c,{children:jsx(g,{placeholder:"Nome do arquivo",value:r.description||r.name,onChange:t=>b$4(a$1,t.target.value)})})})}),jsx("div",{className:"w-full",children:jsxs(b$3,{children:[jsxs(c$1,{className:"flex justify-between",children:[jsx("span",{className:"text-neutral-dark",children:l$1.find(t=>t.value===r.fileType)?.label||"Tipo"}),jsx(b,{className:"text-neutral-secondary",name:"keyboard_arrow_down"})]}),jsx(h,{children:l$1.map(t=>jsx(l,{value:t.value,onSelect:()=>x(a$1,t.value),children:t.label},t.value))})]})}),jsx("div",{className:"flex justify-end",children:jsx(a,{checked:r.restrict||false,onCheckedChange:t=>f(a$1,t)})}),jsx("div",{className:"flex justify-end",children:jsx(b$1,{appearance:"ghost",size:"sm",variant:"destructive",onClick:()=>v(a$1),children:jsx(b,{name:"delete"})})})]},a$1))})]})})}var me={Root:te,Area:re,Title:ne,AreaContent:H,AreaTrigger:M,EditableList:oe};export{oe as EditableFilesList,me as Upload,re as UploadArea,H as UploadAreaContent,M as UploadAreaTrigger,te as UploadRoot,ne as UploadTitle,ae as uploadAreaVariants};//# sourceMappingURL=upload.js.map
 //# sourceMappingURL=upload.js.map