@_linked/primitives 1.0.5

package/lib/esm/components/Toast.module.css

@@ -0,0 +1,133 @@
+@import '../components/helpers/mixins.css';
+@import '@_linked/css/package.css';
+
+.Viewport {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  display: flex;
+  flex-direction: column;
+  padding: var(--toast-viewport-padding, var(--notification-padding));
+  gap: var(--toast-viewport-gap, var(--notification-gap));
+  width: var(--toast-width, --spacing(96));
+  max-width: 100vw;
+  margin: 0;
+  list-style: none;
+  z-index: var(--toast-z-index, 2147483647);
+  outline: none;
+}
+
+.Root {
+  position: relative;
+  background-color: var(--toast-bg, var(--notification-bg));
+  border: 1px solid var(--toast-border, var(--notification-border));
+  border-radius: var(--toast-radius, var(--notification-radius));
+  box-shadow: var(--toast-shadow, var(--notification-shadow));
+  padding: var(--toast-padding, var(--notification-padding));
+  display: grid;
+  grid-template-areas: 'title action' 'description action';
+  grid-template-columns: auto max-content;
+  column-gap: var(--toast-gap, var(--notification-gap));
+  align-items: center;
+  color: var(--toast-text, var(--notification-text));
+
+  &:hover {
+    .Close {
+      opacity: 1;
+    }
+  }
+
+  &[data-state='open'] {
+    animation: slideIn var(--transition-duration-normal)
+      var(--transition-easing);
+  }
+
+  &[data-state='closed'] {
+    animation: hide var(--transition-duration-normal) ease-in;
+  }
+
+  &[data-swipe='move'] {
+    transform: translateX(var(--radix-toast-swipe-move-x));
+  }
+
+  &[data-swipe='cancel'] {
+    transform: translateX(0);
+    transition: transform var(--transition-duration-normal) ease-out;
+  }
+
+  &[data-swipe='end'] {
+    animation: swipeOut var(--transition-duration-normal) ease-out;
+  }
+}
+
+.Action {
+  grid-area: action;
+}
+
+.Close {
+  font-family: inherit;
+  border-radius: var(--notification-radius);
+  height: var(--toast-close-size, --spacing(6));
+  width: var(--toast-close-size, --spacing(6));
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--toast-close-color, var(--typography-auxiliary-color));
+  position: absolute;
+  top: --spacing(2);
+  right: --spacing(2);
+  opacity: 0;
+  transition: var(--transition-normal);
+
+  &:focus-visible {
+    @mixin focus;
+  }
+
+  svg {
+    height: var(--toast-close-icon-size, var(--icon-size-md));
+    width: var(--toast-close-icon-size, var(--icon-size-md));
+  }
+}
+
+.Title {
+  grid-area: title;
+  margin-bottom: --spacing(2);
+  font-weight: var(--toast-title-weight, var(--heading-font-weight));
+  color: var(--toast-text, var(--notification-text));
+  font-size: var(--toast-title-size, var(--typography-font-size));
+}
+
+.Description {
+  grid-area: description;
+  margin: 0;
+  color: var(--toast-description-color, var(--typography-color));
+  font-size: calc(var(--typography-font-size) - --spacing(1));
+  line-height: var(--typography-line-height);
+}
+
+@keyframes hide {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+
+@keyframes slideIn {
+  from {
+    transform: translateX(calc(100% + var(--toast-viewport-padding)));
+  }
+  to {
+    transform: translateX(0);
+  }
+}
+
+@keyframes swipeOut {
+  from {
+    transform: translateX(var(--radix-toast-swipe-end-x));
+  }
+  to {
+    transform: translateX(calc(100% + var(--toast-viewport-padding)));
+  }
+}

package/lib/esm/components/Toaster.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function Toaster(): React.JSX.Element;

package/lib/esm/components/Toggle.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+declare const Root: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const Toggle: {
+    Root: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+};
+export { Root };

package/lib/esm/components/Toggle.module.css

@@ -0,0 +1,32 @@
+@import './helpers/mixins.css';
+@import '@_linked/css/package.css';
+
+.Root {
+  background-color: var(--toggle-bg, var(--control-bg));
+  color: var(--toggle-text, var(--control-text));
+  height: var(--toggle-size, var(--control-toggle-size));
+  min-width: var(--toggle-size, var(--control-toggle-size));
+  padding: var(--toggle-padding-y, --spacing(1))
+    var(--toggle-padding-x, --spacing(2));
+  border-radius: var(--toggle-radius, var(--control-radius));
+  display: flex;
+  font-size: var(--toggle-font-size, var(--typography-font-size));
+  line-height: var(--toggle-line-height, var(--typography-line-height-none));
+  align-items: center;
+  justify-content: center;
+  box-shadow: var(--toggle-shadow, var(--control-shadow));
+  transition: var(--transition-fast);
+
+  &:hover {
+    background-color: var(--toggle-bg-hover, var(--bg-active));
+  }
+
+  &[data-state='on'] {
+    background-color: var(--toggle-bg-active, var(--control-accent));
+    color: var(--toggle-text-active, var(--control-text-contrast));
+  }
+
+  &:focus-visible {
+    @mixin focus;
+  }
+}

package/lib/esm/components/ToggleGroup.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+declare const Root: React.ForwardRefExoticComponent<(Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>>;
+declare const Item: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const ToggleGroup: {
+    Root: React.ForwardRefExoticComponent<(Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+};
+export { Root, Item };

package/lib/esm/components/ToggleGroup.module.css

@@ -0,0 +1,61 @@
+@import './helpers/mixins.css';
+@import '@_linked/css/package.css';
+
+.Root {
+  display: inline-flex;
+  background-color: var(--togglegroup-bg, var(--control-bg));
+  border-radius: var(--togglegroup-radius, var(--control-radius));
+  box-shadow: var(--togglegroup-shadow, var(--control-shadow));
+}
+
+.Item {
+  background-color: var(--togglegroup-item-bg, var(--control-bg));
+  color: var(--togglegroup-item-text, var(--control-text));
+  height: var(--togglegroup-item-size, var(--control-toggle-size));
+  width: var(--togglegroup-item-size, var(--control-toggle-size));
+  display: flex;
+  font-size: var(--togglegroup-item-font-size, var(--typography-small-size));
+  line-height: var(
+    --togglegroup-item-line-height,
+    var(--typography-line-height-none)
+  );
+  align-items: center;
+  justify-content: center;
+  margin-left: --spacing(1);
+
+  &:first-child {
+    margin-left: 0;
+    border-top-left-radius: var(
+      --togglegroup-item-radius,
+      var(--control-radius)
+    );
+    border-bottom-left-radius: var(
+      --togglegroup-item-radius,
+      var(--control-radius)
+    );
+  }
+
+  &:last-child {
+    border-top-right-radius: var(
+      --togglegroup-item-radius,
+      var(--control-radius)
+    );
+    border-bottom-right-radius: var(
+      --togglegroup-item-radius,
+      var(--control-radius)
+    );
+  }
+
+  &:hover {
+    background-color: var(--togglegroup-item-bg-hover, var(--bg-active));
+  }
+
+  &[data-state='on'] {
+    background-color: var(--togglegroup-item-bg-active, var(--control-accent));
+    color: var(--togglegroup-item-text-active, var(--control-text-contrast));
+  }
+
+  &:focus-visible {
+    @mixin focus;
+  }
+}

package/lib/esm/components/Toolbar.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import * as ToolbarPrimitive from '@radix-ui/react-toolbar';
+declare const Root: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Button: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const Link: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarLinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit<ToolbarPrimitive.ToolbarToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToolbarPrimitive.ToolbarToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>>;
+declare const ToggleItem: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarToggleItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const Separator: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Toolbar: {
+    Root: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+    Button: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Link: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarLinkProps & React.RefAttributes<HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+    ToggleGroup: React.ForwardRefExoticComponent<(Omit<ToolbarPrimitive.ToolbarToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToolbarPrimitive.ToolbarToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>>;
+    ToggleItem: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarToggleItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+    Separator: React.ForwardRefExoticComponent<Omit<ToolbarPrimitive.ToolbarSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { Root, Button, Link, ToggleGroup, ToggleItem, Separator };

package/lib/esm/components/Toolbar.module.css

@@ -0,0 +1,113 @@
+@import './helpers/mixins.css';
+@import '@_linked/css/package.css';
+
+.Root {
+  display: flex;
+  align-items: center;
+  gap: var(--toolbar-gap, --spacing(1));
+  padding: var(--toolbar-padding, --spacing(2));
+  border-radius: var(--toolbar-radius, var(--control-radius));
+  background-color: var(--toolbar-bg, var(--control-bg));
+  border: 1px solid var(--toolbar-border, var(--control-border));
+  box-shadow: var(--toolbar-shadow, var(--control-shadow));
+}
+
+.Button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--toolbar-button-radius, var(--control-radius));
+  font-size: var(--toolbar-button-font-size, var(--typography-small-size));
+  font-weight: var(--toolbar-button-font-weight, var(--typography-font-weight));
+  height: var(--toolbar-button-height, --spacing(8));
+  padding: var(--toolbar-button-padding, --spacing(2));
+  transition: var(--transition-fast);
+  border: 1px solid transparent;
+  background-color: transparent;
+  color: var(--toolbar-button-text, var(--control-text));
+  cursor: pointer;
+
+  &:hover {
+    background-color: var(--toolbar-button-bg-hover, var(--bg-hover));
+  }
+
+  &:focus-visible {
+    @mixin focus;
+  }
+
+  &[data-state='on'] {
+    background-color: var(--toolbar-button-bg-active, var(--bg-active));
+    color: var(--toolbar-button-text-active, var(--control-text));
+  }
+}
+
+.Link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--toolbar-link-radius, var(--control-radius));
+  font-size: var(--toolbar-link-font-size, var(--typography-small-size));
+  font-weight: var(--toolbar-link-font-weight, var(--typography-font-weight));
+  height: var(--toolbar-link-height, --spacing(8));
+  padding: var(--toolbar-link-padding, --spacing(2));
+  transition: var(--transition-fast);
+  border: 1px solid transparent;
+  background-color: transparent;
+  color: var(--toolbar-link-text, var(--link-color));
+  text-decoration: none;
+  cursor: pointer;
+
+  &:hover {
+    background-color: var(--toolbar-link-bg-hover, var(--bg-hover));
+    color: var(--toolbar-link-text-hover, var(--link-color-hover));
+  }
+
+  &:focus-visible {
+    @mixin focus;
+  }
+}
+
+.ToggleGroup {
+  display: flex;
+  align-items: center;
+  gap: var(--toolbar-toggle-group-gap, --spacing(1));
+}
+
+.ToggleItem {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--toolbar-toggle-item-radius, var(--control-radius));
+  font-size: var(--toolbar-toggle-item-font-size, var(--typography-small-size));
+  font-weight: var(
+    --toolbar-toggle-item-font-weight,
+    var(--typography-font-weight)
+  );
+  height: var(--toolbar-toggle-item-height, --spacing(8));
+  padding: var(--toolbar-toggle-item-padding, --spacing(2));
+  transition: var(--transition-fast);
+  border: 1px solid transparent;
+  background-color: transparent;
+  color: var(--toolbar-toggle-item-text, var(--control-text));
+  cursor: pointer;
+
+  &:hover {
+    background-color: var(--toolbar-toggle-item-bg-hover, var(--bg-hover));
+  }
+
+  &:focus-visible {
+    @mixin focus;
+  }
+
+  &[data-state='on'] {
+    background-color: var(--toolbar-toggle-item-bg-active, var(--bg-active));
+    color: var(--toolbar-toggle-item-text-active, var(--control-text));
+  }
+}
+
+.Separator {
+  width: 1px;
+  height: var(--toolbar-separator-height, --spacing(6));
+  background-color: var(--toolbar-separator-bg, var(--border-default));
+  margin: var(--toolbar-separator-margin, 0 --spacing(1));
+}

package/lib/esm/components/Tooltip.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+declare const Provider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const Root: React.FC<TooltipPrimitive.TooltipProps>;
+declare const Trigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Arrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+declare const Content: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Tooltip: {
+    Root: React.FC<TooltipPrimitive.TooltipProps>;
+    Provider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+    Trigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Arrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+export { Root, Provider, Trigger, Arrow, Content };

package/lib/esm/components/Tooltip.module.css

@@ -0,0 +1,78 @@
+@import '../components/helpers/mixins.css';
+@import '@_linked/css/package.css';
+
+.Content {
+  border-radius: var(--tooltip-radius, var(--popover-radius));
+  padding: var(--tooltip-padding-y, --spacing(2))
+    var(--tooltip-padding-x, --spacing(2));
+  font-size: var(--tooltip-font-size, var(--typography-small-size));
+  line-height: var(--tooltip-line-height, var(--typography-line-height-none));
+  color: var(--tooltip-text, var(--color-white));
+  background: var(--tooltip-bg, var(--color-gray-900));
+  box-shadow: var(--tooltip-shadow, var(--popover-shadow));
+  user-select: none;
+  animation-duration: var(--transition-duration-normal);
+  animation-timing-function: var(--transition-easing);
+  will-change: transform, opacity;
+
+  &[data-state='delayed-open'][data-side='top'] {
+    animation-name: slideDownAndFade;
+  }
+  &[data-state='delayed-open'][data-side='right'] {
+    animation-name: slideLeftAndFade;
+  }
+  &[data-state='delayed-open'][data-side='bottom'] {
+    animation-name: slideUpAndFade;
+  }
+  &[data-state='delayed-open'][data-side='left'] {
+    animation-name: slideRightAndFade;
+  }
+}
+
+.Arrow {
+  fill: var(--tooltip-bg, var(--color-gray-900));
+}
+
+@keyframes slideUpAndFade {
+  from {
+    opacity: 0;
+    transform: translateY(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes slideRightAndFade {
+  from {
+    opacity: 0;
+    transform: translateX(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+@keyframes slideDownAndFade {
+  from {
+    opacity: 0;
+    transform: translateY(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes slideLeftAndFade {
+  from {
+    opacity: 0;
+    transform: translateX(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}

package/lib/esm/components/Typography.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+interface TypographyProps extends React.HtmlHTMLAttributes<HTMLElement> {
+    as?: 'span' | 'label' | 'p' | 'div';
+    size?: 'small' | 'medium' | 'large' | 'default';
+    children: React.ReactNode;
+}
+declare const Typography: ({ as: Component, size, className, children, ...props }: TypographyProps) => React.JSX.Element;
+export { Typography };

package/lib/esm/components/Typography.module.css

@@ -0,0 +1,25 @@
+@import '@_linked/css/package.css';
+
+.Root {
+  font-family: var(--typography-font-family);
+  font-weight: var(--typography-font-weight);
+  font-size: var(--typography-font-size);
+  line-height: var(--typography-line-height);
+  color: var(--typography-color);
+
+  &.default {
+    font-size: var(--typography-font-size);
+  }
+
+  &.small {
+    font-size: var(--typography-small-size);
+  }
+
+  &.medium {
+    font-size: var(--typography-font-size);
+  }
+
+  &.large {
+    font-size: var(--typography-large-size);
+  }
+}

package/lib/esm/components/VisuallyHidden.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden';
+declare const VisuallyHidden: React.ForwardRefExoticComponent<Omit<VisuallyHiddenPrimitive.VisuallyHiddenProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export { VisuallyHidden };

package/lib/esm/components/helpers/mixins.css

@@ -0,0 +1,15 @@
+/*TODO: remove this once lincd-base-variables.scss is moved back to lincd.*/
+/*then just import @_linked/core/scss/base-variables.scss here*/
+
+/* Focus mixin - PostCSS syntax */
+@define-mixin focus {
+  outline: var(--control-outline-width) solid transparent;
+  outline-offset: var(--control-outline-offset);
+  box-shadow: 0 0 0 var(--control-outline-width) var(--control-outline-color);
+}
+
+/* Disabled mixin - PostCSS syntax */
+@define-mixin disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}

package/lib/esm/data/primitives.json

@@ -0,0 +1,10 @@
+{
+  "@context": {
+    "dc": "http://purl.org/dc/elements/1.1/",
+    "owl": "http://www.w3.org/2002/07/owl#",
+    "rdf": "http://www.w3.org/1999/02/22-rdf-syntax-ns#",
+    "rdfs": "http://www.w3.org/2000/01/rdf-schema#",
+    "primitives": "http://lincd.org/ont/primitives/"
+  },
+  "@graph": []
+}

package/lib/esm/hooks/use-toast.d.ts

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import type { ToastActionElement, ToastProps } from '../components/Toast.js';
+type ToasterToast = ToastProps & {
+    id: string;
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    action?: ToastActionElement;
+};
+declare const actionTypes: {
+    readonly ADD_TOAST: "ADD_TOAST";
+    readonly UPDATE_TOAST: "UPDATE_TOAST";
+    readonly DISMISS_TOAST: "DISMISS_TOAST";
+    readonly REMOVE_TOAST: "REMOVE_TOAST";
+};
+type ActionType = typeof actionTypes;
+type Action = {
+    type: ActionType['ADD_TOAST'];
+    toast: ToasterToast;
+} | {
+    type: ActionType['UPDATE_TOAST'];
+    toast: Partial<ToasterToast>;
+} | {
+    type: ActionType['DISMISS_TOAST'];
+    toastId?: ToasterToast['id'];
+} | {
+    type: ActionType['REMOVE_TOAST'];
+    toastId?: ToasterToast['id'];
+};
+interface State {
+    toasts: ToasterToast[];
+}
+export declare const reducer: (state: State, action: Action) => State;
+type Toast = Omit<ToasterToast, 'id'>;
+declare function toast({ ...props }: Toast): {
+    id: string;
+    dismiss: () => void;
+    update: (props: ToasterToast) => void;
+};
+declare function useToast(): {
+    toast: typeof toast;
+    dismiss: (toastId?: string) => void;
+    toasts: ToasterToast[];
+};
+export { useToast, toast };

package/lib/esm/index.d.ts

@@ -0,0 +1,45 @@
+import './theme.css';
+import './types.js';
+import './ontologies/primitives.js';
+import './components/Button.js';
+import './components/Input.js';
+import './components/Tabs.js';
+import './components/Switch.js';
+import './components/Checkbox.js';
+import './components/RadioGroup.js';
+import './components/Avatar.js';
+import './components/Label.js';
+import './components/Separator.js';
+import './components/Select.js';
+import './components/Collapsible.js';
+import './components/Textarea.js';
+import './components/Accordion.js';
+import './components/HoverCard.js';
+import './components/AlertDialog.js';
+import './components/Typography.js';
+import './components/Text.js';
+import './components/Heading.js';
+import './components/AspectRatio.js';
+import './components/Dialog.js';
+import './components/ScrollArea.js';
+import './components/Popover.js';
+import './components/Tooltip.js';
+import './components/Toggle.js';
+import './components/ToggleGroup.js';
+import './components/Slider.js';
+import './components/Toast.js';
+import './components/Toaster.js';
+import './components/Progress.js';
+import './components/NavigationMenu.js';
+import './components/Menubar.js';
+import './components/MultiSelect.js';
+import './components/Spinner.js';
+import './components/Breadcrumb.js';
+import './components/Drawer.js';
+import './components/IconButton.js';
+import './components/DropdownMenu.js';
+import './components/ContextMenu.js';
+import './components/Form.js';
+import './components/Toolbar.js';
+import './components/VisuallyHidden.js';
+import './hooks/use-toast.js';

package/lib/esm/ontologies/primitives.d.ts

@@ -0,0 +1,6 @@
+export declare const loadData: () => Promise<any>;
+export declare const ns: (term: string) => import("@_linked/core/utils/NodeReference.js").NodeReferenceValue;
+export declare const _self: import("@_linked/core/utils/NodeReference.js").NodeReferenceValue;
+export declare const radix: {
+    _self: import("@_linked/core/utils/NodeReference.js").NodeReferenceValue;
+};

package/lib/esm/package.d.ts

@@ -0,0 +1,3 @@
+import { getPackageShape, linkedOntology, linkedShape, linkedUtil, packageExports, registerPackageExport, registerPackageModule } from '@_linked/core/package';
+export declare const packageName: string;
+export { getPackageShape, linkedOntology, linkedShape, linkedUtil, packageExports, registerPackageExport, registerPackageModule, };