@pantool/components 1.0.0-alpha.7 → 1.0.0-alpha.8

package/dist/atoms/clickable-area/clickable-area.d.ts

@@ -0,0 +1,15 @@
+import { MergeElementProps, WithBaseProps } from "../../types.js";
+
+//#region src/atoms/clickable-area/clickable-area.d.ts
+type ClickableAreaProps = MergeElementProps<"button", WithBaseProps<{
+  /**
+   * If true, the button will be disabled and non-interactive.
+   *
+   * @default false
+   */
+  disabled?: boolean;
+}>>;
+declare const ClickableArea: React.FC<ClickableAreaProps>;
+//#endregion
+export { ClickableArea, ClickableAreaProps };
+//# sourceMappingURL=clickable-area.d.ts.map

package/dist/atoms/clickable-area/clickable-area.js

@@ -0,0 +1,2 @@
+import e from"./styles.module.js";import t from"clsx";import{jsx as n}from"react/jsx-runtime";const r=r=>{let{children:i,className:a,disabled:o=!1,tabIndex:s,...c}=r,l=o?-1:s??0;return n(`button`,{...c,inert:o,disabled:o,tabIndex:l,className:t(e.root,a),children:i})};export{r as ClickableArea};
+//# sourceMappingURL=clickable-area.js.map

package/dist/atoms/clickable-area/clickable-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clickable-area.js","names":["classes"],"sources":["../../../src/atoms/clickable-area/clickable-area.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport type { MergeElementProps, WithBaseProps } from \"../../types\";\nimport classes from \"./styles.module.css\";\n\nexport type ClickableAreaProps = MergeElementProps<\n  \"button\",\n  WithBaseProps<{\n    /**\n     * If true, the button will be disabled and non-interactive.\n     *\n     * @default false\n     */\n    disabled?: boolean;\n  }>\n>;\n\nexport const ClickableArea: React.FC<ClickableAreaProps> = props => {\n  const {\n    children,\n    className,\n    disabled = false,\n    tabIndex: tabIndexProp,\n    ...otherProps\n  } = props;\n\n  const tabIndex = disabled ? -1 : (tabIndexProp ?? 0);\n\n  return (\n    <button\n      {...otherProps}\n      inert={disabled}\n      disabled={disabled}\n      tabIndex={tabIndex}\n      className={clsx(classes[\"root\"], className)}\n    >\n      {children}\n    </button>\n  );\n};\n"],"mappings":"8FAgBA,MAAa,EAA8C,GAAS,CAClE,GAAM,CACJ,WACA,YACA,WAAW,GACX,SAAU,EACV,GAAG,GACD,EAEE,EAAW,EAAW,GAAM,GAAgB,EAElD,OACE,EAAC,SAAD,CACE,GAAI,EACJ,MAAO,EACG,WACA,WACV,UAAW,EAAKA,EAAQ,KAAS,CAAS,EAEzC,UACK,CAAA,CAEZ"}

package/dist/atoms/clickable-area/index.d.ts

@@ -0,0 +1 @@
+import { ClickableArea, ClickableAreaProps } from "./clickable-area.js";

package/dist/atoms/clickable-area/index.js

@@ -0,0 +1 @@
+import"./clickable-area.js";

package/dist/atoms/clickable-area/styles.css

@@ -0,0 +1 @@
+.TyvJFa_root{--clickable-area-background:transparent;all:unset;cursor:pointer;border-radius:var(--radius-lg);background-color:var(--clickable-area-background)}.TyvJFa_root:focus-visible{outline-style:solid;outline-width:var(--token-focus-ring-stroke);outline-color:var(--token-focus-ring-color);outline-offset:var(--token-focus-ring-offset)}.TyvJFa_root.TyvJFa_disabled{pointer-events:none}@media (hover:hover){.TyvJFa_root:not(.TyvJFa_disabled):hover{--clickable-area-background:#ffffff1f}}.TyvJFa_root:not(.TyvJFa_disabled):active{--clickable-area-background:#ffffff0f}

package/dist/atoms/clickable-area/styles.module.js

@@ -0,0 +1,3 @@
+import './styles.css';
+var e={disabled:`TyvJFa_disabled`,root:`TyvJFa_root`};export{e as default};
+//# sourceMappingURL=styles.module.js.map

package/dist/atoms/clickable-area/styles.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.module.js","names":[],"sources":["../../../src/atoms/clickable-area/styles.module.css"],"sourcesContent":[".root {\n  --clickable-area-background: transparent;\n\n  all: unset;\n  cursor: pointer;\n\n  border-radius: var(--radius-lg);\n  background-color: var(--clickable-area-background);\n}\n\n.root:focus-visible {\n  outline-style: solid;\n  outline-width: var(--token-focus-ring-stroke);\n  outline-color: var(--token-focus-ring-color);\n  outline-offset: var(--token-focus-ring-offset);\n}\n\n.root.disabled {\n  pointer-events: none;\n}\n\n@media (hover: hover) {\n  .root:not(.disabled):hover {\n    --clickable-area-background: rgba(255, 255, 255, 0.12);\n  }\n}\n\n.root:not(.disabled):active {\n  --clickable-area-background: rgba(255, 255, 255, 0.06);\n}\n"],"mappings":""}

package/dist/atoms/index.d.ts

@@ -1,6 +1,7 @@
 import { AlertDialog, AlertDialogProps } from "./alert-dialog/alert-dialog.js";
 import { Button, ButtonProps } from "./button/button.js";
 import { Checkbox, CheckboxProps } from "./checkbox/checkbox.js";
+import { ClickableArea, ClickableAreaProps } from "./clickable-area/clickable-area.js";
 import { Collapsible } from "./collapsible/collapsible.js";
 import { ComboboxItem } from "./combobox/components/item.js";
 import { Combobox, ComboboxGroup, ComboboxProps } from "./combobox/combobox.js";

package/dist/atoms/index.js

@@ -1 +1 @@
-import"./button/button.js";import"./button/index.js";import"./text/text.js";import"./text/index.js";import"./alert-dialog/alert-dialog.js";import"./alert-dialog/index.js";import"./icon/icon.js";import"./icon/index.js";import"./checkbox/checkbox.js";import"./checkbox/index.js";import"./collapsible/collapsible.js";import"./collapsible/index.js";import"./combobox/combobox.js";import"./combobox/index.js";import"./condition-guard/condition-guard.js";import"./condition-guard/index.js";import"./context-menu/context-menu.js";import"./context-menu/index.js";import"./dialog/dialog.js";import"./dialog/index.js";import"./icon-button/icon-button.js";import"./icon-button/index.js";import"./input/input.js";import"./input/index.js";import"./radio/radio.js";import"./radio/index.js";import"./switch/switch.js";import"./switch/index.js";import"./tabs/tabs.js";import"./tabs/index.js";import"./toast/toast.js";import"./toast/index.js";import"./tooltip/tooltip.js";import"./tooltip/index.js";
+import"./button/button.js";import"./button/index.js";import"./text/text.js";import"./text/index.js";import"./alert-dialog/alert-dialog.js";import"./alert-dialog/index.js";import"./icon/icon.js";import"./icon/index.js";import"./checkbox/checkbox.js";import"./checkbox/index.js";import"./clickable-area/clickable-area.js";import"./clickable-area/index.js";import"./collapsible/collapsible.js";import"./collapsible/index.js";import"./combobox/combobox.js";import"./combobox/index.js";import"./condition-guard/condition-guard.js";import"./condition-guard/index.js";import"./context-menu/context-menu.js";import"./context-menu/index.js";import"./dialog/dialog.js";import"./dialog/index.js";import"./icon-button/icon-button.js";import"./icon-button/index.js";import"./input/input.js";import"./input/index.js";import"./radio/radio.js";import"./radio/index.js";import"./switch/switch.js";import"./switch/index.js";import"./tabs/tabs.js";import"./tabs/index.js";import"./toast/toast.js";import"./toast/index.js";import"./tooltip/tooltip.js";import"./tooltip/index.js";

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import { AlertDialog, AlertDialogProps } from "./atoms/alert-dialog/alert-dialog.js";
 import { Button, ButtonProps } from "./atoms/button/button.js";
 import { Checkbox, CheckboxProps } from "./atoms/checkbox/checkbox.js";
+import { MergeElementProps, MergeElementPropsWithOmitted, PolymorphicProps, PolymorphicPropsWithOmitted, WithBaseProps, WithColorProps, WithRef } from "./types.js";
+import { ClickableArea, ClickableAreaProps } from "./atoms/clickable-area/clickable-area.js";
 import { Collapsible } from "./atoms/collapsible/collapsible.js";
 import { ComboboxItem } from "./atoms/combobox/components/item.js";
 import { Combobox, ComboboxGroup, ComboboxProps } from "./atoms/combobox/combobox.js";
@@ -14,7 +16,6 @@ import { Radio, RadioGroup, RadioGroupProps, RadioProps } from "./atoms/radio/ra
 import { Switch, SwitchProps } from "./atoms/switch/switch.js";
 import { Tabs, TabsList, TabsListProps, TabsPanel, TabsPanelProps, TabsTab, TabsTabProps } from "./atoms/tabs/tabs.js";
 import { TabsListState, TabsPanelState, TabsRootChangeEventDetails, TabsRootState, TabsTabState, TabsTabValue } from "./atoms/tabs/index.js";
-import { MergeElementProps, MergeElementPropsWithOmitted, PolymorphicProps, PolymorphicPropsWithOmitted, WithBaseProps, WithColorProps, WithRef } from "./types.js";
 import { Text, TextColor, TextProps, TextVariant } from "./atoms/text/text.js";
 import { Toast, ToastData, ToastProps } from "./atoms/toast/toast.js";
 import { Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps } from "./atoms/tooltip/tooltip.js";
@@ -27,4 +28,4 @@ import { useAlertDialog } from "./providers/alert-dialog-provider/hooks.js";
 import { DialogContext, DialogProvider, DialogProviderProps, showDialog } from "./providers/dialog-provider/dialog-provider.js";
 import { useDialog } from "./providers/dialog-provider/hooks.js";
 import { ToastProvider, ToastProviderProps, toaster } from "./providers/toast-provider/toast-provider.js";
-export { AlertDialog, AlertDialogContext, AlertDialogProps, AlertDialogProvider, AlertDialogProviderProps, Button, ButtonProps, Checkbox, CheckboxProps, Collapsible, Combobox, ComboboxGroup, type ComboboxItem, ComboboxProps, ConditionGuard, ConditionGuardProps, ContextMenu, Dialog, DialogContext, DialogProps, DialogProvider, DialogProviderProps, Flex, FlexProps, Icon, IconButton, IconButtonProps, IconProps, Input, InputProps, MergeElementProps, MergeElementPropsWithOmitted, PolymorphicProps, PolymorphicPropsWithOmitted, Portal, PortalConfigProvider, PortalProps, Radio, RadioGroup, RadioGroupProps, RadioProps, Switch, SwitchProps, Tabs, TabsList, type TabsListProps, type TabsListState, TabsPanel, type TabsPanelProps, type TabsPanelState, type TabsRootChangeEventDetails, type TabsRootState, TabsTab, type TabsTabProps, type TabsTabState, type TabsTabValue, Text, TextColor, TextProps, TextVariant, Toast, ToastData, ToastProps, ToastProvider, ToastProviderProps, Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps, WithBaseProps, WithColorProps, WithRef, showAlertDialog, showDialog, toaster, useAlertDialog, useDialog, usePortalConfig };
+export { AlertDialog, AlertDialogContext, AlertDialogProps, AlertDialogProvider, AlertDialogProviderProps, Button, ButtonProps, Checkbox, CheckboxProps, ClickableArea, ClickableAreaProps, Collapsible, Combobox, ComboboxGroup, type ComboboxItem, ComboboxProps, ConditionGuard, ConditionGuardProps, ContextMenu, Dialog, DialogContext, DialogProps, DialogProvider, DialogProviderProps, Flex, FlexProps, Icon, IconButton, IconButtonProps, IconProps, Input, InputProps, MergeElementProps, MergeElementPropsWithOmitted, PolymorphicProps, PolymorphicPropsWithOmitted, Portal, PortalConfigProvider, PortalProps, Radio, RadioGroup, RadioGroupProps, RadioProps, Switch, SwitchProps, Tabs, TabsList, type TabsListProps, type TabsListState, TabsPanel, type TabsPanelProps, type TabsPanelState, type TabsRootChangeEventDetails, type TabsRootState, TabsTab, type TabsTabProps, type TabsTabState, type TabsTabValue, Text, TextColor, TextProps, TextVariant, Toast, ToastData, ToastProps, ToastProvider, ToastProviderProps, Tooltip, TooltipProps, TooltipProvider, TooltipProviderProps, WithBaseProps, WithColorProps, WithRef, showAlertDialog, showDialog, toaster, useAlertDialog, useDialog, usePortalConfig };

package/dist/index.js

@@ -1 +1 @@
-import{Button as e}from"./atoms/button/button.js";import{Text as t}from"./atoms/text/text.js";import{usePortalConfig as n}from"./helpers/portal/context/hooks.js";import{PortalConfigProvider as r}from"./helpers/portal/context/provider.js";import{Portal as i}from"./helpers/portal/portal.js";import{AlertDialog as a}from"./atoms/alert-dialog/alert-dialog.js";import{Icon as o}from"./atoms/icon/icon.js";import{Checkbox as s}from"./atoms/checkbox/checkbox.js";import{Collapsible as c}from"./atoms/collapsible/collapsible.js";import{Combobox as l}from"./atoms/combobox/combobox.js";import{ConditionGuard as u}from"./atoms/condition-guard/condition-guard.js";import{ContextMenu as d}from"./atoms/context-menu/context-menu.js";import{Dialog as f}from"./atoms/dialog/dialog.js";import{IconButton as p}from"./atoms/icon-button/icon-button.js";import{Input as m}from"./atoms/input/input.js";import{Radio as h,RadioGroup as g}from"./atoms/radio/radio.js";import{Switch as _}from"./atoms/switch/switch.js";import{Tabs as v,TabsList as y,TabsPanel as b,TabsTab as x}from"./atoms/tabs/tabs.js";import{Toast as S}from"./atoms/toast/toast.js";import{Tooltip as C,TooltipProvider as w}from"./atoms/tooltip/tooltip.js";import"./atoms/index.js";import{Flex as T}from"./helpers/flex/flex.js";import"./helpers/index.js";import{AlertDialogContext as E,AlertDialogProvider as D,showAlertDialog as O}from"./providers/alert-dialog-provider/alert-dialog-provider.js";import{useAlertDialog as k}from"./providers/alert-dialog-provider/hooks.js";import{DialogContext as A,DialogProvider as j,showDialog as M}from"./providers/dialog-provider/dialog-provider.js";import{useDialog as N}from"./providers/dialog-provider/hooks.js";import{ToastProvider as P,toaster as F}from"./providers/toast-provider/toast-provider.js";import"./providers/index.js";import"./types.js";export{a as AlertDialog,E as AlertDialogContext,D as AlertDialogProvider,e as Button,s as Checkbox,c as Collapsible,l as Combobox,u as ConditionGuard,d as ContextMenu,f as Dialog,A as DialogContext,j as DialogProvider,T as Flex,o as Icon,p as IconButton,m as Input,i as Portal,r as PortalConfigProvider,h as Radio,g as RadioGroup,_ as Switch,v as Tabs,y as TabsList,b as TabsPanel,x as TabsTab,t as Text,S as Toast,P as ToastProvider,C as Tooltip,w as TooltipProvider,O as showAlertDialog,M as showDialog,F as toaster,k as useAlertDialog,N as useDialog,n as usePortalConfig};
+import{Button as e}from"./atoms/button/button.js";import{Text as t}from"./atoms/text/text.js";import{usePortalConfig as n}from"./helpers/portal/context/hooks.js";import{PortalConfigProvider as r}from"./helpers/portal/context/provider.js";import{Portal as i}from"./helpers/portal/portal.js";import{AlertDialog as a}from"./atoms/alert-dialog/alert-dialog.js";import{Icon as o}from"./atoms/icon/icon.js";import{Checkbox as s}from"./atoms/checkbox/checkbox.js";import{ClickableArea as c}from"./atoms/clickable-area/clickable-area.js";import{Collapsible as l}from"./atoms/collapsible/collapsible.js";import{Combobox as u}from"./atoms/combobox/combobox.js";import{ConditionGuard as d}from"./atoms/condition-guard/condition-guard.js";import{ContextMenu as f}from"./atoms/context-menu/context-menu.js";import{Dialog as p}from"./atoms/dialog/dialog.js";import{IconButton as m}from"./atoms/icon-button/icon-button.js";import{Input as h}from"./atoms/input/input.js";import{Radio as g,RadioGroup as _}from"./atoms/radio/radio.js";import{Switch as v}from"./atoms/switch/switch.js";import{Tabs as y,TabsList as b,TabsPanel as x,TabsTab as S}from"./atoms/tabs/tabs.js";import{Toast as C}from"./atoms/toast/toast.js";import{Tooltip as w,TooltipProvider as T}from"./atoms/tooltip/tooltip.js";import"./atoms/index.js";import{Flex as E}from"./helpers/flex/flex.js";import"./helpers/index.js";import{AlertDialogContext as D,AlertDialogProvider as O,showAlertDialog as k}from"./providers/alert-dialog-provider/alert-dialog-provider.js";import{useAlertDialog as A}from"./providers/alert-dialog-provider/hooks.js";import{DialogContext as j,DialogProvider as M,showDialog as N}from"./providers/dialog-provider/dialog-provider.js";import{useDialog as P}from"./providers/dialog-provider/hooks.js";import{ToastProvider as F,toaster as I}from"./providers/toast-provider/toast-provider.js";import"./providers/index.js";import"./types.js";export{a as AlertDialog,D as AlertDialogContext,O as AlertDialogProvider,e as Button,s as Checkbox,c as ClickableArea,l as Collapsible,u as Combobox,d as ConditionGuard,f as ContextMenu,p as Dialog,j as DialogContext,M as DialogProvider,E as Flex,o as Icon,m as IconButton,h as Input,i as Portal,r as PortalConfigProvider,g as Radio,_ as RadioGroup,v as Switch,y as Tabs,b as TabsList,x as TabsPanel,S as TabsTab,t as Text,C as Toast,F as ToastProvider,w as Tooltip,T as TooltipProvider,k as showAlertDialog,N as showDialog,I as toaster,A as useAlertDialog,P as useDialog,n as usePortalConfig};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pantool/components",
   "description": "TODO:",
-  "version": "1.0.0-alpha.7",
+  "version": "1.0.0-alpha.8",
   "type": "module",
   "files": [
     "dist/**/*.js",