@adea-ai/ui 0.70.0 → 0.70.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -57,7 +57,7 @@ function TooltipContent(props) {
|
|
|
57
57
|
return createComponent(Tooltip.Content, mergeProps({ get ["class"]() {
|
|
58
58
|
return cn("bg-scrim text-scrim-foreground z-(--z-tooltip) w-fit max-w-64 rounded-md px-2 py-1 text-xs", "origin-(--kb-tooltip-content-transform-origin) text-balance", "data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95", "data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-expanded:duration-150 data-closed:duration-100", local.class);
|
|
59
59
|
} }, rest, { get children() {
|
|
60
|
-
return [memo(() => local.children), createComponent(Tooltip.Arrow, { "aria-hidden": "true" })];
|
|
60
|
+
return [memo(() => local.children), memo(() => memo(() => !!!local.hideArrow)() && createComponent(Tooltip.Arrow, { "aria-hidden": "true" }))];
|
|
61
61
|
} }));
|
|
62
62
|
} });
|
|
63
63
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","names":["Tooltip","KobalteTooltip","ComponentProps","createContext","splitProps","useContext","cn","TooltipTiming","openDelay","closeDelay","skipDelayDuration","tooltipDefaults","TooltipTimingContext","TooltipProviderProps","children","TooltipProvider","props","_$createComponent","Provider","value","TooltipRootProps","timing","_$mergeProps","TooltipTrigger","Trigger","TooltipContentProps","Content","hideArrow","TooltipContent","local","rest","Portal","class","_$memo","Arrow","_$createComponent","Tooltip","KobalteTooltip","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/tooltip/tooltip.tsx"],"sourcesContent":["import { Tooltip as KobalteTooltip } from '@kobalte/core/tooltip'\nimport type { ComponentProps } from 'solid-js'\nimport { createContext, splitProps, useContext } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * The provider sets the *timing* defaults for every tooltip below it.\n *\n * Timing is the part of a tooltip that has to agree across an app: one that\n * opens in 200ms in a toolbar and 700ms in a sidebar reads as a bug. The\n * provider is where that agreement lives. It is optional — a tooltip outside a\n * provider falls back to the same defaults — so a consumer can drop it in\n * without restructuring anything.\n */\ntype TooltipTiming = {\n openDelay: number\n closeDelay: number\n skipDelayDuration: number\n}\n\nconst tooltipDefaults: TooltipTiming = {\n /** Long enough that a pointer crossing a toolbar does not strobe tooltips. */\n openDelay: 400,\n /** Short, because the pointer has already left the control. */\n closeDelay: 80,\n /**\n * After a tooltip has been seen, the next one opens immediately for this\n * long. This is what makes moving along a row of icons feel like one\n * gesture instead of four separate waits.\n */\n skipDelayDuration: 500,\n}\n\nconst TooltipTimingContext = createContext<TooltipTiming>(tooltipDefaults)\n\nexport type TooltipProviderProps = {\n children?: ComponentProps<'div'>['children']\n openDelay?: number\n closeDelay?: number\n skipDelayDuration?: number\n}\n\nexport function TooltipProvider(props: TooltipProviderProps) {\n return (\n <TooltipTimingContext.Provider\n value={{\n openDelay: props.openDelay ?? tooltipDefaults.openDelay,\n closeDelay: props.closeDelay ?? tooltipDefaults.closeDelay,\n skipDelayDuration: props.skipDelayDuration ?? tooltipDefaults.skipDelayDuration,\n }}\n >\n {props.children}\n </TooltipTimingContext.Provider>\n )\n}\n\nexport type TooltipRootProps = ComponentProps<typeof KobalteTooltip>\n\nexport function Tooltip(props: TooltipRootProps) {\n const timing = useContext(TooltipTimingContext)\n\n return (\n <KobalteTooltip\n openDelay={props.openDelay ?? timing.openDelay}\n closeDelay={props.closeDelay ?? timing.closeDelay}\n skipDelayDuration={props.skipDelayDuration ?? timing.skipDelayDuration}\n {...props}\n />\n )\n}\n\nexport function TooltipTrigger(props: ComponentProps<typeof KobalteTooltip.Trigger>) {\n return <KobalteTooltip.Trigger {...props} />\n}\n\nexport type TooltipContentProps = ComponentProps<typeof KobalteTooltip.Content> & {\n /** Hide the caret pointing at the trigger. */\n hideArrow?: boolean\n}\n\nexport function TooltipContent(props: TooltipContentProps) {\n const [local, rest] = splitProps(props, ['class', 'hideArrow', 'children'])\n\n return (\n <KobalteTooltip.Portal>\n <KobalteTooltip.Content\n class={cn(\n 'bg-scrim text-scrim-foreground z-(--z-tooltip) w-fit max-w-64 rounded-md px-2 py-1 text-xs',\n 'origin-(--kb-tooltip-content-transform-origin) text-balance',\n 'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',\n 'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n 'data-expanded:duration-150 data-closed:duration-100',\n local.class\n )}\n {...rest}\n >\n {local.children}\n <KobalteTooltip.Arrow aria-hidden=\"true\"
|
|
1
|
+
{"version":3,"file":"tooltip.js","names":["Tooltip","KobalteTooltip","ComponentProps","createContext","splitProps","useContext","cn","TooltipTiming","openDelay","closeDelay","skipDelayDuration","tooltipDefaults","TooltipTimingContext","TooltipProviderProps","children","TooltipProvider","props","_$createComponent","Provider","value","TooltipRootProps","timing","_$mergeProps","TooltipTrigger","Trigger","TooltipContentProps","Content","hideArrow","TooltipContent","local","rest","Portal","class","_$memo","Arrow","_$createComponent","Tooltip","KobalteTooltip","_$mergeProps","_$memo"],"sources":["../../../../src/components/ui/tooltip/tooltip.tsx"],"sourcesContent":["import { Tooltip as KobalteTooltip } from '@kobalte/core/tooltip'\nimport type { ComponentProps } from 'solid-js'\nimport { createContext, splitProps, useContext } from 'solid-js'\nimport { cn } from '#lib/utils'\n\n/**\n * The provider sets the *timing* defaults for every tooltip below it.\n *\n * Timing is the part of a tooltip that has to agree across an app: one that\n * opens in 200ms in a toolbar and 700ms in a sidebar reads as a bug. The\n * provider is where that agreement lives. It is optional — a tooltip outside a\n * provider falls back to the same defaults — so a consumer can drop it in\n * without restructuring anything.\n */\ntype TooltipTiming = {\n openDelay: number\n closeDelay: number\n skipDelayDuration: number\n}\n\nconst tooltipDefaults: TooltipTiming = {\n /** Long enough that a pointer crossing a toolbar does not strobe tooltips. */\n openDelay: 400,\n /** Short, because the pointer has already left the control. */\n closeDelay: 80,\n /**\n * After a tooltip has been seen, the next one opens immediately for this\n * long. This is what makes moving along a row of icons feel like one\n * gesture instead of four separate waits.\n */\n skipDelayDuration: 500,\n}\n\nconst TooltipTimingContext = createContext<TooltipTiming>(tooltipDefaults)\n\nexport type TooltipProviderProps = {\n children?: ComponentProps<'div'>['children']\n openDelay?: number\n closeDelay?: number\n skipDelayDuration?: number\n}\n\nexport function TooltipProvider(props: TooltipProviderProps) {\n return (\n <TooltipTimingContext.Provider\n value={{\n openDelay: props.openDelay ?? tooltipDefaults.openDelay,\n closeDelay: props.closeDelay ?? tooltipDefaults.closeDelay,\n skipDelayDuration: props.skipDelayDuration ?? tooltipDefaults.skipDelayDuration,\n }}\n >\n {props.children}\n </TooltipTimingContext.Provider>\n )\n}\n\nexport type TooltipRootProps = ComponentProps<typeof KobalteTooltip>\n\nexport function Tooltip(props: TooltipRootProps) {\n const timing = useContext(TooltipTimingContext)\n\n return (\n <KobalteTooltip\n openDelay={props.openDelay ?? timing.openDelay}\n closeDelay={props.closeDelay ?? timing.closeDelay}\n skipDelayDuration={props.skipDelayDuration ?? timing.skipDelayDuration}\n {...props}\n />\n )\n}\n\nexport function TooltipTrigger(props: ComponentProps<typeof KobalteTooltip.Trigger>) {\n return <KobalteTooltip.Trigger {...props} />\n}\n\nexport type TooltipContentProps = ComponentProps<typeof KobalteTooltip.Content> & {\n /** Hide the caret pointing at the trigger. */\n hideArrow?: boolean\n}\n\nexport function TooltipContent(props: TooltipContentProps) {\n const [local, rest] = splitProps(props, ['class', 'hideArrow', 'children'])\n\n return (\n <KobalteTooltip.Portal>\n <KobalteTooltip.Content\n class={cn(\n 'bg-scrim text-scrim-foreground z-(--z-tooltip) w-fit max-w-64 rounded-md px-2 py-1 text-xs',\n 'origin-(--kb-tooltip-content-transform-origin) text-balance',\n 'data-expanded:animate-in data-expanded:fade-in-0 data-expanded:zoom-in-95',\n 'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n 'data-expanded:duration-150 data-closed:duration-100',\n local.class\n )}\n {...rest}\n >\n {local.children}\n {!local.hideArrow && <KobalteTooltip.Arrow aria-hidden=\"true\" />}\n </KobalteTooltip.Content>\n </KobalteTooltip.Portal>\n )\n}\n"],"mappings":";;;;;AAoBA,IAAMW,kBAAiC;;CAErCH,WAAW;;CAEXC,YAAY;;;;;;CAMZC,mBAAmB;AACrB;AAEA,IAAME,uBAAuBT,cAA6BQ,eAAe;AASzE,SAAgBI,gBAAgBC,OAA6B;CAC3D,OAAAC,gBACGL,qBAAqBM,UAAQ;EAAA,IAC5BC,QAAK;GAAA,OAAE;IACLX,WAAWQ,MAAMR,aAAaG,gBAAgBH;IAC9CC,YAAYO,MAAMP,cAAcE,gBAAgBF;IAChDC,mBAAmBM,MAAMN,qBAAqBC,gBAAgBD;GAChE;EAAC;EAAA,IAAAI,WAAA;GAAA,OAEAE,MAAMF;EAAQ;CAAA,CAAA;AAGrB;AAIA,SAAgBd,UAAQgB,OAAyB;CAC/C,MAAMK,SAAShB,WAAWO,oBAAoB;CAE9C,OAAAK,gBACGhB,SAAcqB,WAAA;EAAA,IACbd,YAAS;GAAA,OAAEQ,MAAMR,aAAaa,OAAOb;EAAS;EAAA,IAC9CC,aAAU;GAAA,OAAEO,MAAMP,cAAcY,OAAOZ;EAAU;EAAA,IACjDC,oBAAiB;GAAA,OAAEM,MAAMN,qBAAqBW,OAAOX;EAAiB;CAAA,GAClEM,KAAK,CAAA;AAGf;AAEA,SAAgBO,eAAeP,OAAsD;CACnF,OAAAC,gBAAQhB,QAAeuB,SAAYR,KAAK;AAC1C;AAOA,SAAgBY,eAAeZ,OAA4B;CACzD,MAAM,CAACa,OAAOC,QAAQ1B,WAAWY,OAAO;EAAC;EAAS;EAAa;CAAU,CAAC;CAE1E,OAAAC,gBACGhB,QAAe8B,QAAM,EAAA,IAAAjB,WAAA;EAAA,OAAAG,gBACnBhB,QAAeyB,SAAOJ,WAAA,EAAA,KAAA,WAAA;GAAA,OACdhB,GACL,8FACA,+DACA,6EACA,0EACA,uDACAuB,MAAMG,KACR;EAAC,EAAA,GACGF,MAAI,EAAA,IAAAhB,WAAA;GAAA,OAAA,CAAAmB,WAEPJ,MAAMf,QAAQ,GAAAmB,WACdA,WAAA,CAAA,CAAA,CAACJ,MAAMF,SAAS,CAAA,CAAA,KAAAV,gBAAKhB,QAAeiC,OAAK,EAAA,eAAA,OAAA,CAAA,CAAsB,CAAA;EAAA,EAAA,CAAA,CAAA;CAAA,EAAA,CAAA;AAIxE"}
|
|
@@ -95,7 +95,7 @@ export function TooltipContent(props: TooltipContentProps) {
|
|
|
95
95
|
{...rest}
|
|
96
96
|
>
|
|
97
97
|
{local.children}
|
|
98
|
-
<KobalteTooltip.Arrow aria-hidden="true" />
|
|
98
|
+
{!local.hideArrow && <KobalteTooltip.Arrow aria-hidden="true" />}
|
|
99
99
|
</KobalteTooltip.Content>
|
|
100
100
|
</KobalteTooltip.Portal>
|
|
101
101
|
)
|
package/package.json
CHANGED
|
@@ -95,7 +95,7 @@ export function TooltipContent(props: TooltipContentProps) {
|
|
|
95
95
|
{...rest}
|
|
96
96
|
>
|
|
97
97
|
{local.children}
|
|
98
|
-
<KobalteTooltip.Arrow aria-hidden="true" />
|
|
98
|
+
{!local.hideArrow && <KobalteTooltip.Arrow aria-hidden="true" />}
|
|
99
99
|
</KobalteTooltip.Content>
|
|
100
100
|
</KobalteTooltip.Portal>
|
|
101
101
|
)
|