@varity-labs/ui-kit 2.0.0-alpha.1 → 2.0.0-beta.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +1 -1
- package/README.md +227 -203
- package/dist/components/Analytics/DataTable.js +1 -1
- package/dist/components/Analytics/DataTable.js.map +1 -1
- package/dist/components/Analytics/EnhancedKPICard.d.ts +21 -0
- package/dist/components/Analytics/EnhancedKPICard.d.ts.map +1 -0
- package/dist/components/Analytics/EnhancedKPICard.js +135 -0
- package/dist/components/Analytics/EnhancedKPICard.js.map +1 -0
- package/dist/components/Analytics/Sparkline.d.ts +44 -0
- package/dist/components/Analytics/Sparkline.d.ts.map +1 -0
- package/dist/components/Analytics/Sparkline.js +90 -0
- package/dist/components/Analytics/Sparkline.js.map +1 -0
- package/dist/components/Analytics/index.d.ts +2 -0
- package/dist/components/Analytics/index.d.ts.map +1 -1
- package/dist/components/Analytics/index.js +2 -0
- package/dist/components/Analytics/index.js.map +1 -1
- package/dist/components/Dashboard/DashboardFooter.d.ts.map +1 -1
- package/dist/components/Dashboard/DashboardFooter.js +22 -6
- package/dist/components/Dashboard/DashboardFooter.js.map +1 -1
- package/dist/components/Dashboard/DashboardHeader.d.ts +10 -0
- package/dist/components/Dashboard/DashboardHeader.d.ts.map +1 -1
- package/dist/components/Dashboard/DashboardHeader.js +191 -58
- package/dist/components/Dashboard/DashboardHeader.js.map +1 -1
- package/dist/components/Dashboard/DashboardLayout.d.ts +13 -3
- package/dist/components/Dashboard/DashboardLayout.d.ts.map +1 -1
- package/dist/components/Dashboard/DashboardLayout.js +9 -4
- package/dist/components/Dashboard/DashboardLayout.js.map +1 -1
- package/dist/components/Dashboard/DashboardSidebar.d.ts.map +1 -1
- package/dist/components/Dashboard/DashboardSidebar.js +41 -12
- package/dist/components/Dashboard/DashboardSidebar.js.map +1 -1
- package/dist/components/Dashboard/EmptyState.js +5 -5
- package/dist/components/Dashboard/EmptyState.js.map +1 -1
- package/dist/components/Dashboard/KPICard.js +5 -5
- package/dist/components/Dashboard/KPICard.js.map +1 -1
- package/dist/components/Display/Avatar.d.ts +21 -0
- package/dist/components/Display/Avatar.d.ts.map +1 -0
- package/dist/components/Display/Avatar.js +71 -0
- package/dist/components/Display/Avatar.js.map +1 -0
- package/dist/components/Display/Badge.d.ts +22 -0
- package/dist/components/Display/Badge.d.ts.map +1 -0
- package/dist/components/Display/Badge.js +60 -0
- package/dist/components/Display/Badge.js.map +1 -0
- package/dist/components/Display/ProgressBar.d.ts +12 -0
- package/dist/components/Display/ProgressBar.d.ts.map +1 -0
- package/dist/components/Display/ProgressBar.js +33 -0
- package/dist/components/Display/ProgressBar.js.map +1 -0
- package/dist/components/Display/index.d.ts +9 -0
- package/dist/components/Display/index.d.ts.map +1 -0
- package/dist/components/Display/index.js +9 -0
- package/dist/components/Display/index.js.map +1 -0
- package/dist/components/Feedback/Skeleton.d.ts +10 -0
- package/dist/components/Feedback/Skeleton.d.ts.map +1 -0
- package/dist/components/Feedback/Skeleton.js +25 -0
- package/dist/components/Feedback/Skeleton.js.map +1 -0
- package/dist/components/Feedback/Toast.d.ts +18 -0
- package/dist/components/Feedback/Toast.d.ts.map +1 -0
- package/dist/components/Feedback/Toast.js +38 -0
- package/dist/components/Feedback/Toast.js.map +1 -0
- package/dist/components/Feedback/ToastProvider.d.ts +11 -0
- package/dist/components/Feedback/ToastProvider.d.ts.map +1 -0
- package/dist/components/Feedback/ToastProvider.js +36 -0
- package/dist/components/Feedback/ToastProvider.js.map +1 -0
- package/dist/components/Feedback/index.d.ts +11 -0
- package/dist/components/Feedback/index.d.ts.map +1 -0
- package/dist/components/Feedback/index.js +9 -0
- package/dist/components/Feedback/index.js.map +1 -0
- package/dist/components/Feedback/useToast.d.ts +3 -0
- package/dist/components/Feedback/useToast.d.ts.map +1 -0
- package/dist/components/Feedback/useToast.js +10 -0
- package/dist/components/Feedback/useToast.js.map +1 -0
- package/dist/components/Form/Button.d.ts +12 -0
- package/dist/components/Form/Button.d.ts.map +1 -0
- package/dist/components/Form/Button.js +22 -0
- package/dist/components/Form/Button.js.map +1 -0
- package/dist/components/Form/Checkbox.d.ts +13 -0
- package/dist/components/Form/Checkbox.d.ts.map +1 -0
- package/dist/components/Form/Checkbox.js +36 -0
- package/dist/components/Form/Checkbox.js.map +1 -0
- package/dist/components/Form/Input.d.ts +9 -0
- package/dist/components/Form/Input.d.ts.map +1 -0
- package/dist/components/Form/Input.js +16 -0
- package/dist/components/Form/Input.js.map +1 -0
- package/dist/components/Form/RadioGroup.d.ts +20 -0
- package/dist/components/Form/RadioGroup.d.ts.map +1 -0
- package/dist/components/Form/RadioGroup.js +43 -0
- package/dist/components/Form/RadioGroup.js.map +1 -0
- package/dist/components/Form/Select.d.ts +12 -0
- package/dist/components/Form/Select.d.ts.map +1 -0
- package/dist/components/Form/Select.js +13 -0
- package/dist/components/Form/Select.js.map +1 -0
- package/dist/components/Form/Textarea.d.ts +8 -0
- package/dist/components/Form/Textarea.d.ts.map +1 -0
- package/dist/components/Form/Textarea.js +13 -0
- package/dist/components/Form/Textarea.js.map +1 -0
- package/dist/components/Form/Toggle.d.ts +12 -0
- package/dist/components/Form/Toggle.d.ts.map +1 -0
- package/dist/components/Form/Toggle.js +48 -0
- package/dist/components/Form/Toggle.js.map +1 -0
- package/dist/components/Form/index.d.ts +13 -0
- package/dist/components/Form/index.d.ts.map +1 -0
- package/dist/components/Form/index.js +13 -0
- package/dist/components/Form/index.js.map +1 -0
- package/dist/components/InAppWallet/InAppWalletProvider.d.ts +4 -4
- package/dist/components/InAppWallet/InAppWalletProvider.d.ts.map +1 -1
- package/dist/components/InAppWallet/InAppWalletProvider.js +15 -28
- package/dist/components/InAppWallet/InAppWalletProvider.js.map +1 -1
- package/dist/components/Navigation/Breadcrumb.d.ts +15 -0
- package/dist/components/Navigation/Breadcrumb.d.ts.map +1 -0
- package/dist/components/Navigation/Breadcrumb.js +28 -0
- package/dist/components/Navigation/Breadcrumb.js.map +1 -0
- package/dist/components/Navigation/CommandPalette.d.ts +26 -0
- package/dist/components/Navigation/CommandPalette.d.ts.map +1 -0
- package/dist/components/Navigation/CommandPalette.js +172 -0
- package/dist/components/Navigation/CommandPalette.js.map +1 -0
- package/dist/components/Navigation/index.d.ts +8 -0
- package/dist/components/Navigation/index.d.ts.map +1 -0
- package/dist/components/Navigation/index.js +8 -0
- package/dist/components/Navigation/index.js.map +1 -0
- package/dist/components/Onramp/BuyUSDCButton.d.ts +9 -7
- package/dist/components/Onramp/BuyUSDCButton.d.ts.map +1 -1
- package/dist/components/Onramp/BuyUSDCButton.js +37 -47
- package/dist/components/Onramp/BuyUSDCButton.js.map +1 -1
- package/dist/components/Onramp/OnrampWidget.d.ts +7 -6
- package/dist/components/Onramp/OnrampWidget.d.ts.map +1 -1
- package/dist/components/Onramp/OnrampWidget.js +58 -37
- package/dist/components/Onramp/OnrampWidget.js.map +1 -1
- package/dist/components/Onramp/index.d.ts +3 -5
- package/dist/components/Onramp/index.d.ts.map +1 -1
- package/dist/components/Onramp/index.js +3 -5
- package/dist/components/Onramp/index.js.map +1 -1
- package/dist/components/Overlay/ConfirmDialog.d.ts +14 -0
- package/dist/components/Overlay/ConfirmDialog.d.ts.map +1 -0
- package/dist/components/Overlay/ConfirmDialog.js +11 -0
- package/dist/components/Overlay/ConfirmDialog.js.map +1 -0
- package/dist/components/Overlay/Dialog.d.ts +11 -0
- package/dist/components/Overlay/Dialog.d.ts.map +1 -0
- package/dist/components/Overlay/Dialog.js +69 -0
- package/dist/components/Overlay/Dialog.js.map +1 -0
- package/dist/components/Overlay/DropdownMenu.d.ts +17 -0
- package/dist/components/Overlay/DropdownMenu.d.ts.map +1 -0
- package/dist/components/Overlay/DropdownMenu.js +123 -0
- package/dist/components/Overlay/DropdownMenu.js.map +1 -0
- package/dist/components/Overlay/index.d.ts +9 -0
- package/dist/components/Overlay/index.d.ts.map +1 -0
- package/dist/components/Overlay/index.js +9 -0
- package/dist/components/Overlay/index.js.map +1 -0
- package/dist/components/PaymentWidget/PaymentGate.d.ts +30 -0
- package/dist/components/PaymentWidget/PaymentGate.d.ts.map +1 -0
- package/dist/components/PaymentWidget/PaymentGate.js +54 -0
- package/dist/components/PaymentWidget/PaymentGate.js.map +1 -0
- package/dist/components/PaymentWidget/PaymentWidget.d.ts +40 -0
- package/dist/components/PaymentWidget/PaymentWidget.d.ts.map +1 -0
- package/dist/components/PaymentWidget/PaymentWidget.js +195 -0
- package/dist/components/PaymentWidget/PaymentWidget.js.map +1 -0
- package/dist/components/PaymentWidget/index.d.ts +30 -0
- package/dist/components/PaymentWidget/index.d.ts.map +1 -0
- package/dist/components/PaymentWidget/index.js +32 -0
- package/dist/components/PaymentWidget/index.js.map +1 -0
- package/dist/components/PaymentWidget/types.d.ts +200 -0
- package/dist/components/PaymentWidget/types.d.ts.map +1 -0
- package/dist/components/PaymentWidget/types.js +84 -0
- package/dist/components/PaymentWidget/types.js.map +1 -0
- package/dist/components/PaymentWidget/useSeamlessPayment.d.ts +51 -0
- package/dist/components/PaymentWidget/useSeamlessPayment.d.ts.map +1 -0
- package/dist/components/PaymentWidget/useSeamlessPayment.js +167 -0
- package/dist/components/PaymentWidget/useSeamlessPayment.js.map +1 -0
- package/dist/components/PaymentWidget/useVarityPayment.d.ts +20 -0
- package/dist/components/PaymentWidget/useVarityPayment.d.ts.map +1 -0
- package/dist/components/PaymentWidget/useVarityPayment.js +164 -0
- package/dist/components/PaymentWidget/useVarityPayment.js.map +1 -0
- package/dist/components/Payments/CheckoutModal.d.ts.map +1 -1
- package/dist/components/Payments/CheckoutModal.js +16 -5
- package/dist/components/Payments/CheckoutModal.js.map +1 -1
- package/dist/components/Payments/constants.js +1 -1
- package/dist/components/Payments/constants.js.map +1 -1
- package/dist/components/Privy/InitTimeoutScreen.d.ts.map +1 -1
- package/dist/components/Privy/InitTimeoutScreen.js +1 -1
- package/dist/components/Privy/InitTimeoutScreen.js.map +1 -1
- package/dist/components/Privy/InitializingScreen.d.ts +3 -3
- package/dist/components/Privy/InitializingScreen.d.ts.map +1 -1
- package/dist/components/Privy/InitializingScreen.js +6 -6
- package/dist/components/Privy/InitializingScreen.js.map +1 -1
- package/dist/components/index.d.ts +5 -2
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +20 -4
- package/dist/components/index.js.map +1 -1
- package/dist/config/chains.d.ts +5 -5
- package/dist/config/chains.d.ts.map +1 -1
- package/dist/config/chains.js +8 -8
- package/dist/config/chains.js.map +1 -1
- package/dist/hooks/index.d.ts +1 -11
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +54 -11
- package/dist/hooks/index.js.map +1 -1
- package/dist/index.d.ts +24 -42
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +180 -43
- package/dist/index.js.map +1 -1
- package/dist/providers/PrivyProvider.js +1 -1
- package/dist/providers/PrivyProvider.js.map +1 -1
- package/dist/providers/PrivyStack.d.ts +31 -73
- package/dist/providers/PrivyStack.d.ts.map +1 -1
- package/dist/providers/PrivyStack.js +32 -160
- package/dist/providers/PrivyStack.js.map +1 -1
- package/dist/providers/VarityDashboardProvider.d.ts +7 -10
- package/dist/providers/VarityDashboardProvider.d.ts.map +1 -1
- package/dist/providers/VarityDashboardProvider.js +12 -15
- package/dist/providers/VarityDashboardProvider.js.map +1 -1
- package/dist/providers/WalletSyncProvider.d.ts +17 -24
- package/dist/providers/WalletSyncProvider.d.ts.map +1 -1
- package/dist/providers/WalletSyncProvider.js +16 -27
- package/dist/providers/WalletSyncProvider.js.map +1 -1
- package/dist/providers/ZeroDevProvider.d.ts +69 -0
- package/dist/providers/ZeroDevProvider.d.ts.map +1 -0
- package/dist/providers/ZeroDevProvider.js +208 -0
- package/dist/providers/ZeroDevProvider.js.map +1 -0
- package/dist/providers/index.d.ts +1 -0
- package/dist/providers/index.d.ts.map +1 -1
- package/dist/providers/index.js +2 -0
- package/dist/providers/index.js.map +1 -1
- package/dist/wallets/SimpleSmartWallet.js +1 -1
- package/dist/wallets/SimpleSmartWallet.js.map +1 -1
- package/dist/wallets/SmartWalletProvider.js +1 -1
- package/dist/wallets/SmartWalletProvider.js.map +1 -1
- package/dist/wallets/config.d.ts +31 -8
- package/dist/wallets/config.d.ts.map +1 -1
- package/dist/wallets/config.js +33 -10
- package/dist/wallets/config.js.map +1 -1
- package/dist/wallets/index.d.ts +1 -1
- package/dist/wallets/index.d.ts.map +1 -1
- package/dist/wallets/index.js +1 -1
- package/dist/wallets/index.js.map +1 -1
- package/package.json +34 -26
- package/dist/core/VarityClient.d.ts +0 -76
- package/dist/core/VarityClient.d.ts.map +0 -1
- package/dist/core/VarityClient.js +0 -99
- package/dist/core/VarityClient.js.map +0 -1
- package/dist/core/config.d.ts +0 -136
- package/dist/core/config.d.ts.map +0 -1
- package/dist/core/config.js +0 -156
- package/dist/core/config.js.map +0 -1
- package/dist/hooks/useAnalytics.d.ts +0 -94
- package/dist/hooks/useAnalytics.d.ts.map +0 -1
- package/dist/hooks/useAnalytics.js +0 -116
- package/dist/hooks/useAnalytics.js.map +0 -1
- package/dist/hooks/useAuth.d.ts +0 -71
- package/dist/hooks/useAuth.d.ts.map +0 -1
- package/dist/hooks/useAuth.js +0 -198
- package/dist/hooks/useAuth.js.map +0 -1
- package/dist/hooks/useDashboard.d.ts +0 -110
- package/dist/hooks/useDashboard.d.ts.map +0 -1
- package/dist/hooks/useDashboard.js +0 -201
- package/dist/hooks/useDashboard.js.map +0 -1
- package/dist/hooks/useVarityAPI.d.ts +0 -88
- package/dist/hooks/useVarityAPI.d.ts.map +0 -1
- package/dist/hooks/useVarityAPI.js +0 -138
- package/dist/hooks/useVarityAPI.js.map +0 -1
- package/dist/hooks/useWalletAuth.d.ts +0 -108
- package/dist/hooks/useWalletAuth.d.ts.map +0 -1
- package/dist/hooks/useWalletAuth.js +0 -415
- package/dist/hooks/useWalletAuth.js.map +0 -1
- package/dist/modules/cache/index.d.ts +0 -2
- package/dist/modules/cache/index.d.ts.map +0 -1
- package/dist/modules/cache/index.js +0 -2
- package/dist/modules/cache/index.js.map +0 -1
- package/dist/types/api-extensions.d.ts +0 -92
- package/dist/types/api-extensions.d.ts.map +0 -1
- package/dist/types/api-extensions.js +0 -7
- package/dist/types/api-extensions.js.map +0 -1
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import React, { useId } from 'react';
|
|
2
|
+
import { Check, Minus } from 'lucide-react';
|
|
3
|
+
export function Checkbox({ checked, onChange, label, description, disabled = false, indeterminate = false, error, className = '', }) {
|
|
4
|
+
const checkboxId = useId();
|
|
5
|
+
const handleChange = () => {
|
|
6
|
+
if (!disabled) {
|
|
7
|
+
onChange(!checked);
|
|
8
|
+
}
|
|
9
|
+
};
|
|
10
|
+
const handleKeyDown = (e) => {
|
|
11
|
+
if (e.key === ' ' || e.key === 'Enter') {
|
|
12
|
+
e.preventDefault();
|
|
13
|
+
handleChange();
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
return (React.createElement("div", { className: className },
|
|
17
|
+
React.createElement("div", { className: "flex items-start gap-3" },
|
|
18
|
+
React.createElement("div", { role: "checkbox", id: checkboxId, "aria-checked": indeterminate ? 'mixed' : checked, "aria-disabled": disabled, "aria-labelledby": label ? `${checkboxId}-label` : undefined, tabIndex: disabled ? -1 : 0, onClick: handleChange, onKeyDown: handleKeyDown, className: `
|
|
19
|
+
flex items-center justify-center w-5 h-5 rounded border-2 transition-all
|
|
20
|
+
focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[var(--color-primary-500)]
|
|
21
|
+
${error
|
|
22
|
+
? 'border-red-500 dark:border-red-400'
|
|
23
|
+
: checked || indeterminate
|
|
24
|
+
? 'bg-[var(--color-primary-600)] border-[var(--color-primary-600)]'
|
|
25
|
+
: 'border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800'}
|
|
26
|
+
${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}
|
|
27
|
+
` }, indeterminate ? (React.createElement(Minus, { className: "w-3 h-3 text-white" })) : checked ? (React.createElement(Check, { className: "w-3 h-3 text-white" })) : null),
|
|
28
|
+
(label || description) && (React.createElement("div", { className: "flex flex-col flex-1" },
|
|
29
|
+
label && (React.createElement("label", { id: `${checkboxId}-label`, htmlFor: checkboxId, className: `
|
|
30
|
+
text-sm font-medium text-gray-900 dark:text-gray-100
|
|
31
|
+
${disabled ? 'opacity-50' : 'cursor-pointer'}
|
|
32
|
+
`, onClick: handleChange }, label)),
|
|
33
|
+
description && (React.createElement("p", { className: "text-sm text-gray-500 dark:text-gray-400" }, description))))),
|
|
34
|
+
error && (React.createElement("p", { className: "mt-1 text-sm text-red-500 dark:text-red-400" }, error))));
|
|
35
|
+
}
|
|
36
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AAa5C,MAAM,UAAU,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,aAAa,GAAG,KAAK,EACrB,KAAK,EACL,SAAS,GAAG,EAAE,GACA;IACd,MAAM,UAAU,GAAG,KAAK,EAAE,CAAC;IAC3B,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC/C,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACvB,6BAAK,SAAS,EAAC,wBAAwB;YACrC,6BACE,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,UAAU,kBACA,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,mBAChC,QAAQ,qBACN,KAAK,CAAC,CAAC,CAAC,GAAG,UAAU,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC1D,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE;;;cAIP,KAAK;oBACH,CAAC,CAAC,oCAAoC;oBACtC,CAAC,CAAC,OAAO,IAAI,aAAa;wBACxB,CAAC,CAAC,iEAAiE;wBACnE,CAAC,CAAC,gEACR;cACE,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,gBAAgB;WAChE,IAEA,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,KAAK,IAAC,SAAS,EAAC,oBAAoB,GAAG,CACzC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CACZ,oBAAC,KAAK,IAAC,SAAS,EAAC,oBAAoB,GAAG,CACzC,CAAC,CAAC,CAAC,IAAI,CACJ;YAEL,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,6BAAK,SAAS,EAAC,sBAAsB;gBAClC,KAAK,IAAI,CACR,+BACE,EAAE,EAAE,GAAG,UAAU,QAAQ,EACzB,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE;;oBAEP,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB;iBAC7C,EACD,OAAO,EAAE,YAAY,IAEpB,KAAK,CACA,CACT;gBACA,WAAW,IAAI,CACd,2BAAG,SAAS,EAAC,0CAA0C,IACpD,WAAW,CACV,CACL,CACG,CACP,CACG;QAEL,KAAK,IAAI,CACR,2BAAG,SAAS,EAAC,6CAA6C,IAAE,KAAK,CAAK,CACvE,CACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { type InputHTMLAttributes } from 'react';
|
|
2
|
+
interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
+
label?: string;
|
|
4
|
+
error?: string;
|
|
5
|
+
hint?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare function Input({ label, error, hint, id, className, ...props }: InputProps): React.JSX.Element;
|
|
8
|
+
export {};
|
|
9
|
+
//# sourceMappingURL=Input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAExD,UAAU,UAAW,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AASD,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,qBAiCrF"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
const baseInput = 'block w-full rounded-lg border px-3 py-2 text-sm transition-colors focus:outline-none focus:ring-1';
|
|
4
|
+
const normalInput = 'border-gray-300 focus:border-primary-500 focus:ring-primary-500';
|
|
5
|
+
const errorInput = 'border-red-300 text-red-900 placeholder-red-300 focus:border-red-500 focus:ring-red-500';
|
|
6
|
+
export function Input({ label, error, hint, id, className = '', ...props }) {
|
|
7
|
+
const inputId = id || label?.toLowerCase().replace(/\s+/g, '-');
|
|
8
|
+
return (React.createElement("div", null,
|
|
9
|
+
label && (React.createElement("label", { htmlFor: inputId, className: "mb-1 block text-sm font-medium text-gray-700" },
|
|
10
|
+
label,
|
|
11
|
+
props.required && React.createElement("span", { className: "ml-0.5 text-red-500" }, "*"))),
|
|
12
|
+
React.createElement("input", { id: inputId, className: `${baseInput} ${error ? errorInput : normalInput} ${className}`, "aria-invalid": error ? 'true' : undefined, "aria-describedby": error ? `${inputId}-error` : hint ? `${inputId}-hint` : undefined, ...props }),
|
|
13
|
+
error && (React.createElement("p", { id: `${inputId}-error`, className: "mt-1 text-sm text-red-600" }, error)),
|
|
14
|
+
hint && !error && (React.createElement("p", { id: `${inputId}-hint`, className: "mt-1 text-sm text-gray-500" }, hint))));
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=Input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Form/Input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAmC,MAAM,OAAO,CAAC;AAQxD,MAAM,SAAS,GACb,oGAAoG,CAAC;AACvG,MAAM,WAAW,GACf,iEAAiE,CAAC;AACpE,MAAM,UAAU,GACd,yFAAyF,CAAC;AAE5F,MAAM,UAAU,KAAK,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAc;IACpF,MAAM,OAAO,GAAG,EAAE,IAAI,KAAK,EAAE,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEhE,OAAO,CACL;QACG,KAAK,IAAI,CACR,+BACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,8CAA8C;YAEvD,KAAK;YACL,KAAK,CAAC,QAAQ,IAAI,8BAAM,SAAS,EAAC,qBAAqB,QAAS,CAC3D,CACT;QACD,+BACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,GAAG,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,IAAI,SAAS,EAAE,kBAC5D,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,sBACtB,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,OAAO,OAAO,CAAC,CAAC,CAAC,SAAS,KAC/E,KAAK,GACT;QACD,KAAK,IAAI,CACR,2BAAG,EAAE,EAAE,GAAG,OAAO,QAAQ,EAAE,SAAS,EAAC,2BAA2B,IAC7D,KAAK,CACJ,CACL;QACA,IAAI,IAAI,CAAC,KAAK,IAAI,CACjB,2BAAG,EAAE,EAAE,GAAG,OAAO,OAAO,EAAE,SAAS,EAAC,4BAA4B,IAC7D,IAAI,CACH,CACL,CACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface RadioOption {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface RadioGroupProps {
|
|
9
|
+
value: string;
|
|
10
|
+
onChange: (value: string) => void;
|
|
11
|
+
options: RadioOption[];
|
|
12
|
+
name: string;
|
|
13
|
+
label?: string;
|
|
14
|
+
orientation?: 'vertical' | 'horizontal';
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
error?: string;
|
|
17
|
+
className?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare function RadioGroup({ value, onChange, options, name, label, orientation, disabled, error, className, }: RadioGroupProps): React.JSX.Element;
|
|
20
|
+
//# sourceMappingURL=RadioGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAwB,EACxB,QAAgB,EAChB,KAAK,EACL,SAAc,GACf,EAAE,eAAe,qBAiGjB"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export function RadioGroup({ value, onChange, options, name, label, orientation = 'vertical', disabled = false, error, className = '', }) {
|
|
3
|
+
const handleChange = (optionValue, optionDisabled) => {
|
|
4
|
+
if (!disabled && !optionDisabled) {
|
|
5
|
+
onChange(optionValue);
|
|
6
|
+
}
|
|
7
|
+
};
|
|
8
|
+
const handleKeyDown = (e, optionValue, optionDisabled) => {
|
|
9
|
+
if (e.key === ' ' || e.key === 'Enter') {
|
|
10
|
+
e.preventDefault();
|
|
11
|
+
handleChange(optionValue, optionDisabled);
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
return (React.createElement("div", { className: className },
|
|
15
|
+
label && (React.createElement("label", { className: "block text-sm font-medium text-gray-900 dark:text-gray-100 mb-3" }, label)),
|
|
16
|
+
React.createElement("div", { role: "radiogroup", "aria-label": label, className: `
|
|
17
|
+
flex gap-4
|
|
18
|
+
${orientation === 'vertical' ? 'flex-col' : 'flex-row flex-wrap'}
|
|
19
|
+
` }, options.map((option) => {
|
|
20
|
+
const isChecked = value === option.value;
|
|
21
|
+
const isDisabled = disabled || option.disabled;
|
|
22
|
+
return (React.createElement("div", { key: option.value, className: "flex items-start gap-3" },
|
|
23
|
+
React.createElement("div", { role: "radio", "aria-checked": isChecked, "aria-disabled": isDisabled, tabIndex: isDisabled ? -1 : 0, onClick: () => handleChange(option.value, option.disabled), onKeyDown: (e) => handleKeyDown(e, option.value, option.disabled), className: `
|
|
24
|
+
flex items-center justify-center w-5 h-5 rounded-full border-2 transition-all
|
|
25
|
+
focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[var(--color-primary-500)]
|
|
26
|
+
${error
|
|
27
|
+
? 'border-red-500 dark:border-red-400'
|
|
28
|
+
: isChecked
|
|
29
|
+
? 'border-[var(--color-primary-600)]'
|
|
30
|
+
: 'border-gray-300 dark:border-gray-600'}
|
|
31
|
+
${isDisabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}
|
|
32
|
+
` }, isChecked && (React.createElement("div", { className: "w-2.5 h-2.5 rounded-full bg-[var(--color-primary-600)]" }))),
|
|
33
|
+
React.createElement("div", { className: "flex flex-col flex-1" },
|
|
34
|
+
React.createElement("label", { className: `
|
|
35
|
+
text-sm font-medium text-gray-900 dark:text-gray-100
|
|
36
|
+
${isDisabled ? 'opacity-50' : 'cursor-pointer'}
|
|
37
|
+
`, onClick: () => handleChange(option.value, option.disabled) }, option.label),
|
|
38
|
+
option.description && (React.createElement("p", { className: "text-sm text-gray-500 dark:text-gray-400" }, option.description))),
|
|
39
|
+
React.createElement("input", { type: "radio", name: name, value: option.value, checked: isChecked, onChange: () => handleChange(option.value, option.disabled), disabled: isDisabled, className: "sr-only" })));
|
|
40
|
+
})),
|
|
41
|
+
error && (React.createElement("p", { className: "mt-2 text-sm text-red-500 dark:text-red-400" }, error))));
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../src/components/Form/RadioGroup.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { type SelectHTMLAttributes } from 'react';
|
|
2
|
+
interface SelectProps extends SelectHTMLAttributes<HTMLSelectElement> {
|
|
3
|
+
label?: string;
|
|
4
|
+
error?: string;
|
|
5
|
+
options: {
|
|
6
|
+
value: string;
|
|
7
|
+
label: string;
|
|
8
|
+
}[];
|
|
9
|
+
}
|
|
10
|
+
export declare function Select({ label, error, options, id, className, ...props }: SelectProps): React.JSX.Element;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,KAAK,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAEzD,UAAU,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC7C;AASD,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBAwB1F"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
const baseInput = 'block w-full rounded-lg border px-3 py-2 text-sm transition-colors focus:outline-none focus:ring-1';
|
|
4
|
+
const normalInput = 'border-gray-300 focus:border-primary-500 focus:ring-primary-500';
|
|
5
|
+
const errorInput = 'border-red-300 text-red-900 placeholder-red-300 focus:border-red-500 focus:ring-red-500';
|
|
6
|
+
export function Select({ label, error, options, id, className = '', ...props }) {
|
|
7
|
+
const inputId = id || label?.toLowerCase().replace(/\s+/g, '-');
|
|
8
|
+
return (React.createElement("div", null,
|
|
9
|
+
label && (React.createElement("label", { htmlFor: inputId, className: "mb-1 block text-sm font-medium text-gray-700" }, label)),
|
|
10
|
+
React.createElement("select", { id: inputId, className: `${baseInput} ${error ? errorInput : normalInput} ${className}`, ...props }, options.map((opt) => (React.createElement("option", { key: opt.value, value: opt.value }, opt.label)))),
|
|
11
|
+
error && React.createElement("p", { className: "mt-1 text-sm text-red-600" }, error)));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=Select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Form/Select.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAoC,MAAM,OAAO,CAAC;AAQzD,MAAM,SAAS,GACb,oGAAoG,CAAC;AACvG,MAAM,WAAW,GACf,iEAAiE,CAAC;AACpE,MAAM,UAAU,GACd,yFAAyF,CAAC;AAE5F,MAAM,UAAU,MAAM,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAe;IACzF,MAAM,OAAO,GAAG,EAAE,IAAI,KAAK,EAAE,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEhE,OAAO,CACL;QACG,KAAK,IAAI,CACR,+BAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,8CAA8C,IAC9E,KAAK,CACA,CACT;QACD,gCACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,GAAG,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,IAAI,SAAS,EAAE,KACtE,KAAK,IAER,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACpB,gCAAQ,GAAG,EAAE,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,IACrC,GAAG,CAAC,KAAK,CACH,CACV,CAAC,CACK;QACR,KAAK,IAAI,2BAAG,SAAS,EAAC,2BAA2B,IAAE,KAAK,CAAK,CAC1D,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { type TextareaHTMLAttributes } from 'react';
|
|
2
|
+
interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
3
|
+
label?: string;
|
|
4
|
+
error?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare function Textarea({ label, error, id, className, ...props }: TextareaProps): React.JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=Textarea.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAE3D,UAAU,aAAc,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AASD,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAmBrF"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
const baseInput = 'block w-full rounded-lg border px-3 py-2 text-sm transition-colors focus:outline-none focus:ring-1';
|
|
4
|
+
const normalInput = 'border-gray-300 focus:border-primary-500 focus:ring-primary-500';
|
|
5
|
+
const errorInput = 'border-red-300 text-red-900 placeholder-red-300 focus:border-red-500 focus:ring-red-500';
|
|
6
|
+
export function Textarea({ label, error, id, className = '', ...props }) {
|
|
7
|
+
const inputId = id || label?.toLowerCase().replace(/\s+/g, '-');
|
|
8
|
+
return (React.createElement("div", null,
|
|
9
|
+
label && (React.createElement("label", { htmlFor: inputId, className: "mb-1 block text-sm font-medium text-gray-700" }, label)),
|
|
10
|
+
React.createElement("textarea", { id: inputId, className: `${baseInput} ${error ? errorInput : normalInput} ${className}`, "aria-invalid": error ? 'true' : undefined, ...props }),
|
|
11
|
+
error && React.createElement("p", { className: "mt-1 text-sm text-red-600" }, error)));
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=Textarea.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/Form/Textarea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,MAAM,SAAS,GACb,oGAAoG,CAAC;AACvG,MAAM,WAAW,GACf,iEAAiE,CAAC;AACpE,MAAM,UAAU,GACd,yFAAyF,CAAC;AAE5F,MAAM,UAAU,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAiB;IACpF,MAAM,OAAO,GAAG,EAAE,IAAI,KAAK,EAAE,WAAW,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEhE,OAAO,CACL;QACG,KAAK,IAAI,CACR,+BAAO,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,8CAA8C,IAC9E,KAAK,CACA,CACT;QACD,kCACE,EAAE,EAAE,OAAO,EACX,SAAS,EAAE,GAAG,SAAS,IAAI,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,IAAI,SAAS,EAAE,kBAC5D,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,KACpC,KAAK,GACT;QACD,KAAK,IAAI,2BAAG,SAAS,EAAC,2BAA2B,IAAE,KAAK,CAAK,CAC1D,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface ToggleProps {
|
|
3
|
+
checked: boolean;
|
|
4
|
+
onChange: (checked: boolean) => void;
|
|
5
|
+
label?: React.ReactNode;
|
|
6
|
+
description?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
size?: 'sm' | 'md';
|
|
9
|
+
className?: string;
|
|
10
|
+
}
|
|
11
|
+
export declare function Toggle({ checked, onChange, label, description, disabled, size, className, }: ToggleProps): React.JSX.Element;
|
|
12
|
+
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAC;AAErC,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAW,EACX,QAAgB,EAChB,IAAW,EACX,SAAc,GACf,EAAE,WAAW,qBAoFb"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import React, { useId } from 'react';
|
|
2
|
+
export function Toggle({ checked, onChange, label, description, disabled = false, size = 'md', className = '', }) {
|
|
3
|
+
const toggleId = useId();
|
|
4
|
+
const handleToggle = () => {
|
|
5
|
+
if (!disabled) {
|
|
6
|
+
onChange(!checked);
|
|
7
|
+
}
|
|
8
|
+
};
|
|
9
|
+
const handleKeyDown = (e) => {
|
|
10
|
+
if (e.key === ' ' || e.key === 'Enter') {
|
|
11
|
+
e.preventDefault();
|
|
12
|
+
handleToggle();
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
const sizeClasses = {
|
|
16
|
+
sm: 'w-9 h-5',
|
|
17
|
+
md: 'w-11 h-6',
|
|
18
|
+
};
|
|
19
|
+
const circleSize = {
|
|
20
|
+
sm: 'w-4 h-4',
|
|
21
|
+
md: 'w-5 h-5',
|
|
22
|
+
};
|
|
23
|
+
const circleTranslate = {
|
|
24
|
+
sm: 'translate-x-4',
|
|
25
|
+
md: 'translate-x-5',
|
|
26
|
+
};
|
|
27
|
+
return (React.createElement("div", { className: `flex ${description ? 'items-start' : 'items-center'} gap-3 ${className}` },
|
|
28
|
+
React.createElement("button", { type: "button", role: "switch", id: toggleId, "aria-checked": checked, "aria-disabled": disabled, "aria-labelledby": label ? `${toggleId}-label` : undefined, onClick: handleToggle, onKeyDown: handleKeyDown, disabled: disabled, className: `
|
|
29
|
+
relative inline-flex items-center flex-shrink-0 rounded-full transition-colors duration-200 ease-in-out
|
|
30
|
+
focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[var(--color-primary-500)]
|
|
31
|
+
${sizeClasses[size]}
|
|
32
|
+
${checked ? 'bg-[var(--color-primary-600)]' : 'bg-gray-200 dark:bg-gray-700'}
|
|
33
|
+
${disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer'}
|
|
34
|
+
${description ? 'mt-0.5' : ''}
|
|
35
|
+
` },
|
|
36
|
+
React.createElement("span", { className: `
|
|
37
|
+
inline-block rounded-full bg-white shadow-lg transform transition-transform duration-200 ease-in-out
|
|
38
|
+
${circleSize[size]}
|
|
39
|
+
${checked ? circleTranslate[size] : 'translate-x-0.5'}
|
|
40
|
+
` })),
|
|
41
|
+
(label || description) && (React.createElement("div", { className: "flex flex-col" },
|
|
42
|
+
label && (React.createElement("label", { id: `${toggleId}-label`, htmlFor: toggleId, className: `
|
|
43
|
+
text-sm font-medium text-gray-900 dark:text-gray-100
|
|
44
|
+
${disabled ? 'opacity-50' : 'cursor-pointer'}
|
|
45
|
+
`, onClick: handleToggle }, label)),
|
|
46
|
+
description && (React.createElement("p", { className: "text-sm text-gray-500 dark:text-gray-400" }, description))))));
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=Toggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/Form/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAYrC,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAW,EACX,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,SAAS,GAAG,EAAE,GACF;IACZ,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;QACrB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAsB,EAAE,EAAE;QAC/C,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACvC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,YAAY,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG;QAClB,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,UAAU;KACf,CAAC;IAEF,MAAM,UAAU,GAAG;QACjB,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,SAAS;KACd,CAAC;IAEF,MAAM,eAAe,GAAG;QACtB,EAAE,EAAE,eAAe;QACnB,EAAE,EAAE,eAAe;KACpB,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,QAAQ,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,cAAc,UAAU,SAAS,EAAE;QACvF,gCACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,QAAQ,kBACE,OAAO,mBACN,QAAQ,qBACN,KAAK,CAAC,CAAC,CAAC,GAAG,QAAQ,QAAQ,CAAC,CAAC,CAAC,SAAS,EACxD,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE;;;YAGP,WAAW,CAAC,IAAI,CAAC;YACjB,OAAO,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,8BAA8B;YAC1E,QAAQ,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,gBAAgB;YAC7D,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;SAC9B;YAED,8BACE,SAAS,EAAE;;cAEP,UAAU,CAAC,IAAI,CAAC;cAChB,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,iBAAiB;WACtD,GACD,CACK;QAER,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACzB,6BAAK,SAAS,EAAC,eAAe;YAC3B,KAAK,IAAI,CACR,+BACE,EAAE,EAAE,GAAG,QAAQ,QAAQ,EACvB,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE;;kBAEP,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB;eAC7C,EACD,OAAO,EAAE,YAAY,IAEpB,KAAK,CACA,CACT;YACA,WAAW,IAAI,CACd,2BAAG,SAAS,EAAC,0CAA0C,IACpD,WAAW,CACV,CACL,CACG,CACP,CACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Form Components
|
|
3
|
+
*
|
|
4
|
+
* Input components for building forms in Varity dashboards
|
|
5
|
+
*/
|
|
6
|
+
export { Button } from './Button';
|
|
7
|
+
export { Input } from './Input';
|
|
8
|
+
export { Textarea } from './Textarea';
|
|
9
|
+
export { Select } from './Select';
|
|
10
|
+
export { Toggle } from './Toggle';
|
|
11
|
+
export { Checkbox } from './Checkbox';
|
|
12
|
+
export { RadioGroup } from './RadioGroup';
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Form Components
|
|
3
|
+
*
|
|
4
|
+
* Input components for building forms in Varity dashboards
|
|
5
|
+
*/
|
|
6
|
+
export { Button } from './Button';
|
|
7
|
+
export { Input } from './Input';
|
|
8
|
+
export { Textarea } from './Textarea';
|
|
9
|
+
export { Select } from './Select';
|
|
10
|
+
export { Toggle } from './Toggle';
|
|
11
|
+
export { Checkbox } from './Checkbox';
|
|
12
|
+
export { RadioGroup } from './RadioGroup';
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* ```
|
|
13
13
|
*/
|
|
14
14
|
import React from 'react';
|
|
15
|
-
import { inAppWallet } from 'thirdweb/wallets';
|
|
15
|
+
import { inAppWallet } from 'thirdweb/wallets/in-app';
|
|
16
16
|
interface User {
|
|
17
17
|
email?: string;
|
|
18
18
|
walletAddress?: string;
|
|
@@ -25,10 +25,10 @@ export interface InAppWalletContextType {
|
|
|
25
25
|
user: User | null;
|
|
26
26
|
isAuthenticated: boolean;
|
|
27
27
|
isLoading: boolean;
|
|
28
|
-
|
|
29
|
-
sendEmailVerificationCode: (email: string) => Promise<void>;
|
|
30
|
-
verifyEmailAndConnect: (verificationCode: string) => Promise<void>;
|
|
28
|
+
/** Step 1: Send OTP to email */
|
|
31
29
|
loginWithEmail: (email: string) => Promise<void>;
|
|
30
|
+
/** Step 2: Verify OTP code from email */
|
|
31
|
+
verifyEmailCode: (email: string, verificationCode: string) => Promise<void>;
|
|
32
32
|
loginWithGoogle: () => Promise<void>;
|
|
33
33
|
loginWithApple: () => Promise<void>;
|
|
34
34
|
loginWithFacebook: () => Promise<void>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InAppWalletProvider.d.ts","sourceRoot":"","sources":["../../../src/components/InAppWallet/InAppWalletProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAsE,MAAM,OAAO,CAAC;AAG3F,OAAO,EAAE,WAAW,EAAmB,MAAM,
|
|
1
|
+
{"version":3,"file":"InAppWalletProvider.d.ts","sourceRoot":"","sources":["../../../src/components/InAppWallet/InAppWalletProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAsE,MAAM,OAAO,CAAC;AAG3F,OAAO,EAAE,WAAW,EAAmB,MAAM,yBAAyB,CAAC;AAKvE,UAAU,IAAI;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;CAC/E;AAED,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,eAAe,EAAE,OAAO,CAAC;IACzB,SAAS,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACjD,yCAAyC;IACzC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5E,eAAe,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,iBAAiB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5B,MAAM,EAAE,UAAU,CAAC,OAAO,WAAW,CAAC,GAAG,IAAI,CAAC;CAC/C;AAID,UAAU,wBAAwB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AA6MD;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,QAAQ,EACT,EAAE,wBAAwB,qBAkB1B;AAED;;GAEG;AACH,wBAAgB,cAAc,2BAM7B"}
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
import React, { createContext, useContext, useState, useCallback, useEffect } from 'react';
|
|
15
15
|
import { ThirdwebProvider } from 'thirdweb/react';
|
|
16
16
|
import { useActiveAccount, useConnect } from 'thirdweb/react';
|
|
17
|
-
import { inAppWallet, preAuthenticate } from 'thirdweb/wallets';
|
|
17
|
+
import { inAppWallet, preAuthenticate } from 'thirdweb/wallets/in-app';
|
|
18
18
|
import { createThirdwebClient } from 'thirdweb';
|
|
19
19
|
import toast from 'react-hot-toast';
|
|
20
20
|
import { getErrorMessage } from '@varity-labs/types';
|
|
@@ -26,7 +26,6 @@ function InAppWalletManager({ children, onLoginSuccess, onLoginError, onLogout,
|
|
|
26
26
|
const [user, setUser] = useState(null);
|
|
27
27
|
const [wallet, setWallet] = useState(null);
|
|
28
28
|
const [isLoading, setIsLoading] = useState(false);
|
|
29
|
-
const [emailPending, setEmailPending] = useState(null);
|
|
30
29
|
const { connect } = useConnect();
|
|
31
30
|
const activeAccount = useActiveAccount();
|
|
32
31
|
const isAuthenticated = !!activeAccount;
|
|
@@ -46,21 +45,20 @@ function InAppWalletManager({ children, onLoginSuccess, onLoginError, onLogout,
|
|
|
46
45
|
setUser(null);
|
|
47
46
|
}
|
|
48
47
|
}, [activeAccount, onLoginSuccess]);
|
|
49
|
-
|
|
50
|
-
const sendEmailVerificationCode = useCallback(async (email) => {
|
|
48
|
+
const loginWithEmail = useCallback(async (email) => {
|
|
51
49
|
setIsLoading(true);
|
|
52
50
|
try {
|
|
51
|
+
// Step 1: Send OTP to email
|
|
53
52
|
await preAuthenticate({
|
|
54
53
|
client,
|
|
55
54
|
strategy: 'email',
|
|
56
55
|
email,
|
|
57
56
|
});
|
|
58
|
-
|
|
59
|
-
toast.success(`Verification code sent to ${email}`);
|
|
57
|
+
toast.success(`Check ${email} for your verification code.`);
|
|
60
58
|
}
|
|
61
59
|
catch (error) {
|
|
62
60
|
const errorMessage = getErrorMessage(error);
|
|
63
|
-
console.error('
|
|
61
|
+
console.error('Email login error:', errorMessage);
|
|
64
62
|
const errorObj = error instanceof Error ? error : new Error(errorMessage);
|
|
65
63
|
onLoginError?.(errorObj);
|
|
66
64
|
toast.error('Failed to send verification code');
|
|
@@ -69,31 +67,26 @@ function InAppWalletManager({ children, onLoginSuccess, onLoginError, onLogout,
|
|
|
69
67
|
setIsLoading(false);
|
|
70
68
|
}
|
|
71
69
|
}, [client, onLoginError]);
|
|
72
|
-
|
|
73
|
-
const verifyEmailAndConnect = useCallback(async (verificationCode) => {
|
|
74
|
-
if (!emailPending) {
|
|
75
|
-
toast.error('No email pending verification');
|
|
76
|
-
return;
|
|
77
|
-
}
|
|
70
|
+
const verifyEmailCode = useCallback(async (email, verificationCode) => {
|
|
78
71
|
setIsLoading(true);
|
|
79
72
|
try {
|
|
80
|
-
const
|
|
81
|
-
setWallet(
|
|
73
|
+
const w = inAppWallet();
|
|
74
|
+
setWallet(w);
|
|
75
|
+
// Step 2: Verify OTP and connect wallet
|
|
82
76
|
await connect(async () => {
|
|
83
|
-
await
|
|
77
|
+
await w.connect({
|
|
84
78
|
client,
|
|
85
79
|
strategy: 'email',
|
|
86
|
-
email
|
|
80
|
+
email,
|
|
87
81
|
verificationCode,
|
|
88
82
|
});
|
|
89
|
-
return
|
|
83
|
+
return w;
|
|
90
84
|
});
|
|
91
|
-
setEmailPending(null);
|
|
92
85
|
toast.success('Successfully logged in!');
|
|
93
86
|
}
|
|
94
87
|
catch (error) {
|
|
95
88
|
const errorMessage = getErrorMessage(error);
|
|
96
|
-
console.error('Email verification
|
|
89
|
+
console.error('Email verification error:', errorMessage);
|
|
97
90
|
const errorObj = error instanceof Error ? error : new Error(errorMessage);
|
|
98
91
|
onLoginError?.(errorObj);
|
|
99
92
|
toast.error('Invalid verification code');
|
|
@@ -101,11 +94,7 @@ function InAppWalletManager({ children, onLoginSuccess, onLoginError, onLogout,
|
|
|
101
94
|
finally {
|
|
102
95
|
setIsLoading(false);
|
|
103
96
|
}
|
|
104
|
-
}, [connect, client,
|
|
105
|
-
// Legacy convenience method - initiates the 2-step flow
|
|
106
|
-
const loginWithEmail = useCallback(async (email) => {
|
|
107
|
-
await sendEmailVerificationCode(email);
|
|
108
|
-
}, [sendEmailVerificationCode]);
|
|
97
|
+
}, [connect, client, onLoginError]);
|
|
109
98
|
const loginWithGoogle = useCallback(async () => {
|
|
110
99
|
setIsLoading(true);
|
|
111
100
|
try {
|
|
@@ -205,10 +194,8 @@ function InAppWalletManager({ children, onLoginSuccess, onLoginError, onLogout,
|
|
|
205
194
|
user,
|
|
206
195
|
isAuthenticated,
|
|
207
196
|
isLoading,
|
|
208
|
-
emailPending,
|
|
209
|
-
sendEmailVerificationCode,
|
|
210
|
-
verifyEmailAndConnect,
|
|
211
197
|
loginWithEmail,
|
|
198
|
+
verifyEmailCode,
|
|
212
199
|
loginWithGoogle,
|
|
213
200
|
loginWithApple,
|
|
214
201
|
loginWithFacebook,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InAppWalletProvider.js","sourceRoot":"","sources":["../../../src/components/InAppWallet/InAppWalletProvider.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3F,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"InAppWalletProvider.js","sourceRoot":"","sources":["../../../src/components/InAppWallet/InAppWalletProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface BreadcrumbItem {
|
|
3
|
+
label: string;
|
|
4
|
+
href?: string;
|
|
5
|
+
onClick?: () => void;
|
|
6
|
+
}
|
|
7
|
+
export interface BreadcrumbProps {
|
|
8
|
+
items: BreadcrumbItem[];
|
|
9
|
+
separator?: 'chevron' | 'slash';
|
|
10
|
+
showHome?: boolean;
|
|
11
|
+
onHomeClick?: () => void;
|
|
12
|
+
className?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare function Breadcrumb({ items, separator, showHome, onHomeClick, className, }: BreadcrumbProps): React.JSX.Element;
|
|
15
|
+
//# sourceMappingURL=Breadcrumb.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,SAAqB,EACrB,QAAe,EACf,WAAW,EACX,SAAc,GACf,EAAE,eAAe,qBA4EjB"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ChevronRight, Home } from 'lucide-react';
|
|
3
|
+
export function Breadcrumb({ items, separator = 'chevron', showHome = true, onHomeClick, className = '', }) {
|
|
4
|
+
const handleItemClick = (item, index) => {
|
|
5
|
+
// Don't navigate if it's the current page (last item)
|
|
6
|
+
if (index === items.length - 1) {
|
|
7
|
+
return;
|
|
8
|
+
}
|
|
9
|
+
if (item.onClick) {
|
|
10
|
+
item.onClick();
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
const SeparatorIcon = separator === 'chevron' ? ChevronRight : null;
|
|
14
|
+
return (React.createElement("nav", { "aria-label": "Breadcrumb", className: className },
|
|
15
|
+
React.createElement("ol", { className: "flex items-center gap-2 text-sm" },
|
|
16
|
+
showHome && (React.createElement(React.Fragment, null,
|
|
17
|
+
React.createElement("li", null,
|
|
18
|
+
React.createElement("button", { onClick: onHomeClick, className: "flex items-center text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100 transition-colors", "aria-label": "Home" },
|
|
19
|
+
React.createElement(Home, { className: "w-4 h-4" }))),
|
|
20
|
+
React.createElement("li", { className: "flex items-center text-gray-400 dark:text-gray-600" }, SeparatorIcon ? (React.createElement(SeparatorIcon, { className: "w-4 h-4" })) : (React.createElement("span", null, "/"))))),
|
|
21
|
+
items.map((item, index) => {
|
|
22
|
+
const isLast = index === items.length - 1;
|
|
23
|
+
return (React.createElement(React.Fragment, { key: index },
|
|
24
|
+
React.createElement("li", null, isLast ? (React.createElement("span", { className: "font-medium text-gray-900 dark:text-gray-100", "aria-current": "page" }, item.label)) : (React.createElement("button", { onClick: () => handleItemClick(item, index), className: "text-gray-600 hover:text-gray-900 dark:text-gray-400 dark:hover:text-gray-100 transition-colors truncate max-w-[200px]" }, item.label))),
|
|
25
|
+
!isLast && (React.createElement("li", { className: "flex items-center text-gray-400 dark:text-gray-600" }, SeparatorIcon ? (React.createElement(SeparatorIcon, { className: "w-4 h-4" })) : (React.createElement("span", null, "/"))))));
|
|
26
|
+
}))));
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=Breadcrumb.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../src/components/Navigation/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAgBlD,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,SAAS,GAAG,SAAS,EACrB,QAAQ,GAAG,IAAI,EACf,WAAW,EACX,SAAS,GAAG,EAAE,GACE;IAChB,MAAM,eAAe,GAAG,CAAC,IAAoB,EAAE,KAAa,EAAE,EAAE;QAC9D,sDAAsD;QACtD,IAAI,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC/B,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC;IAEpE,OAAO,CACL,2CAAgB,YAAY,EAAC,SAAS,EAAE,SAAS;QAC/C,4BAAI,SAAS,EAAC,iCAAiC;YAC5C,QAAQ,IAAI,CACX;gBACE;oBACE,gCACE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,mHAAmH,gBAClH,MAAM;wBAEjB,oBAAC,IAAI,IAAC,SAAS,EAAC,SAAS,GAAG,CACrB,CACN;gBACL,4BAAI,SAAS,EAAC,oDAAoD,IAC/D,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,aAAa,IAAC,SAAS,EAAC,SAAS,GAAG,CACtC,CAAC,CAAC,CAAC,CACF,sCAAc,CACf,CACE,CACJ,CACJ;YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;gBACzB,MAAM,MAAM,GAAG,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;gBAE1C,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,KAAK;oBACxB,gCACG,MAAM,CAAC,CAAC,CAAC,CACR,8BACE,SAAS,EAAC,8CAA8C,kBAC3C,MAAM,IAElB,IAAI,CAAC,KAAK,CACN,CACR,CAAC,CAAC,CAAC,CACF,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,EAC3C,SAAS,EAAC,wHAAwH,IAEjI,IAAI,CAAC,KAAK,CACJ,CACV,CACE;oBAEJ,CAAC,MAAM,IAAI,CACV,4BAAI,SAAS,EAAC,oDAAoD,IAC/D,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,aAAa,IAAC,SAAS,EAAC,SAAS,GAAG,CACtC,CAAC,CAAC,CAAC,CACF,sCAAc,CACf,CACE,CACN,CACc,CAClB,CAAC;YACJ,CAAC,CAAC,CACC,CACD,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface CommandPaletteProps {
|
|
3
|
+
open: boolean;
|
|
4
|
+
onClose: () => void;
|
|
5
|
+
onNavigate: (path: string) => void;
|
|
6
|
+
projects?: Array<{
|
|
7
|
+
id: string;
|
|
8
|
+
name: string;
|
|
9
|
+
description?: string;
|
|
10
|
+
status?: string;
|
|
11
|
+
}>;
|
|
12
|
+
tasks?: Array<{
|
|
13
|
+
id: string;
|
|
14
|
+
title: string;
|
|
15
|
+
description?: string;
|
|
16
|
+
status?: string;
|
|
17
|
+
}>;
|
|
18
|
+
team?: Array<{
|
|
19
|
+
id: string;
|
|
20
|
+
name: string;
|
|
21
|
+
email: string;
|
|
22
|
+
}>;
|
|
23
|
+
}
|
|
24
|
+
export declare function CommandPalette({ open, onClose, onNavigate, projects, tasks, team }: CommandPaletteProps): React.JSX.Element | null;
|
|
25
|
+
export {};
|
|
26
|
+
//# sourceMappingURL=CommandPalette.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../../src/components/Navigation/CommandPalette.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAuCxE,UAAU,mBAAmB;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACtF,KAAK,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACpF,IAAI,CAAC,EAAE,KAAK,CAAC;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC3D;AAiBD,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,OAAO,EACP,UAAU,EACV,QAAa,EACb,KAAU,EACV,IAAS,EACV,EAAE,mBAAmB,4BA2MrB"}
|