@granularjs/ui 0.1.0

package/src/theme/theme.js

@@ -0,0 +1,71 @@
+const themeVars = new Set([
+  '--g-ui-bg',
+  '--g-ui-bg-subtle',
+  '--g-ui-bg-muted',
+  '--g-ui-bg-emphasized',
+  '--g-ui-bg-inverted',
+  '--g-ui-bg-panel',
+  '--g-ui-fg',
+  '--g-ui-fg-muted',
+  '--g-ui-fg-subtle',
+  '--g-ui-fg-inverted',
+  '--g-ui-border',
+  '--g-ui-border-subtle',
+  '--g-ui-border-emphasized',
+  '--g-ui-border-inverted',
+  '--g-ui-primary',
+  '--g-ui-primary-hover',
+  '--g-ui-primary-active',
+  '--g-ui-primary-subtle',
+  '--g-ui-primary-muted',
+  '--g-ui-primary-emphasized',
+  '--g-ui-success',
+  '--g-ui-success-hover',
+  '--g-ui-success-active',
+  '--g-ui-success-subtle',
+  '--g-ui-success-muted',
+  '--g-ui-danger',
+  '--g-ui-danger-hover',
+  '--g-ui-danger-active',
+  '--g-ui-danger-subtle',
+  '--g-ui-danger-muted',
+  '--g-ui-warning',
+  '--g-ui-warning-hover',
+  '--g-ui-warning-active',
+  '--g-ui-warning-subtle',
+  '--g-ui-warning-muted',
+  '--g-ui-info',
+  '--g-ui-info-hover',
+  '--g-ui-info-active',
+  '--g-ui-info-subtle',
+  '--g-ui-info-muted',
+  '--g-ui-shadow-xs',
+  '--g-ui-shadow-sm',
+  '--g-ui-shadow-md',
+  '--g-ui-shadow-lg',
+  '--g-ui-shadow-xl',
+  '--g-ui-shadow-2xl',
+  '--g-ui-radius',
+  '--g-ui-font',
+  // Legacy
+  '--g-ui-surface',
+  '--g-ui-text',
+  '--g-ui-muted',
+  '--g-ui-primary-strong',
+  '--g-ui-shadow',
+]);
+
+export function setThemeVars(vars = {}, target = document?.documentElement) {
+  if (!target) return;
+  for (const [key, value] of Object.entries(vars)) {
+    const cssKey = key.startsWith('--') ? key : `--g-ui-${key}`;
+    if (!themeVars.has(cssKey)) continue;
+    target.style.setProperty(cssKey, String(value));
+  }
+}
+
+export function setThemeMode(mode = 'dark', target = document?.documentElement) {
+  if (!target) return;
+  target.classList.remove('g-ui-theme-dark', 'g-ui-theme-light');
+  target.classList.add(mode === 'light' ? 'g-ui-theme-light' : 'g-ui-theme-dark');
+}

package/src/utils.js

@@ -0,0 +1,75 @@
+import { Renderer, isSignal, isState, isStatePath, isComputed, resolve, computed, after, concat } from '@granularjs/core';
+
+function isReactive(value) {
+  return isSignal(value) || isState(value) || isStatePath(value) || isComputed(value);
+}
+
+export function cx(...values) {
+  return concat(...values, { separator: ' ', filterFalsy: true });
+}
+
+export function toPx(value) {
+  if (value == null || value === '') return undefined;
+  return typeof value === 'number' ? `${value}px` : value;
+}
+
+export function splitPropsChildren(args, defaults) {
+  const props = {};
+  const children = [];
+  const isPropsObject = (value) =>
+    !!value &&
+    typeof value === 'object' &&
+    !Array.isArray(value) &&
+    !Renderer.isRenderable(value) &&
+    !Renderer.isDomNode(value) &&
+    !isSignal(value) &&
+    !isState(value) &&
+    !isStatePath(value) &&
+    !isComputed(value);
+
+  for (const arg of args) {
+    if (isPropsObject(arg)) Object.assign(props, arg);
+    else children.push(arg);
+  }
+  if (defaults && typeof defaults === 'object') {
+    for (const key of Object.keys(defaults)) {
+      if (props[key] === undefined) props[key] = defaults[key];
+    }
+  }
+  return { props: computed(props), rawProps: props, children };
+}
+
+export function resolveValue(value) {
+  return resolve(value);
+}
+
+export function resolveBool(value) {
+  return !!resolve(value);
+}
+
+export function classVar(prefix, value, fallback) {
+  const normalize = (v) => {
+    const resolved = resolve(v);
+    const finalValue = resolved == null || resolved === '' ? fallback : resolved;
+    return finalValue == null || finalValue === '' ? '' : `${prefix}${finalValue}`;
+  };
+  if (isReactive(value)) {
+    return after(value).compute((v) => normalize(v));
+  }
+  return normalize(value);
+}
+
+export function classFlag(name, value) {
+  if (isReactive(value)) {
+    return after(value).compute((v) => (resolve(v) ? name : ''));
+  }
+  return resolve(value) ? name : '';
+}
+
+export function classMap(value, map, fallback) {
+  const getClass = (v) => map[v] || null;
+  if (isReactive(value)) {
+    return after(value).compute((v) => getClass(resolve(v ?? fallback)));
+  }
+  return getClass(resolve(value ?? fallback));
+}

package/types/components/Accordion.d.ts

@@ -0,0 +1 @@
+export function Accordion(...args: any[]): any;

package/types/components/ActionIcon.d.ts

@@ -0,0 +1 @@
+export function ActionIcon(...args: any[]): any;

package/types/components/Affix.d.ts

@@ -0,0 +1 @@
+export function Affix(...args: any[]): any;

package/types/components/Alert.d.ts

@@ -0,0 +1 @@
+export function Alert(...args: any[]): any;

package/types/components/Anchor.d.ts

@@ -0,0 +1 @@
+export function Anchor(...args: any[]): any;

package/types/components/AppBar.d.ts

@@ -0,0 +1 @@
+export function AppBar(...args: any[]): any;

package/types/components/Avatar.d.ts

@@ -0,0 +1 @@
+export function Avatar(...args: any[]): any;

package/types/components/AvatarGroup.d.ts

@@ -0,0 +1 @@
+export function AvatarGroup(...args: any[]): any;

package/types/components/Badge.d.ts

@@ -0,0 +1 @@
+export function Badge(...args: any[]): any;

package/types/components/BadgeGroup.d.ts

@@ -0,0 +1 @@
+export function BadgeGroup(...args: any[]): any;

package/types/components/Blockquote.d.ts

@@ -0,0 +1 @@
+export function Blockquote(...args: any[]): any;

package/types/components/BottomBar.d.ts

@@ -0,0 +1,4 @@
+export function BottomBar(...args: any[]): any;
+export namespace BottomBar {
+    function Action(...args: any[]): any;
+}

package/types/components/Breadcrumbs.d.ts

@@ -0,0 +1 @@
+export function Breadcrumbs(...args: any[]): any;

package/types/components/Burger.d.ts

@@ -0,0 +1 @@
+export function Burger(...args: any[]): any;

package/types/components/Button.d.ts

@@ -0,0 +1 @@
+export function Button(...args: any[]): any;

package/types/components/Calendar.d.ts

@@ -0,0 +1 @@
+export function Calendar(...args: any[]): any;

package/types/components/Card.d.ts

@@ -0,0 +1 @@
+export function Card(...args: any[]): any;

package/types/components/Center.d.ts

@@ -0,0 +1 @@
+export function Center(...args: any[]): any;

package/types/components/Checkbox.d.ts

@@ -0,0 +1 @@
+export function Checkbox(...args: any[]): any;

package/types/components/CheckboxGroup.d.ts

@@ -0,0 +1 @@
+export function CheckboxGroup(...args: any[]): any;

package/types/components/Chip.d.ts

@@ -0,0 +1 @@
+export function Chip(...args: any[]): any;

package/types/components/Code.d.ts

@@ -0,0 +1 @@
+export function Code(...args: any[]): any;

package/types/components/Col.d.ts

@@ -0,0 +1 @@
+export function Col(...args: any[]): any;

package/types/components/Collapse.d.ts

@@ -0,0 +1 @@
+export function Collapse(...args: any[]): any;

package/types/components/Container.d.ts

@@ -0,0 +1 @@
+export function Container(...args: any[]): any;

package/types/components/CopyButton.d.ts

@@ -0,0 +1 @@
+export function CopyButton(...args: any[]): any;

package/types/components/DateInput.d.ts

@@ -0,0 +1 @@
+export function DateInput(...args: any[]): any;

package/types/components/DatePicker.d.ts

@@ -0,0 +1 @@
+export function DatePicker(...args: any[]): any;

package/types/components/Divider.d.ts

@@ -0,0 +1 @@
+export function Divider(...args: any[]): any;

package/types/components/Drawer.d.ts

@@ -0,0 +1 @@
+export function Drawer(...args: any[]): any;

package/types/components/EventCalendar.d.ts

@@ -0,0 +1 @@
+export function EventCalendar(...args: any[]): any;

package/types/components/Fieldset.d.ts

@@ -0,0 +1 @@
+export function Fieldset(...args: any[]): any;

package/types/components/Flex.d.ts

@@ -0,0 +1 @@
+export function Flex(...args: any[]): any;

package/types/components/Grid.d.ts

@@ -0,0 +1 @@
+export function Grid(...args: any[]): any;

package/types/components/GridTable.d.ts

@@ -0,0 +1,5 @@
+export function GridTable(...args: any[]): any;
+export namespace GridTable {
+    function GridRow(...args: any[]): any;
+    function GridCell(...args: any[]): any;
+}

package/types/components/Group.d.ts

@@ -0,0 +1 @@
+export function Group(...args: any[]): any;

package/types/components/HoverCard.d.ts

@@ -0,0 +1 @@
+export function HoverCard(...args: any[]): any;

package/types/components/Icon.d.ts

@@ -0,0 +1 @@
+export function Icon(...args: any[]): any;

package/types/components/Image.d.ts

@@ -0,0 +1 @@
+export function Image(...args: any[]): any;

package/types/components/Indicator.d.ts

@@ -0,0 +1 @@
+export function Indicator(...args: any[]): any;

package/types/components/Kbd.d.ts

@@ -0,0 +1 @@
+export function Kbd(...args: any[]): any;

package/types/components/List.d.ts

@@ -0,0 +1,5 @@
+export function List(...args: any[]): any;
+export namespace List {
+    export { ListItem as Item };
+}
+export function ListItem(...args: any[]): any;

package/types/components/Loading.d.ts

@@ -0,0 +1 @@
+export function Loading(...args: any[]): any;

package/types/components/LoadingOverlay.d.ts

@@ -0,0 +1 @@
+export function LoadingOverlay(...args: any[]): any;

package/types/components/Menu.d.ts

@@ -0,0 +1,2 @@
+export function Menu(...args: any[]): any;
+export const menuControlStore: any;

package/types/components/Modal.d.ts

@@ -0,0 +1 @@
+export function Modal(...args: any[]): any;

package/types/components/MultiSelect.d.ts

@@ -0,0 +1 @@
+export function MultiSelect(...args: any[]): any;

package/types/components/NavLink.d.ts

@@ -0,0 +1 @@
+export function NavLink(...args: any[]): any;

package/types/components/Notification.d.ts

@@ -0,0 +1 @@
+export function Notification(...args: any[]): any;

package/types/components/Notifications.d.ts

@@ -0,0 +1 @@
+export function Notifications(...args: any[]): any;

package/types/components/NumberField.d.ts

@@ -0,0 +1 @@
+export function NumberField(...args: any[]): any;

package/types/components/NumberInput.d.ts

@@ -0,0 +1 @@
+export function NumberInput(...args: any[]): any;

package/types/components/Pagination.d.ts

@@ -0,0 +1 @@
+export function Pagination(...args: any[]): any;

package/types/components/Paper.d.ts

@@ -0,0 +1 @@
+export function Paper(...args: any[]): any;

package/types/components/PasswordInput.d.ts

@@ -0,0 +1 @@
+export function PasswordInput(...args: any[]): any;

package/types/components/PinInput.d.ts

@@ -0,0 +1 @@
+export function PinInput(...args: any[]): any;

package/types/components/Popover.d.ts

@@ -0,0 +1 @@
+export function Popover(...args: any[]): any;

package/types/components/Popper.d.ts

@@ -0,0 +1 @@
+export function Popper(...args: any[]): any;

package/types/components/Progress.d.ts

@@ -0,0 +1 @@
+export function Progress(...args: any[]): any;

package/types/components/ProgressRing.d.ts

@@ -0,0 +1 @@
+export function ProgressRing(...args: any[]): any;

package/types/components/Radio.d.ts

@@ -0,0 +1 @@
+export function Radio(...args: any[]): any;

package/types/components/RadioGroup.d.ts

@@ -0,0 +1 @@
+export function RadioGroup(...args: any[]): any;

package/types/components/RangePicker.d.ts

@@ -0,0 +1 @@
+export function RangePicker(...args: any[]): any;

package/types/components/RangeSlider.d.ts

@@ -0,0 +1 @@
+export function RangeSlider(...args: any[]): any;

package/types/components/Rating.d.ts

@@ -0,0 +1 @@
+export function Rating(...args: any[]): any;

package/types/components/ScrollArea.d.ts

@@ -0,0 +1 @@
+export function ScrollArea(...args: any[]): any;

package/types/components/SearchInput.d.ts

@@ -0,0 +1 @@
+export function SearchInput(...args: any[]): any;

package/types/components/SegmentedControl.d.ts

@@ -0,0 +1 @@
+export function SegmentedControl(...args: any[]): any;

package/types/components/Select.d.ts

@@ -0,0 +1 @@
+export function Select(...args: any[]): any;

package/types/components/SelectSearch.d.ts

@@ -0,0 +1 @@
+export function SelectSearch(...args: any[]): any;

package/types/components/Sidebar.d.ts

@@ -0,0 +1 @@
+export function Sidebar(...args: any[]): any;

package/types/components/SimpleGrid.d.ts

@@ -0,0 +1 @@
+export function SimpleGrid(...args: any[]): any;

package/types/components/Skeleton.d.ts

@@ -0,0 +1 @@
+export function Skeleton(...args: any[]): any;

package/types/components/Slider.d.ts

@@ -0,0 +1,5 @@
+export function Slider(...args: any[]): any;
+export function SliderMark({ mark, getBounds }: {
+    mark: any;
+    getBounds: any;
+}): any;

package/types/components/Space.d.ts

@@ -0,0 +1 @@
+export function Space(...args: any[]): any;

package/types/components/Stack.d.ts

@@ -0,0 +1 @@
+export function Stack(...args: any[]): any;

package/types/components/Stepper.d.ts

@@ -0,0 +1 @@
+export function Stepper(...args: any[]): any;

package/types/components/Switch.d.ts

@@ -0,0 +1 @@
+export function Switch(...args: any[]): any;

package/types/components/SwitchGroup.d.ts

@@ -0,0 +1 @@
+export function SwitchGroup(...args: any[]): any;

package/types/components/Table.d.ts

@@ -0,0 +1 @@
+export function Table(...args: any[]): any;

package/types/components/Tabs.d.ts

@@ -0,0 +1 @@
+export function Tabs(...args: any[]): any;

package/types/components/Tag.d.ts

@@ -0,0 +1 @@
+export function Tag(...args: any[]): any;

package/types/components/Text.d.ts

@@ -0,0 +1 @@
+export function Text(...args: any[]): any;

package/types/components/TextInput.d.ts

@@ -0,0 +1 @@
+export function TextInput(...args: any[]): any;

package/types/components/Textarea.d.ts

@@ -0,0 +1 @@
+export function Textarea(...args: any[]): any;

package/types/components/Timeline.d.ts

@@ -0,0 +1 @@
+export function Timeline(...args: any[]): any;

package/types/components/Title.d.ts

@@ -0,0 +1 @@
+export function Title(...args: any[]): any;

package/types/components/Toast.d.ts

@@ -0,0 +1 @@
+export function Toast(...args: any[]): any;

package/types/components/ToastStack.d.ts

@@ -0,0 +1 @@
+export function ToastStack(...args: any[]): any;

package/types/components/Tooltip.d.ts

@@ -0,0 +1 @@
+export function Tooltip(...args: any[]): any;

package/types/hooks/useDisclosure.d.ts

@@ -0,0 +1 @@
+export function useDisclosure(initial?: boolean): any[];

package/types/index.d.ts

@@ -0,0 +1,93 @@
+export { cx } from "./utils.js";
+export { Button } from "./components/Button.js";
+export { Text } from "./components/Text.js";
+export { Title } from "./components/Title.js";
+export { Container } from "./components/Container.js";
+export { Stack } from "./components/Stack.js";
+export { Group } from "./components/Group.js";
+export { Card } from "./components/Card.js";
+export { Badge } from "./components/Badge.js";
+export { TextInput } from "./components/TextInput.js";
+export { Textarea } from "./components/Textarea.js";
+export { NumberInput } from "./components/NumberInput.js";
+export { Modal } from "./components/Modal.js";
+export { Loading } from "./components/Loading.js";
+export { Checkbox } from "./components/Checkbox.js";
+export { Switch } from "./components/Switch.js";
+export { Select } from "./components/Select.js";
+export { Tabs } from "./components/Tabs.js";
+export { Table } from "./components/Table.js";
+export { Accordion } from "./components/Accordion.js";
+export { Tooltip } from "./components/Tooltip.js";
+export { Menu } from "./components/Menu.js";
+export { Drawer } from "./components/Drawer.js";
+export { Notification } from "./components/Notification.js";
+export { Divider } from "./components/Divider.js";
+export { Paper } from "./components/Paper.js";
+export { Alert } from "./components/Alert.js";
+export { Avatar } from "./components/Avatar.js";
+export { Kbd } from "./components/Kbd.js";
+export { Code } from "./components/Code.js";
+export { Blockquote } from "./components/Blockquote.js";
+export { SimpleGrid } from "./components/SimpleGrid.js";
+export { List } from "./components/List.js";
+export { Anchor } from "./components/Anchor.js";
+export { Image } from "./components/Image.js";
+export { Icon } from "./components/Icon.js";
+export { Progress } from "./components/Progress.js";
+export { Slider } from "./components/Slider.js";
+export { Skeleton } from "./components/Skeleton.js";
+export { Chip } from "./components/Chip.js";
+export { SegmentedControl } from "./components/SegmentedControl.js";
+export { Pagination } from "./components/Pagination.js";
+export { Radio } from "./components/Radio.js";
+export { RadioGroup } from "./components/RadioGroup.js";
+export { Breadcrumbs } from "./components/Breadcrumbs.js";
+export { Center } from "./components/Center.js";
+export { Space } from "./components/Space.js";
+export { Collapse } from "./components/Collapse.js";
+export { ActionIcon } from "./components/ActionIcon.js";
+export { Popover } from "./components/Popover.js";
+export { HoverCard } from "./components/HoverCard.js";
+export { Affix } from "./components/Affix.js";
+export { Fieldset } from "./components/Fieldset.js";
+export { AppBar } from "./components/AppBar.js";
+export { Sidebar } from "./components/Sidebar.js";
+export { Timeline } from "./components/Timeline.js";
+export { Stepper } from "./components/Stepper.js";
+export { Rating } from "./components/Rating.js";
+export { Tag } from "./components/Tag.js";
+export { Calendar } from "./components/Calendar.js";
+export { MultiSelect } from "./components/MultiSelect.js";
+export { ToastStack } from "./components/ToastStack.js";
+export { DatePicker } from "./components/DatePicker.js";
+export { Notifications } from "./components/Notifications.js";
+export { RangeSlider } from "./components/RangeSlider.js";
+export { DateInput } from "./components/DateInput.js";
+export { NumberField } from "./components/NumberField.js";
+export { Popper } from "./components/Popper.js";
+export { PasswordInput } from "./components/PasswordInput.js";
+export { SearchInput } from "./components/SearchInput.js";
+export { CopyButton } from "./components/CopyButton.js";
+export { ProgressRing } from "./components/ProgressRing.js";
+export { Toast } from "./components/Toast.js";
+export { SelectSearch } from "./components/SelectSearch.js";
+export { SwitchGroup } from "./components/SwitchGroup.js";
+export { RangePicker } from "./components/RangePicker.js";
+export { Flex } from "./components/Flex.js";
+export { NavLink } from "./components/NavLink.js";
+export { Indicator } from "./components/Indicator.js";
+export { Burger } from "./components/Burger.js";
+export { LoadingOverlay } from "./components/LoadingOverlay.js";
+export { Grid } from "./components/Grid.js";
+export { Col } from "./components/Col.js";
+export { ScrollArea } from "./components/ScrollArea.js";
+export { PinInput } from "./components/PinInput.js";
+export { CheckboxGroup } from "./components/CheckboxGroup.js";
+export { AvatarGroup } from "./components/AvatarGroup.js";
+export { BadgeGroup } from "./components/BadgeGroup.js";
+export { GridTable } from "./components/GridTable.js";
+export { BottomBar } from "./components/BottomBar.js";
+export { EventCalendar } from "./components/EventCalendar.js";
+export { useDisclosure } from "./hooks/useDisclosure.js";
+export { setThemeVars, setThemeMode } from "./theme/theme.js";

package/types/theme/icons.d.ts

@@ -0,0 +1,10 @@
+export const forwardSvg: "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#1f1f1f\"><path d=\"M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z\"/></svg>";
+export const backwardSvg: "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#1f1f1f\"><path d=\"M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z\"/></svg>";
+export const checkedSvg: "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"40px\" viewBox=\"0 -960 960 960\" width=\"40px\" fill=\"#1f1f1f\"><path d=\"M379.33-244 154-469.33 201.67-517l177.66 177.67 378.34-378.34L805.33-670l-426 426Z\"/></svg>";
+export const indeterminateSvg: "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"40px\" viewBox=\"0 -960 960 960\" width=\"40px\" fill=\"#1f1f1f\"><path d=\"M240-446.67v-66.66h480v66.66H240Z\"/></svg>";
+export const closeSvg: "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"40px\" viewBox=\"0 -960 960 960\" width=\"40px\" fill=\"#1f1f1f\"><path d=\"M312-265.33 265.33-312l168-168-168-167L312-693.67l168 168 167-168L693.67-647l-168 167 168 168L647-265.33l-167-168-168 168Z\"/></svg>";
+export const searchSvg: "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#1f1f1f\"><path d=\"M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z\"/></svg>";
+export const plusSvg: "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"currentColor\"><path d=\"M440-440H200v-80h240v-240h80v240h240v80H520v240h-80v-240Z\"/></svg>";
+export const editSvg: "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"currentColor\"><path d=\"M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h357l-80 80H200v560h560v-278l80-80v358q0 33-23.5 56.5T760-120H200Zm280-360v-80h240v80H480Zm0 160v-80h320v80H480Zm0 160v-80h320v80H480ZM360-360v-80h80v80h-80Zm0 160v-80h80v80h-80Zm0 160v-80h80v80h-80Zm160-320h280l-36-37 37-37v74H520Zm-160 0h80v-80h-80v80ZM120-600v-160l160-160h160l-80 80H200v240h-80Zm80-240v-80 80Z\"/></svg>";
+export const deleteSvg: "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"currentColor\"><path d=\"M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z\"/></svg>";
+export const calendarTodaySvg: "<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"currentColor\"><path d=\"M200-80q-33 0-56.5-23.5T120-160v-560q0-33 23.5-56.5T200-800h40v-80h80v80h320v-80h80v80h40q33 0 56.5 23.5T840-720v560q0 33-23.5 56.5T760-80H200Zm0-80h560v-400H200v400Z\"/></svg>";

package/types/theme/styles.d.ts

@@ -0,0 +1 @@
+export function ensureStyles(): void;

package/types/theme/theme.d.ts

@@ -0,0 +1,2 @@
+export function setThemeVars(vars?: {}, target?: HTMLElement): void;
+export function setThemeMode(mode?: string, target?: HTMLElement): void;

package/types/utils.d.ts

@@ -0,0 +1,12 @@
+export function cx(...values: any[]): any;
+export function toPx(value: any): any;
+export function splitPropsChildren(args: any, defaults: any): {
+    props: any;
+    rawProps: {};
+    children: any[];
+};
+export function resolveValue(value: any): any;
+export function resolveBool(value: any): boolean;
+export function classVar(prefix: any, value: any, fallback: any): any;
+export function classFlag(name: any, value: any): any;
+export function classMap(value: any, map: any, fallback: any): any;