glassine-paper 1.0.0

package/lib/NavDrawer.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, {} from 'react';
+const NavDrawerItem = ({ key, id, label, leadingIcon, trailingIcon, divider = false, active = false, hidden = false, disabled = false, onClick, href, }) => {
+    const classes = [
+        active ? 'active' : '',
+        hidden ? 'hidden' : '',
+        disabled ? 'disabled' : '',
+    ].join(' ');
+    return divider ? (_jsx("hr", {})) : href ? (_jsxs("a", { id: id, className: classes, href: href, children: [leadingIcon, label, trailingIcon] }, key)) : (_jsxs("button", { id: id, className: classes, onClick: onClick, children: [leadingIcon, label, trailingIcon] }, key));
+};
+/**
+ * Material Design 3 NavDrawer component
+ *
+ * @param props NavDrawerProps
+ * @param props.id Element id
+ * @param props.items Array of NavDrawerItem configurations
+ * @param props.items[].key Unique key for the item
+ * @param props.items[].id Element id for the item
+ * @param props.items[].label Label text
+ * @param props.items[].leadingIcon Leading icon element
+ * @param props.items[].trailingIcon Trailing icon element
+ * @param props.items[].divider Show as divider (renders hr element)
+ * @param props.items[].active Active state
+ * @param props.items[].hidden Hidden state
+ * @param props.items[].disabled Disabled state
+ * @param props.items[].onClick Click handler
+ * @param props.items[].href Link URL (renders as anchor tag)
+ * @param props.className Additional CSS class names
+ * @param props.style Custom inline styles
+ * @returns JSX.Element
+ *
+ * @example
+ * <NavDrawer
+ *   id="example-nav-drawer"
+ *   items={[
+ *     {
+ *       leadingIcon: {<svg>...</svg>},
+ *       label: "Item 1",
+ *       trailingIcon: {<svg>...</svg>},
+ *       active: true,
+ *       onClick: () => {},
+ *     },
+ *     { divider: true },
+ *     {
+ *       label: "Item 2",
+ *       href: "...",
+ *     },
+ *   ]}
+ * />
+ */
+export const NavDrawer = ({ id, items = [], className, style = {}, }) => {
+    return (_jsx("div", { id: id, className: `nav-drawer ${className || ''}`, style: style, children: Array.from(items).map((item, index) => (_jsx(NavDrawerItem, { ...item }, item.key || index))) }));
+};
+export default NavDrawer;
+//# sourceMappingURL=NavDrawer.js.map

package/lib/NavDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavDrawer.js","sourceRoot":"","sources":["../src/components/NavDrawer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAsC,MAAM,OAAO,CAAC;AAuBlE,MAAM,aAAa,GAAiC,CAAC,EACnD,GAAG,EACH,EAAE,EACF,KAAK,EACL,WAAW,EACX,YAAY,EACZ,OAAO,GAAG,KAAK,EACf,MAAM,GAAG,KAAK,EACd,MAAM,GAAG,KAAK,EACd,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,IAAI,GACL,EAAE,EAAE;IACH,MAAM,OAAO,GAAG;QACd,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;QACtB,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;QACtB,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;KAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACZ,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,cAAM,CACP,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,aAAa,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,aAChD,WAAW,EACX,KAAK,EACL,YAAY,KAHP,GAAG,CAIP,CACL,CAAC,CAAC,CAAC,CACF,kBAAkB,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,aAC3D,WAAW,EACX,KAAK,EACL,YAAY,KAHF,GAAG,CAIP,CACV,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,EAAE,EACF,KAAK,GAAG,EAAE,EACV,SAAS,EACT,KAAK,GAAG,EAAE,GACX,EAAE,EAAE;IACH,OAAO,CACL,cAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,cAAc,SAAS,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,YAClE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,KAAC,aAAa,OAA6B,IAAI,IAA3B,IAAI,CAAC,GAAG,IAAI,KAAK,CAAc,CACpD,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/Slider.d.ts

@@ -0,0 +1,70 @@
+import React, { type CSSProperties } from 'react';
+export interface SliderOption {
+    value: number;
+    key?: string;
+}
+export interface SliderProps {
+    id?: string;
+    name?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    value: number;
+    size?: 'xs' | 'sm' | 'md';
+    orientation?: 'horizontal' | 'top-bottom' | 'bottom-top';
+    showValueIndicator?: boolean;
+    options?: SliderOption[];
+    onChange?: (value: number) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * Material Design 3 Slider component
+ *
+ * @param props SliderProps
+ * @param props.id Input id attribute
+ * @param props.name Input name attribute
+ * @param props.min Minimum value
+ * @param props.max Maximum value
+ * @param props.step Step increment
+ * @param props.value Current value
+ * @param props.size Size variant: 'xs', 'sm', or 'md'
+ * @param props.orientation Orientation: 'horizontal', 'top-bottom', or 'bottom-top'
+ * @param props.showValueIndicator Show value indicator
+ * @param props.options Datalist options array
+ * @param props.options[].value Option value
+ * @param props.options[].key Optional unique key for the option
+ * @param props.onChange Change handler function
+ * @param props.className Additional CSS class names
+ * @param props.style Custom inline styles
+ * @returns JSX.Element
+ *
+ * @example
+ * <Slider
+ *   value={50}
+ *   min={0}
+ *   max={100}
+ *   step={10}
+ *   showValueIndicator
+ *   options={[
+ *     { value: 0 },
+ *     { value: 25 },
+ *     { value: 50 },
+ *     { value: 75 },
+ *     { value: 100 }
+ *   ]}
+ *   onChange={(value) => console.log(value)}
+ *   style={{ width: "16em"}}
+ * />
+ *
+ * @example
+ * <Slider
+ *   value={30}
+ *   orientation="top-bottom"
+ *   size="md"
+ *   style={{ height: "16em"}}
+ * />
+ */
+export declare const Slider: React.FC<SliderProps>;
+export default Slider;
+//# sourceMappingURL=Slider.d.ts.map

package/lib/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../src/components/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqB,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAErE,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,YAAY,GAAG,YAAY,GAAG,YAAY,CAAC;IACzD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAwGxC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/Slider.js

@@ -0,0 +1,104 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useRef } from 'react';
+/**
+ * Material Design 3 Slider component
+ *
+ * @param props SliderProps
+ * @param props.id Input id attribute
+ * @param props.name Input name attribute
+ * @param props.min Minimum value
+ * @param props.max Maximum value
+ * @param props.step Step increment
+ * @param props.value Current value
+ * @param props.size Size variant: 'xs', 'sm', or 'md'
+ * @param props.orientation Orientation: 'horizontal', 'top-bottom', or 'bottom-top'
+ * @param props.showValueIndicator Show value indicator
+ * @param props.options Datalist options array
+ * @param props.options[].value Option value
+ * @param props.options[].key Optional unique key for the option
+ * @param props.onChange Change handler function
+ * @param props.className Additional CSS class names
+ * @param props.style Custom inline styles
+ * @returns JSX.Element
+ *
+ * @example
+ * <Slider
+ *   value={50}
+ *   min={0}
+ *   max={100}
+ *   step={10}
+ *   showValueIndicator
+ *   options={[
+ *     { value: 0 },
+ *     { value: 25 },
+ *     { value: 50 },
+ *     { value: 75 },
+ *     { value: 100 }
+ *   ]}
+ *   onChange={(value) => console.log(value)}
+ *   style={{ width: "16em"}}
+ * />
+ *
+ * @example
+ * <Slider
+ *   value={30}
+ *   orientation="top-bottom"
+ *   size="md"
+ *   style={{ height: "16em"}}
+ * />
+ */
+export const Slider = ({ id, name, min = 0, max = 100, step = 1, value, size = 'sm', orientation = 'horizontal', showValueIndicator = false, options = [], onChange, className = '', style = {}, }) => {
+    const sliderRef = useRef(null);
+    const inputRef = useRef(null);
+    // Update progress and datalist on value change
+    useEffect(() => {
+        if (!sliderRef.current || !inputRef.current)
+            return;
+        const valueRatio = (value - min) / (max - min);
+        const ratio = `${max > min ? valueRatio * 100 : 0}%`;
+        sliderRef.current.style.setProperty('--slider-progress', ratio);
+        Object.entries(style).forEach(([key, value]) => {
+            sliderRef.current?.style.setProperty(key, value);
+        });
+        // Update datalist options
+        if (options.length > 0) {
+            const datalistOptions = sliderRef.current.querySelectorAll('.option');
+            datalistOptions.forEach((option) => {
+                const optionValue = Number(option.getAttribute('value'));
+                if (optionValue < value) {
+                    option.classList.add('lower');
+                }
+                else {
+                    option.classList.remove('lower');
+                }
+            });
+        }
+        if (showValueIndicator) {
+            const indicator = sliderRef.current.querySelector('.value-indicator');
+            if (indicator) {
+                const inputRect = inputRef.current.getBoundingClientRect();
+                const sliderRect = sliderRef.current.getBoundingClientRect();
+                // Position the indicator
+                indicator.style.left = `${(inputRect.left - sliderRect.left) * 3 + (inputRect.width - (inputRect.left - sliderRect.left) * 3) * valueRatio}px`;
+            }
+        }
+    }, [value, min, max, options, style, showValueIndicator]);
+    const handleInput = (e) => {
+        const newValue = Number(e.target.value);
+        if (onChange) {
+            onChange(newValue);
+        }
+    };
+    const classes = [
+        'slider',
+        size !== 'sm' ? size : '',
+        orientation !== 'horizontal' ? orientation : '',
+        className,
+    ]
+        .filter(Boolean)
+        .join(' ');
+    const datalistId = id ? `${id}-list` : undefined;
+    return (_jsxs("div", { ref: sliderRef, className: classes, children: [showValueIndicator && _jsx("div", { className: "value-indicator", children: value }), _jsx("input", { ref: inputRef, id: id, name: name, type: "range", min: min, max: max, step: step, value: value, onChange: handleInput, list: datalistId }), options.length > 0 && (_jsx("div", { className: "datalist", id: datalistId, children: options.map((option) => (_jsx("div", { className: "option", "data-key": option.key ?? option.value, "data-value": option.value }, option.key ?? option.value))) }))] }));
+};
+export default Slider;
+//# sourceMappingURL=Slider.js.map

package/lib/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../src/components/Slider.tsx"],"names":[],"mappings":"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"}

package/lib/Tabs.d.ts

@@ -0,0 +1,50 @@
+import React, { type ReactNode, type CSSProperties } from 'react';
+export interface TabItemProps {
+    key?: string | number;
+    id?: string;
+    label: string;
+    leadingIcon?: ReactNode;
+    active?: boolean;
+    disabled?: boolean;
+    onClick?: () => void;
+    href?: string;
+}
+export interface TabsProps {
+    id?: string;
+    items: Iterable<TabItemProps>;
+    style?: CSSProperties;
+}
+/**
+ * Material Design 3 Tabs component
+ *
+ * @param props TabsProps
+ * @param props.id Element id
+ * @param props.items Array of TabItem configurations
+ * @param props.items[].key Unique key for the item
+ * @param props.items[].id Element id for the item
+ * @param props.items[].label Label text
+ * @param props.items[].leadingIcon Leading icon element
+ * @param props.items[].active Active state
+ * @param props.items[].disabled Disabled state
+ * @param props.items[].onClick Click handler
+ * @param props.items[].href Link URL (renders as anchor tag)
+ * @param props.style Custom inline styles
+ * @returns JSX.Element
+ *
+ * @example
+ * <Tabs
+ *   id="example-tabs"
+ *   items={[
+ *     {
+ *       leadingIcon: {<svg>...</svg>},
+ *       label: "Item 1",
+ *     },
+ *     {
+ *       label: "Item 2",
+ *     },
+ *   ]}
+ * />
+ */
+export declare const Tabs: React.FC<TabsProps>;
+export default Tabs;
+//# sourceMappingURL=Tabs.d.ts.map

package/lib/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../src/components/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,YAAY;IAC3B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAyBD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAQpC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/Tabs.js

@@ -0,0 +1,42 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React, {} from 'react';
+const TabItem = ({ key, id, leadingIcon, label, active = false, onClick, href, }) => {
+    const classes = [active ? 'active' : ''].join(' ');
+    return href ? (_jsxs("a", { id: id, className: classes, href: href, children: [leadingIcon, label] }, key)) : (_jsxs("button", { id: id, className: classes, onClick: onClick, children: [leadingIcon, label] }, key));
+};
+/**
+ * Material Design 3 Tabs component
+ *
+ * @param props TabsProps
+ * @param props.id Element id
+ * @param props.items Array of TabItem configurations
+ * @param props.items[].key Unique key for the item
+ * @param props.items[].id Element id for the item
+ * @param props.items[].label Label text
+ * @param props.items[].leadingIcon Leading icon element
+ * @param props.items[].active Active state
+ * @param props.items[].disabled Disabled state
+ * @param props.items[].onClick Click handler
+ * @param props.items[].href Link URL (renders as anchor tag)
+ * @param props.style Custom inline styles
+ * @returns JSX.Element
+ *
+ * @example
+ * <Tabs
+ *   id="example-tabs"
+ *   items={[
+ *     {
+ *       leadingIcon: {<svg>...</svg>},
+ *       label: "Item 1",
+ *     },
+ *     {
+ *       label: "Item 2",
+ *     },
+ *   ]}
+ * />
+ */
+export const Tabs = ({ id, items = [], style = {} }) => {
+    return (_jsx("div", { id: id, className: "tabs", style: style, children: Array.from(items).map((item, index) => (_jsx(TabItem, { ...item }, item.key || index))) }));
+};
+export default Tabs;
+//# sourceMappingURL=Tabs.js.map

package/lib/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../src/components/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAsC,MAAM,OAAO,CAAC;AAmBlE,MAAM,OAAO,GAA2B,CAAC,EACvC,GAAG,EACH,EAAE,EACF,WAAW,EACX,KAAK,EACL,MAAM,GAAG,KAAK,EACd,OAAO,EACP,IAAI,GACL,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACnD,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,aAAa,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,aAChD,WAAW,EACX,KAAK,KAFA,GAAG,CAGP,CACL,CAAC,CAAC,CAAC,CACF,kBAAkB,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,aAC3D,WAAW,EACX,KAAK,KAFK,GAAG,CAGP,CACV,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAE,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,EAAE,EAAE,EAAE;IAC1E,OAAO,CACL,cAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,YACvC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,KAAC,OAAO,OAA6B,IAAI,IAA3B,IAAI,CAAC,GAAG,IAAI,KAAK,CAAc,CAC9C,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/lib/TextField.d.ts

@@ -0,0 +1,68 @@
+import React, { type ReactNode, type CSSProperties } from 'react';
+/**
+ * TextField component props
+ */
+export interface TextFieldProps {
+    id?: string;
+    name?: string;
+    variant?: 'filled' | 'outlined';
+    type?: 'text' | 'email' | 'number' | 'password' | 'tel' | 'url';
+    label: string;
+    placeholder?: string;
+    value?: string | number;
+    error?: boolean;
+    disabled?: boolean;
+    supportingText?: string;
+    leadingIcon?: ReactNode;
+    trailingIcon?: ReactNode;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * Material Design 3 TextField component
+ *
+ * @param props TextFieldProps
+ * @param props.id Input id attribute
+ * @param props.name Input name attribute
+ * @param props.variant Variant of the text field: 'filled' or 'outlined'
+ * @param props.type Input type: 'text', 'email', 'number', 'password', 'tel', or 'url'
+ * @param props.label Label text
+ * @param props.placeholder Placeholder text (should match label)
+ * @param props.value Current value
+ * @param props.error Error state
+ * @param props.disabled Disabled state
+ * @param props.supportingText Supporting text or error message
+ * @param props.leadingIcon Leading icon element
+ * @param props.trailingIcon Trailing icon element
+ * @param props.onChange Change handler
+ * @param props.onBlur Blur handler
+ * @param props.onFocus Focus handler
+ * @param props.className Additional CSS class names
+ * @param props.style Custom inline styles
+ * @returns JSX.Element
+ *
+ * @example
+ * <TextField
+ *   variant="filled"
+ *   label="Email"
+ *   placeholder="Email"
+ *   type="email"
+ *   supportingText="Enter your email address"
+ * />
+ *
+ * @example
+ * <TextField
+ *   variant="outlined"
+ *   label="Password"
+ *   placeholder="Password"
+ *   type="password"
+ *   error={true}
+ *   supportingText="Password is required"
+ * />
+ */
+export declare const TextField: React.FC<TextFieldProps>;
+export default TextField;
+//# sourceMappingURL=TextField.d.ts.map

package/lib/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../src/components/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,CAAC;IAChE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyC9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/TextField.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, {} from 'react';
+/**
+ * Material Design 3 TextField component
+ *
+ * @param props TextFieldProps
+ * @param props.id Input id attribute
+ * @param props.name Input name attribute
+ * @param props.variant Variant of the text field: 'filled' or 'outlined'
+ * @param props.type Input type: 'text', 'email', 'number', 'password', 'tel', or 'url'
+ * @param props.label Label text
+ * @param props.placeholder Placeholder text (should match label)
+ * @param props.value Current value
+ * @param props.error Error state
+ * @param props.disabled Disabled state
+ * @param props.supportingText Supporting text or error message
+ * @param props.leadingIcon Leading icon element
+ * @param props.trailingIcon Trailing icon element
+ * @param props.onChange Change handler
+ * @param props.onBlur Blur handler
+ * @param props.onFocus Focus handler
+ * @param props.className Additional CSS class names
+ * @param props.style Custom inline styles
+ * @returns JSX.Element
+ *
+ * @example
+ * <TextField
+ *   variant="filled"
+ *   label="Email"
+ *   placeholder="Email"
+ *   type="email"
+ *   supportingText="Enter your email address"
+ * />
+ *
+ * @example
+ * <TextField
+ *   variant="outlined"
+ *   label="Password"
+ *   placeholder="Password"
+ *   type="password"
+ *   error={true}
+ *   supportingText="Password is required"
+ * />
+ */
+export const TextField = ({ id, name, variant = 'outlined', type = 'text', label, value, error = false, disabled = false, supportingText, leadingIcon, trailingIcon, onChange, onBlur, onFocus, className = '', style = {}, }) => {
+    const classes = ['textfield', variant, error ? 'error' : '', className]
+        .filter(Boolean)
+        .join(' ');
+    return (_jsxs("div", { className: classes, style: style, children: [leadingIcon && leadingIcon, _jsx("label", { children: label }), _jsx("input", { id: id, name: name, type: type, value: value, placeholder: label, disabled: disabled, onChange: onChange, onBlur: onBlur, onFocus: onFocus }), trailingIcon && trailingIcon, supportingText && _jsx("div", { children: supportingText })] }));
+};
+export default TextField;
+//# sourceMappingURL=TextField.js.map

package/lib/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../src/components/TextField.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAsC,MAAM,OAAO,CAAC;AAyBlE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,EAAE,EACF,IAAI,EACJ,OAAO,GAAG,UAAU,EACpB,IAAI,GAAG,MAAM,EACb,KAAK,EACL,KAAK,EACL,KAAK,GAAG,KAAK,EACb,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,GACX,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC;SACpE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,aAClC,WAAW,IAAI,WAAW,EAC3B,0BAAQ,KAAK,GAAS,EACtB,gBACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,GAChB,EACD,YAAY,IAAI,YAAY,EAC5B,cAAc,IAAI,wBAAM,cAAc,GAAO,IAC1C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/Toolbar.d.ts

@@ -0,0 +1,62 @@
+import React, { type ReactNode, type CSSProperties } from 'react';
+export interface ToolbarItemProps {
+    key?: string | number;
+    id?: string;
+    label?: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+    onClick?: () => void;
+    href?: string;
+    toggle?: boolean;
+    checked?: boolean;
+    primary?: boolean;
+    fab?: boolean;
+}
+export interface ToolbarProps {
+    id?: string;
+    items: Iterable<ToolbarItemProps>;
+    variant?: 'docked' | 'floating';
+    color?: 'standard' | 'vibrant';
+    style?: CSSProperties;
+}
+/**
+ * Material Design 3 Toolbar component
+ *
+ * @param props ToolbarProps
+ * @param props.id Element id
+ * @param props.items Array of ToolbarItem configurations
+ * @param props.items[].key Unique key for the item
+ * @param props.items[].id Element id for the item
+ * @param props.items[].label Label text
+ * @param props.items[].icon Icon element
+ * @param props.items[].disabled Disabled state
+ * @param props.items[].onClick Click handler
+ * @param props.items[].href Link URL (renders as anchor tag)
+ * @param props.items[].toggle Renders as toggle button if true
+ * @param props.items[].checked Toggle button checked state
+ * @param props.items[].primary Primary button styling if true
+ * @param props.items[].fab Renders as floating action button if true on floating toolbars
+ * @param props.variant Toolbar variant: 'docked' or 'floating'
+ * @param props.color Toolbar color scheme: 'standard' or 'vibrant'
+ * @param props.style Custom inline styles
+ * @returns JSX.Element
+ *
+ * @example
+ * <Toolbar
+ *   id="example-toolbar"
+ *   items={[
+ *     {
+ *       icon: {<svg>...</svg>},
+ *       onClick: () => {},
+ *     },
+ *     { divider: true },
+ *     {
+ *       icon: {<svg>...</svg>},
+ *       href: "...",
+ *     },
+ *   ]}
+ * />
+ */
+export declare const Toolbar: React.FC<ToolbarProps>;
+export default Toolbar;
+//# sourceMappingURL=Toolbar.d.ts.map

package/lib/Toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../src/components/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAElE,MAAM,WAAW,gBAAgB;IAC/B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAChC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAoDD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA+B1C,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/Toolbar.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, {} from 'react';
+const ToolbarItem = ({ key, id, label, icon, disabled = false, onClick, href, toggle = false, checked = false, primary = false, fab = false, }) => {
+    const classes = [disabled ? 'disabled' : '', primary ? 'primary' : ''].join(' ');
+    return fab ? (_jsx("button", { id: id, className: `fab sm`, disabled: disabled, onClick: onClick, children: icon }, key)) : toggle ? (_jsxs("label", { id: id, className: classes, children: [_jsx("input", { type: "checkbox", disabled: disabled, onClick: onClick, checked: checked }), icon, label] }, key)) : href ? (_jsxs("a", { id: id, className: classes, href: href, children: [icon, label] }, key)) : (_jsxs("button", { id: id, className: classes, onClick: onClick, children: [icon, label] }, key));
+};
+/**
+ * Material Design 3 Toolbar component
+ *
+ * @param props ToolbarProps
+ * @param props.id Element id
+ * @param props.items Array of ToolbarItem configurations
+ * @param props.items[].key Unique key for the item
+ * @param props.items[].id Element id for the item
+ * @param props.items[].label Label text
+ * @param props.items[].icon Icon element
+ * @param props.items[].disabled Disabled state
+ * @param props.items[].onClick Click handler
+ * @param props.items[].href Link URL (renders as anchor tag)
+ * @param props.items[].toggle Renders as toggle button if true
+ * @param props.items[].checked Toggle button checked state
+ * @param props.items[].primary Primary button styling if true
+ * @param props.items[].fab Renders as floating action button if true on floating toolbars
+ * @param props.variant Toolbar variant: 'docked' or 'floating'
+ * @param props.color Toolbar color scheme: 'standard' or 'vibrant'
+ * @param props.style Custom inline styles
+ * @returns JSX.Element
+ *
+ * @example
+ * <Toolbar
+ *   id="example-toolbar"
+ *   items={[
+ *     {
+ *       icon: {<svg>...</svg>},
+ *       onClick: () => {},
+ *     },
+ *     { divider: true },
+ *     {
+ *       icon: {<svg>...</svg>},
+ *       href: "...",
+ *     },
+ *   ]}
+ * />
+ */
+export const Toolbar = ({ id, items = [], style, variant = 'docked', color = 'standard', }) => {
+    const classes = ['toolbar', variant, color].join(' ');
+    return variant === 'floating' ? (_jsxs("div", { className: "toolbar-container", style: style, children: [_jsx("div", { id: id, className: classes, children: Array.from(items)
+                    .filter((item) => !item.fab)
+                    .map((item, index) => (_jsx(ToolbarItem, { ...item }, item.key || index))) }), Array.from(items)
+                .filter((item) => item.fab)
+                .map((item, index) => (_jsx(ToolbarItem, { ...item }, item.key || index)))] })) : (_jsx("div", { id: id, className: classes, style: style, children: Array.from(items).map((item, index) => (_jsx(ToolbarItem, { ...item, fab: false }, item.key || index))) }));
+};
+export default Toolbar;
+//# sourceMappingURL=Toolbar.js.map

package/lib/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sourceRoot":"","sources":["../src/components/Toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAsC,MAAM,OAAO,CAAC;AAwBlE,MAAM,WAAW,GAA+B,CAAC,EAC/C,GAAG,EACH,EAAE,EACF,KAAK,EACL,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,IAAI,EACJ,MAAM,GAAG,KAAK,EACd,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,GAAG,GAAG,KAAK,GACZ,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CACzE,GAAG,CACJ,CAAC;IACF,OAAO,GAAG,CAAC,CAAC,CAAC,CACX,iBAEE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,QAAQ,EACnB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,YAEf,IAAI,IANA,GAAG,CAOD,CACV,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CACX,iBAAiB,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,aACzC,gBACE,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,GAChB,EACD,IAAI,EACJ,KAAK,KARI,GAAG,CASP,CACT,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACT,aAAa,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,aAChD,IAAI,EACJ,KAAK,KAFA,GAAG,CAGP,CACL,CAAC,CAAC,CAAC,CACF,kBAAkB,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,aAC3D,IAAI,EACJ,KAAK,KAFK,GAAG,CAGP,CACV,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,EAAE,EACF,KAAK,GAAG,EAAE,EACV,KAAK,EACL,OAAO,GAAG,QAAQ,EAClB,KAAK,GAAG,UAAU,GACnB,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEtD,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,CAC9B,eAAK,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE,KAAK,aAC7C,cAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,YAC5B,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;qBACf,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;qBAC3B,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpB,KAAC,WAAW,OAA6B,IAAI,IAA3B,IAAI,CAAC,GAAG,IAAI,KAAK,CAAc,CAClD,CAAC,GACA,EACL,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;iBACf,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC;iBAC1B,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpB,KAAC,WAAW,OAA6B,IAAI,IAA3B,IAAI,CAAC,GAAG,IAAI,KAAK,CAAc,CAClD,CAAC,IACA,CACP,CAAC,CAAC,CAAC,CACF,cAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,YAC1C,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACtC,KAAC,WAAW,OAA6B,IAAI,EAAE,GAAG,EAAE,KAAK,IAAvC,IAAI,CAAC,GAAG,IAAI,KAAK,CAA0B,CAC9D,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}