@openlearning/widget-framework 1.0.1 → 1.1.0

package/dist/components/RadioGroup.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "../styles/radiogroup.css";
+/**
+ * RadioGroup component matching OpenLearning UI design
+ */
+export const RadioGroup = ({ options, value, onChange, label, name, error, description, required, disabled = false, layout = 'horizontal', className = "", }) => {
+    const handleChange = (optionValue) => {
+        if (!disabled && onChange) {
+            onChange(optionValue);
+        }
+    };
+    return (_jsxs("div", { className: `radiogroup-container ${className}`, children: [label && (_jsxs("div", { className: "radiogroup-label", children: [label, required && _jsx("span", { className: "radiogroup-required", children: " *" })] })), _jsx("div", { className: `radiogroup-options radiogroup-options--${layout}`, children: options.map((option, index) => {
+                    const isDisabled = disabled || option.disabled;
+                    const isChecked = value === option.value;
+                    return (_jsxs("label", { className: `radiogroup-option ${isDisabled ? 'radiogroup-option--disabled' : ''} ${index > 0 ? 'radiogroup-option--spaced' : ''}`, children: [_jsx("input", { type: "radio", className: "radiogroup-input", name: name, value: option.value, checked: isChecked, disabled: isDisabled, onChange: () => handleChange(option.value) }), _jsx("div", { className: "radiogroup-radio-container", children: _jsx("div", { className: "radiogroup-radio" }) }), _jsx("span", { className: "radiogroup-option-label", children: option.label })] }, option.value));
+                }) }), description && !error && (_jsx("div", { className: "radiogroup-description", children: description })), error && _jsx("div", { className: "radiogroup-error", children: error })] }));
+};
+//# sourceMappingURL=RadioGroup.js.map

package/dist/components/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/components/RadioGroup.tsx"],"names":[],"mappings":";AACA,OAAO,0BAA0B,CAAC;AAiClC;;GAEG;AACH,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,MAAM,GAAG,YAAY,EACrB,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,CAAC,WAAmB,EAAE,EAAE;QAC3C,IAAI,CAAC,QAAQ,IAAI,QAAQ,EAAE,CAAC;YAC1B,QAAQ,CAAC,WAAW,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,wBAAwB,SAAS,EAAE,aAChD,KAAK,IAAI,CACR,eAAK,SAAS,EAAC,kBAAkB,aAC9B,KAAK,EACL,QAAQ,IAAI,eAAM,SAAS,EAAC,qBAAqB,mBAAU,IACxD,CACP,EACD,cAAK,SAAS,EAAE,0CAA0C,MAAM,EAAE,YAC/D,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;oBAC7B,MAAM,UAAU,GAAG,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC;oBAC/C,MAAM,SAAS,GAAG,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC;oBAEzC,OAAO,CACL,iBAEE,SAAS,EAAE,qBAAqB,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,EAAE,aAEjI,gBACE,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,GAC1C,EACF,cAAK,SAAS,EAAC,4BAA4B,YACzC,cAAK,SAAS,EAAC,kBAAkB,GAAO,GACpC,EACN,eAAM,SAAS,EAAC,yBAAyB,YAAE,MAAM,CAAC,KAAK,GAAQ,KAf1D,MAAM,CAAC,KAAK,CAgBX,CACT,CAAC;gBACJ,CAAC,CAAC,GACE,EACL,WAAW,IAAI,CAAC,KAAK,IAAI,CACxB,cAAK,SAAS,EAAC,wBAAwB,YAAE,WAAW,GAAO,CAC5D,EACA,KAAK,IAAI,cAAK,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAO,IACrD,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Spinner.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import "../styles/spinner.css";
+export interface SpinnerProps {
+    /** Optional label to show next to spinner */
+    label?: string;
+    /** Color of the spinner (defaults to currentColor) */
+    color?: string;
+    /** Font size of the spinner icon */
+    fontSize?: number;
+}
+/**
+ * Loading spinner component matching OpenLearning UI design
+ */
+export declare const Spinner: React.FC<SpinnerProps>;
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/components/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,YAAY;IAC3B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwB1C,CAAC"}

package/dist/components/Spinner.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "../styles/spinner.css";
+/**
+ * Loading spinner component matching OpenLearning UI design
+ */
+export const Spinner = ({ label, color, fontSize }) => (_jsxs("div", { className: "spinner-container", "aria-busy": "true", style: {
+        color: color || 'inherit',
+        fontSize: fontSize || 'inherit',
+    }, children: [_jsx("svg", { className: "spinner-icon", viewBox: "0 0 512 512", fill: "currentColor", stroke: "currentColor", strokeWidth: "40", children: _jsx("path", { d: "M460.115 373.846l-6.941-4.008c-5.546-3.202-7.564-10.177-4.661-15.886 32.971-64.838 31.167-142.731-5.415-205.954-36.504-63.356-103.118-103.876-175.8-107.701C260.952 39.963 256 34.676 256 28.321v-8.012c0-6.904 5.808-12.337 12.703-11.982 83.552 4.306 160.157 50.861 202.106 123.67 42.069 72.703 44.083 162.322 6.034 236.838-3.14 6.149-10.75 8.462-16.728 5.011z" }) }), label && _jsx("span", { children: label })] }));
+//# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":";AACA,OAAO,uBAAuB,CAAC;AAW/B;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,KAAK,EACL,KAAK,EACL,QAAQ,EACT,EAAE,EAAE,CAAC,CACJ,eACE,SAAS,EAAC,mBAAmB,eACnB,MAAM,EAChB,KAAK,EAAE;QACL,KAAK,EAAE,KAAK,IAAI,SAAS;QACzB,QAAQ,EAAE,QAAQ,IAAI,SAAS;KAChC,aAED,cACE,SAAS,EAAC,cAAc,EACxB,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,cAAc,EACnB,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,IAAI,YAEhB,eAAM,CAAC,EAAC,uWAAuW,GAAE,GAC7W,EACL,KAAK,IAAI,yBAAO,KAAK,GAAQ,IAC1B,CACP,CAAC"}

package/dist/components/StatusTag.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import "../styles/statustag.css";
+export type StatusTagVariant = "success" | "warning" | "error" | "info" | "neutral";
+export interface StatusTagProps {
+    /** The status label */
+    children: React.ReactNode;
+    /** Visual variant of the tag */
+    variant?: StatusTagVariant;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * StatusTag component for displaying status badges
+ */
+export declare const StatusTag: React.FC<StatusTagProps>;
+//# sourceMappingURL=StatusTag.d.ts.map

package/dist/components/StatusTag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusTag.d.ts","sourceRoot":"","sources":["../../src/components/StatusTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEpF,MAAM,WAAW,cAAc;IAC7B,uBAAuB;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,gCAAgC;IAChC,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAU9C,CAAC"}

package/dist/components/StatusTag.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "../styles/statustag.css";
+/**
+ * StatusTag component for displaying status badges
+ */
+export const StatusTag = ({ children, variant = "neutral", className = "", }) => {
+    return (_jsx("span", { className: `statustag statustag--${variant} ${className}`, children: children }));
+};
+//# sourceMappingURL=StatusTag.js.map

package/dist/components/StatusTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusTag.js","sourceRoot":"","sources":["../../src/components/StatusTag.tsx"],"names":[],"mappings":";AACA,OAAO,yBAAyB,CAAC;AAajC;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,OAAO,CACL,eAAM,SAAS,EAAE,wBAAwB,OAAO,IAAI,SAAS,EAAE,YAC5D,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Switch.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import "../styles/switch.css";
+export interface SwitchProps {
+    /** Whether the switch is checked */
+    checked: boolean;
+    /** Called when checked state changes */
+    onChange: (checked: boolean) => void;
+    /** Whether the switch is disabled */
+    disabled?: boolean;
+    /** Optional labels for on/off states */
+    labels?: {
+        on: string;
+        off: string;
+    };
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * Switch toggle component matching OpenLearning UI design
+ */
+export declare const Switch: React.FC<SwitchProps>;
+//# sourceMappingURL=Switch.d.ts.map

package/dist/components/Switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,sBAAsB,CAAC;AAE9B,MAAM,WAAW,WAAW;IAC1B,oCAAoC;IACpC,OAAO,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,MAAM,CAAC,EAAE;QACP,EAAE,EAAE,MAAM,CAAC;QACX,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAkCxC,CAAC"}

package/dist/components/Switch.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import "../styles/switch.css";
+/**
+ * Switch toggle component matching OpenLearning UI design
+ */
+export const Switch = ({ checked, onChange, disabled = false, labels, className = "", }) => {
+    const handleChange = (event) => {
+        if (!disabled) {
+            onChange(event.target.checked);
+        }
+    };
+    return (_jsxs("div", { className: `switch-container ${className}`, children: [_jsxs("label", { className: `switch-label ${disabled ? 'switch-label--disabled' : ''}`, children: [_jsx("input", { type: "checkbox", className: "switch-input", checked: checked, onChange: handleChange, disabled: disabled }), _jsx("span", { className: "switch-track", children: _jsx("span", { className: "switch-thumb" }) })] }), labels && (_jsx("span", { className: `switch-text ${disabled ? 'switch-text--disabled' : ''}`, children: checked ? labels.on : labels.off }))] }));
+};
+//# sourceMappingURL=Switch.js.map

package/dist/components/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../src/components/Switch.tsx"],"names":[],"mappings":";AACA,OAAO,sBAAsB,CAAC;AAkB9B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC5C,OAAO,EACP,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,MAAM,EACN,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClE,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,oBAAoB,SAAS,EAAE,aAC7C,iBAAO,SAAS,EAAE,gBAAgB,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,EAAE,aAC1E,gBACE,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,GAClB,EACF,eAAM,SAAS,EAAC,cAAc,YAC5B,eAAM,SAAS,EAAC,cAAc,GAAQ,GACjC,IACD,EACP,MAAM,IAAI,CACT,eAAM,SAAS,EAAE,eAAe,QAAQ,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,EAAE,YACtE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAC5B,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/Tabs.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import "../styles/tabs.css";
+export interface Tab {
+    id: string;
+    label: React.ReactNode;
+    content: React.ReactNode;
+    disabled?: boolean;
+}
+export interface TabsProps {
+    /** Array of tab definitions */
+    tabs: Tab[];
+    /** Currently active tab id */
+    activeTabId?: string;
+    /** Called when tab changes */
+    onChange?: (tabId: string) => void;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * Tabs component for tabbed navigation
+ */
+export declare const Tabs: React.FC<TabsProps>;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/components/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../src/components/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,+BAA+B;IAC/B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmDpC,CAAC"}

package/dist/components/Tabs.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import "../styles/tabs.css";
+/**
+ * Tabs component for tabbed navigation
+ */
+export const Tabs = ({ tabs, activeTabId: controlledActiveTabId, onChange, className = "", }) => {
+    const [internalActiveTabId, setInternalActiveTabId] = useState(tabs[0]?.id);
+    const activeTabId = controlledActiveTabId !== undefined ? controlledActiveTabId : internalActiveTabId;
+    const handleTabClick = (tabId, disabled) => {
+        if (disabled)
+            return;
+        if (controlledActiveTabId === undefined) {
+            setInternalActiveTabId(tabId);
+        }
+        if (onChange) {
+            onChange(tabId);
+        }
+    };
+    const activeTab = tabs.find((tab) => tab.id === activeTabId);
+    return (_jsxs("div", { className: `tabs-container ${className}`, children: [_jsx("div", { className: "tabs-header", role: "tablist", children: tabs.map((tab) => {
+                    const isActive = tab.id === activeTabId;
+                    const isDisabled = tab.disabled;
+                    return (_jsx("button", { role: "tab", "aria-selected": isActive, "aria-disabled": isDisabled, className: `tabs-tab ${isActive ? 'tabs-tab--active' : ''} ${isDisabled ? 'tabs-tab--disabled' : ''}`, onClick: () => handleTabClick(tab.id, isDisabled), disabled: isDisabled, children: tab.label }, tab.id));
+                }) }), _jsx("div", { className: "tabs-content", role: "tabpanel", children: activeTab?.content })] }));
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/components/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../src/components/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,oBAAoB,CAAC;AAoB5B;;GAEG;AACH,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,IAAI,EACJ,WAAW,EAAE,qBAAqB,EAClC,QAAQ,EACR,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE5E,MAAM,WAAW,GAAG,qBAAqB,KAAK,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAEtG,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,QAAkB,EAAE,EAAE;QAC3D,IAAI,QAAQ;YAAE,OAAO;QAErB,IAAI,qBAAqB,KAAK,SAAS,EAAE,CAAC;YACxC,sBAAsB,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;QAED,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,KAAK,WAAW,CAAC,CAAC;IAE7D,OAAO,CACL,eAAK,SAAS,EAAE,kBAAkB,SAAS,EAAE,aAC3C,cAAK,SAAS,EAAC,aAAa,EAAC,IAAI,EAAC,SAAS,YACxC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;oBAChB,MAAM,QAAQ,GAAG,GAAG,CAAC,EAAE,KAAK,WAAW,CAAC;oBACxC,MAAM,UAAU,GAAG,GAAG,CAAC,QAAQ,CAAC;oBAEhC,OAAO,CACL,iBAEE,IAAI,EAAC,KAAK,mBACK,QAAQ,mBACR,UAAU,EACzB,SAAS,EAAE,YAAY,QAAQ,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,IAAI,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,EAAE,EACrG,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,EAAE,UAAU,CAAC,EACjD,QAAQ,EAAE,UAAU,YAEnB,GAAG,CAAC,KAAK,IARL,GAAG,CAAC,EAAE,CASJ,CACV,CAAC;gBACJ,CAAC,CAAC,GACE,EACN,cAAK,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,UAAU,YAC1C,SAAS,EAAE,OAAO,GACf,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/TextField.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import "../styles/textfield.css";
+export interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    /** Input label */
+    label?: React.ReactNode;
+    /** Error message to display */
+    error?: string | null;
+    /** Helper text that appears below the input */
+    description?: React.ReactNode;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Called when value changes */
+    onValueChange?: (value: string) => void;
+}
+/**
+ * TextField component matching OpenLearning UI design
+ */
+export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=TextField.d.ts.map

package/dist/components/TextField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../src/components/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IACnG,kBAAkB;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,yFA4CrB,CAAC"}

package/dist/components/TextField.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import "../styles/textfield.css";
+/**
+ * TextField component matching OpenLearning UI design
+ */
+export const TextField = React.forwardRef(({ label, error, description, required, className = "", onValueChange, disabled, ...rest }, ref) => {
+    const handleChange = (event) => {
+        if (onValueChange) {
+            onValueChange(event.target.value);
+        }
+    };
+    const hasError = !!error;
+    return (_jsxs("div", { className: `textfield-container ${className}`, children: [label && (_jsxs("label", { className: "textfield-label", children: [label, required && _jsx("span", { className: "textfield-required", children: " *" })] })), _jsx("input", { ref: ref, className: `textfield-input ${hasError ? 'textfield-input--error' : ''} ${disabled ? 'textfield-input--disabled' : ''}`, disabled: disabled, onChange: handleChange, ...rest }), description && !error && (_jsx("div", { className: "textfield-description", children: description })), error && _jsx("div", { className: "textfield-error", children: error })] }));
+});
+TextField.displayName = "TextField";
+//# sourceMappingURL=TextField.js.map

package/dist/components/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../src/components/TextField.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,yBAAyB,CAAC;AAejC;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CACE,EACE,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,aAAa,EACb,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,YAAY,GAAG,CAAC,KAA0C,EAAE,EAAE;QAClE,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC;IAEzB,OAAO,CACL,eAAK,SAAS,EAAE,uBAAuB,SAAS,EAAE,aAC/C,KAAK,IAAI,CACR,iBAAO,SAAS,EAAC,iBAAiB,aAC/B,KAAK,EACL,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,mBAAU,IACrD,CACT,EACD,gBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,mBAAmB,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,IAAI,QAAQ,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,EAAE,EACvH,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,KAClB,IAAI,GACR,EACD,WAAW,IAAI,CAAC,KAAK,IAAI,CACxB,cAAK,SAAS,EAAC,uBAAuB,YAAE,WAAW,GAAO,CAC3D,EACA,KAAK,IAAI,cAAK,SAAS,EAAC,iBAAiB,YAAE,KAAK,GAAO,IACpD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/components/Textarea.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import "../styles/textfield.css";
+export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'> {
+    /** Textarea label */
+    label?: React.ReactNode;
+    /** Error message to display */
+    error?: string | null;
+    /** Helper text that appears below the textarea */
+    description?: React.ReactNode;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Called when value changes */
+    onValueChange?: (value: string) => void;
+}
+/**
+ * Textarea component matching OpenLearning UI design
+ */
+export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+//# sourceMappingURL=Textarea.d.ts.map

package/dist/components/Textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACxG,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,kDAAkD;IAClD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,2FA8CpB,CAAC"}

package/dist/components/Textarea.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import "../styles/textfield.css";
+/**
+ * Textarea component matching OpenLearning UI design
+ */
+export const Textarea = React.forwardRef(({ label, error, description, required, className = "", onValueChange, disabled, rows = 4, ...rest }, ref) => {
+    const handleChange = (event) => {
+        if (onValueChange) {
+            onValueChange(event.target.value);
+        }
+    };
+    const hasError = !!error;
+    return (_jsxs("div", { className: `textfield-container ${className}`, children: [label && (_jsxs("label", { className: "textfield-label", children: [label, required && _jsx("span", { className: "textfield-required", children: " *" })] })), _jsx("textarea", { ref: ref, className: `textfield-input textfield-textarea ${hasError ? 'textfield-input--error' : ''} ${disabled ? 'textfield-input--disabled' : ''}`, disabled: disabled, rows: rows, onChange: handleChange, ...rest }), description && !error && (_jsx("div", { className: "textfield-description", children: description })), error && _jsx("div", { className: "textfield-error", children: error })] }));
+});
+Textarea.displayName = "Textarea";
+//# sourceMappingURL=Textarea.js.map

package/dist/components/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,yBAAyB,CAAC;AAejC;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CACE,EACE,KAAK,EACL,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,aAAa,EACb,QAAQ,EACR,IAAI,GAAG,CAAC,EACR,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,YAAY,GAAG,CAAC,KAA6C,EAAE,EAAE;QACrE,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC;IAEzB,OAAO,CACL,eAAK,SAAS,EAAE,uBAAuB,SAAS,EAAE,aAC/C,KAAK,IAAI,CACR,iBAAO,SAAS,EAAC,iBAAiB,aAC/B,KAAK,EACL,QAAQ,IAAI,eAAM,SAAS,EAAC,oBAAoB,mBAAU,IACrD,CACT,EACD,mBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,sCAAsC,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,IAAI,QAAQ,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,EAAE,EAAE,EAC1I,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,YAAY,KAClB,IAAI,GACR,EACD,WAAW,IAAI,CAAC,KAAK,IAAI,CACxB,cAAK,SAAS,EAAC,uBAAuB,YAAE,WAAW,GAAO,CAC3D,EACA,KAAK,IAAI,cAAK,SAAS,EAAC,iBAAiB,YAAE,KAAK,GAAO,IACpD,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}

package/dist/index.d.ts

@@ -9,4 +9,15 @@ export { defineWidgetProject, type WidgetProjectConfig, } from "./setupProject";
 export { useParentMessaging } from "./useParentMessaging";
 export { useWidgetConfig } from "./useWidgetConfig";
 export type { JSONValue, Attachment, WidgetConfigBase, LearnerViewProps, SetupViewProps, ParentMessage, ParentMessagingCallbacks, } from "./types";
+export { Button, type ButtonProps, type ButtonVariant, type ButtonSize, } from "./components/Button";
+export { Menu, type MenuProps, type MenuItem, } from "./components/Menu";
+export { Spinner, type SpinnerProps, } from "./components/Spinner";
+export { Checkbox, type CheckboxProps, } from "./components/Checkbox";
+export { CheckboxGroup, type CheckboxGroupProps, type CheckboxGroupOption, } from "./components/CheckboxGroup";
+export { RadioGroup, type RadioGroupProps, type RadioOption, } from "./components/RadioGroup";
+export { Switch, type SwitchProps, } from "./components/Switch";
+export { TextField, type TextFieldProps, } from "./components/TextField";
+export { Textarea, type TextareaProps, } from "./components/Textarea";
+export { StatusTag, type StatusTagProps, type StatusTagVariant, } from "./components/StatusTag";
+export { Tabs, type TabsProps, type Tab, } from "./components/Tabs";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,kBAAkB,EAClB,KAAK,iBAAiB,GACvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,gBAAgB,EAChB,KAAK,eAAe,GACrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EACL,mBAAmB,EACnB,KAAK,mBAAmB,GACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,wBAAwB,GACzB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EACL,kBAAkB,EAClB,KAAK,iBAAiB,GACvB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,gBAAgB,EAChB,KAAK,eAAe,GACrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EACL,mBAAmB,EACnB,KAAK,mBAAmB,GACzB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EACV,SAAS,EACT,UAAU,EACV,gBAAgB,EAChB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,wBAAwB,GACzB,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,MAAM,EACN,KAAK,WAAW,EAChB,KAAK,aAAa,EAClB,KAAK,UAAU,GAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,QAAQ,GACd,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,OAAO,EACP,KAAK,YAAY,GAClB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,GACnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,mBAAmB,GACzB,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,WAAW,GACjB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,MAAM,EACN,KAAK,WAAW,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,SAAS,EACT,KAAK,cAAc,GACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,GACnB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,gBAAgB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,KAAK,GAAG,GACT,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -2,10 +2,23 @@
  * Widget Framework
  * Shared utilities for building OpenLearning widgets
  */
+// Framework utilities
 export { createLearnerEntry, } from "./createLearnerEntry";
 export { createSetupEntry, } from "./createSetupEntry";
 export { DevApp } from "./DevApp";
 export { defineWidgetProject, } from "./setupProject";
 export { useParentMessaging } from "./useParentMessaging";
 export { useWidgetConfig } from "./useWidgetConfig";
+// UI Components
+export { Button, } from "./components/Button";
+export { Menu, } from "./components/Menu";
+export { Spinner, } from "./components/Spinner";
+export { Checkbox, } from "./components/Checkbox";
+export { CheckboxGroup, } from "./components/CheckboxGroup";
+export { RadioGroup, } from "./components/RadioGroup";
+export { Switch, } from "./components/Switch";
+export { TextField, } from "./components/TextField";
+export { Textarea, } from "./components/Textarea";
+export { StatusTag, } from "./components/StatusTag";
+export { Tabs, } from "./components/Tabs";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,kBAAkB,GAEnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,gBAAgB,GAEjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AACpD,OAAO,EACL,mBAAmB,GAEpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,sBAAsB;AACtB,OAAO,EACL,kBAAkB,GAEnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,gBAAgB,GAEjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AACpD,OAAO,EACL,mBAAmB,GAEpB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWpD,gBAAgB;AAChB,OAAO,EACL,MAAM,GAIP,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,IAAI,GAGL,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EACL,OAAO,GAER,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,QAAQ,GAET,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,aAAa,GAGd,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,UAAU,GAGX,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,MAAM,GAEP,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,SAAS,GAEV,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,QAAQ,GAET,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,SAAS,GAGV,MAAM,wBAAwB,CAAC;AAChC,OAAO,EACL,IAAI,GAGL,MAAM,mBAAmB,CAAC"}