@tantainnovative/ndpr-toolkit 1.0.6 → 1.0.9

package/dist/styles.css

@@ -0,0 +1,38 @@
+@keyframes slide-in-bottom {
+  from {
+    transform: translateY(100%);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+
+@keyframes slide-in-top {
+  from {
+    transform: translateY(-100%);
+  }
+  to {
+    transform: translateY(0);
+  }
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+.animate-slide-in {
+  animation: slide-in-bottom 0.3s ease-out;
+}
+
+.animate-slide-in-top {
+  animation: slide-in-top 0.3s ease-out;
+}
+
+.animate-fade-in {
+  animation: fade-in 0.3s ease-out;
+}

package/dist/unstyled.d.mts

@@ -0,0 +1,22 @@
+import React__default, { ReactNode } from 'react';
+
+interface UnstyledConsentBannerProps {
+    className?: string;
+    children?: ReactNode;
+}
+declare const UnstyledConsentBanner: React__default.FC<UnstyledConsentBannerProps>;
+
+interface UnstyledConsentSettingsProps {
+    className?: string;
+    children?: ReactNode;
+}
+declare const UnstyledConsentSettings: React__default.FC<UnstyledConsentSettingsProps>;
+
+interface UnstyledConsentToggleProps {
+    category: 'analytics' | 'marketing' | 'functional';
+    className?: string;
+    label?: string;
+}
+declare const UnstyledConsentToggle: React__default.FC<UnstyledConsentToggleProps>;
+
+export { UnstyledConsentBanner as ConsentBanner, UnstyledConsentSettings as ConsentSettings, UnstyledConsentToggle as ConsentToggle };

package/dist/unstyled.d.ts

@@ -0,0 +1,22 @@
+import React__default, { ReactNode } from 'react';
+
+interface UnstyledConsentBannerProps {
+    className?: string;
+    children?: ReactNode;
+}
+declare const UnstyledConsentBanner: React__default.FC<UnstyledConsentBannerProps>;
+
+interface UnstyledConsentSettingsProps {
+    className?: string;
+    children?: ReactNode;
+}
+declare const UnstyledConsentSettings: React__default.FC<UnstyledConsentSettingsProps>;
+
+interface UnstyledConsentToggleProps {
+    category: 'analytics' | 'marketing' | 'functional';
+    className?: string;
+    label?: string;
+}
+declare const UnstyledConsentToggle: React__default.FC<UnstyledConsentToggleProps>;
+
+export { UnstyledConsentBanner as ConsentBanner, UnstyledConsentSettings as ConsentSettings, UnstyledConsentToggle as ConsentToggle };

package/dist/unstyled.js

@@ -0,0 +1,2 @@
+'use strict';var e=require('react');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var e__default=/*#__PURE__*/_interopDefault(e);var v=e.createContext(void 0);function i(){let n=e.useContext(v);if(!n)throw new Error("useConsent must be used within a ConsentProvider");return n}var C=({className:n,children:a})=>{let{showBanner:o,acceptAll:r,rejectAll:l,openSettings:c}=i();return o?e__default.default.createElement("div",{className:n,role:"region","aria-label":"Cookie consent"},a||e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h3",null,"Cookie Consent"),e__default.default.createElement("p",null,"We use cookies to enhance your experience. By continuing to visit this site you agree to our use of cookies.")),e__default.default.createElement("div",null,e__default.default.createElement("button",{onClick:r,"aria-label":"Accept all cookies"},"Accept All"),e__default.default.createElement("button",{onClick:l,"aria-label":"Reject non-essential cookies"},"Reject All"),e__default.default.createElement("button",{onClick:c,"aria-label":"Manage cookie preferences"},"Manage Preferences")))):null};var h=[{id:"necessary",name:"Necessary Cookies",description:"These cookies are essential for the website to function properly.",disabled:true},{id:"analytics",name:"Analytics Cookies",description:"These cookies help us understand how visitors interact with our website.",disabled:false},{id:"marketing",name:"Marketing Cookies",description:"These cookies are used to track visitors across websites for marketing purposes.",disabled:false},{id:"functional",name:"Functional Cookies",description:"These cookies enable personalized features and functionality.",disabled:false}],f=({className:n,children:a})=>{let{showSettings:o,consentState:r,updateConsent:l,savePreferences:c,closeSettings:p}=i();if(!o)return null;let g=()=>{c(r);};return e__default.default.createElement("div",{className:n,role:"dialog","aria-label":"Cookie preferences"},a||e__default.default.createElement(e__default.default.Fragment,null,e__default.default.createElement("div",null,e__default.default.createElement("h2",null,"Cookie Preferences"),e__default.default.createElement("p",null,"Manage your cookie preferences. You can enable or disable different categories of cookies below.")),e__default.default.createElement("div",null,h.map(s=>e__default.default.createElement("div",{key:s.id},e__default.default.createElement("div",null,e__default.default.createElement("h4",null,s.name),e__default.default.createElement("p",null,s.description)),e__default.default.createElement("input",{type:"checkbox",checked:r[s.id],onChange:k=>l(s.id,k.target.checked),disabled:s.disabled,"aria-label":`Toggle ${s.name}`})))),e__default.default.createElement("div",null,e__default.default.createElement("button",{onClick:p,"aria-label":"Cancel changes"},"Cancel"),e__default.default.createElement("button",{onClick:g,"aria-label":"Save cookie preferences"},"Save Preferences"))))};var u=({category:n,className:a,label:o})=>{let{consentState:r,updateConsent:l}=i();return e__default.default.createElement("label",{className:a},e__default.default.createElement("input",{type:"checkbox",checked:r[n],onChange:c=>l(n,c.target.checked),"aria-label":o||`Toggle ${n} cookies`}),o&&e__default.default.createElement("span",null,o))};exports.ConsentBanner=C;exports.ConsentSettings=f;exports.ConsentToggle=u;//# sourceMappingURL=unstyled.js.map
+//# sourceMappingURL=unstyled.js.map

package/dist/unstyled.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/ConsentContext.tsx","../src/components/consent/unstyled/UnstyledConsentBanner.tsx","../src/components/consent/unstyled/UnstyledConsentSettings.tsx","../src/components/consent/unstyled/UnstyledConsentToggle.tsx"],"names":["ConsentContext","createContext","useConsent","context","useContext","UnstyledConsentBanner","className","children","showBanner","acceptAll","rejectAll","openSettings","React","cookieCategories","UnstyledConsentSettings","showSettings","consentState","updateConsent","savePreferences","closeSettings","handleSave","category","e","UnstyledConsentToggle","label"],"mappings":"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","file":"unstyled.js","sourcesContent":["import React, { createContext, useContext, useState, useCallback, useEffect, ReactNode } from 'react';\n\nexport interface ConsentCategories {\n  necessary: boolean;\n  analytics: boolean;\n  marketing: boolean;\n  functional: boolean;\n  [key: string]: boolean;\n}\n\nexport interface ConsentState {\n  hasUserConsented: boolean;\n  consentState: ConsentCategories;\n  showBanner: boolean;\n  showSettings: boolean;\n}\n\nexport interface ConsentActions {\n  acceptAll: () => void;\n  rejectAll: () => void;\n  savePreferences: (preferences: Partial<ConsentCategories>) => void;\n  openSettings: () => void;\n  closeSettings: () => void;\n  updateConsent: (category: keyof ConsentCategories, value: boolean) => void;\n}\n\nexport interface ConsentContextValue extends ConsentState, ConsentActions {}\n\nconst ConsentContext = createContext<ConsentContextValue | undefined>(undefined);\n\nexport interface ConsentProviderProps {\n  children: ReactNode;\n  initialConsent?: Partial<ConsentCategories>;\n  onConsentChange?: (consent: ConsentCategories) => void;\n  storageKey?: string;\n}\n\nconst defaultConsent: ConsentCategories = {\n  necessary: true, // Always true\n  analytics: false,\n  marketing: false,\n  functional: false,\n};\n\nexport function ConsentProvider({\n  children,\n  initialConsent = {},\n  onConsentChange,\n  storageKey = 'ndpr-consent',\n}: ConsentProviderProps) {\n  const [consentState, setConsentState] = useState<ConsentCategories>(() => {\n    // Try to load from localStorage\n    if (typeof window !== 'undefined') {\n      const stored = localStorage.getItem(storageKey);\n      if (stored) {\n        try {\n          const parsed = JSON.parse(stored);\n          return { ...defaultConsent, ...parsed };\n        } catch (e) {\n          console.error('Failed to parse consent from localStorage', e);\n        }\n      }\n    }\n    return { ...defaultConsent, ...initialConsent };\n  });\n\n  const [hasUserConsented, setHasUserConsented] = useState(() => {\n    if (typeof window !== 'undefined') {\n      return localStorage.getItem(`${storageKey}-set`) === 'true';\n    }\n    return false;\n  });\n\n  const [showBanner, setShowBanner] = useState(!hasUserConsented);\n  const [showSettings, setShowSettings] = useState(false);\n\n  // Persist consent to localStorage\n  useEffect(() => {\n    if (typeof window !== 'undefined' && hasUserConsented) {\n      localStorage.setItem(storageKey, JSON.stringify(consentState));\n      localStorage.setItem(`${storageKey}-set`, 'true');\n    }\n  }, [consentState, hasUserConsented, storageKey]);\n\n  // Notify parent of consent changes\n  useEffect(() => {\n    if (hasUserConsented && onConsentChange) {\n      onConsentChange(consentState);\n    }\n  }, [consentState, hasUserConsented, onConsentChange]);\n\n  const acceptAll = useCallback(() => {\n    const newConsent: ConsentCategories = {\n      necessary: true,\n      analytics: true,\n      marketing: true,\n      functional: true,\n    };\n    setConsentState(newConsent);\n    setHasUserConsented(true);\n    setShowBanner(false);\n    setShowSettings(false);\n  }, []);\n\n  const rejectAll = useCallback(() => {\n    const newConsent: ConsentCategories = {\n      necessary: true,\n      analytics: false,\n      marketing: false,\n      functional: false,\n    };\n    setConsentState(newConsent);\n    setHasUserConsented(true);\n    setShowBanner(false);\n    setShowSettings(false);\n  }, []);\n\n  const savePreferences = useCallback((preferences: Partial<ConsentCategories>) => {\n    setConsentState(prev => ({\n      ...prev,\n      ...preferences,\n      necessary: true, // Always keep necessary as true\n    }));\n    setHasUserConsented(true);\n    setShowBanner(false);\n    setShowSettings(false);\n  }, []);\n\n  const updateConsent = useCallback((category: keyof ConsentCategories, value: boolean) => {\n    if (category === 'necessary') return; // Can't change necessary cookies\n    \n    setConsentState(prev => ({\n      ...prev,\n      [category]: value,\n    }));\n  }, []);\n\n  const openSettings = useCallback(() => {\n    setShowSettings(true);\n    setShowBanner(false);\n  }, []);\n\n  const closeSettings = useCallback(() => {\n    setShowSettings(false);\n  }, []);\n\n  const value: ConsentContextValue = {\n    hasUserConsented,\n    consentState,\n    showBanner,\n    showSettings,\n    acceptAll,\n    rejectAll,\n    savePreferences,\n    openSettings,\n    closeSettings,\n    updateConsent,\n  };\n\n  return (\n    <ConsentContext.Provider value={value}>\n      {children}\n    </ConsentContext.Provider>\n  );\n}\n\nexport function useConsent() {\n  const context = useContext(ConsentContext);\n  if (!context) {\n    throw new Error('useConsent must be used within a ConsentProvider');\n  }\n  return context;\n}\n\n// Export for external use\nexport { ConsentContext };","import React, { ReactNode } from 'react';\nimport { useConsent } from '@/contexts/ConsentContext';\n\nexport interface UnstyledConsentBannerProps {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const UnstyledConsentBanner: React.FC<UnstyledConsentBannerProps> = ({\n  className,\n  children,\n}) => {\n  const { showBanner, acceptAll, rejectAll, openSettings } = useConsent();\n\n  if (!showBanner) return null;\n\n  return (\n    <div className={className} role=\"region\" aria-label=\"Cookie consent\">\n      {children || (\n        <>\n          <div>\n            <h3>Cookie Consent</h3>\n            <p>We use cookies to enhance your experience. By continuing to visit this site you agree to our use of cookies.</p>\n          </div>\n          <div>\n            <button onClick={acceptAll} aria-label=\"Accept all cookies\">\n              Accept All\n            </button>\n            <button onClick={rejectAll} aria-label=\"Reject non-essential cookies\">\n              Reject All\n            </button>\n            <button onClick={openSettings} aria-label=\"Manage cookie preferences\">\n              Manage Preferences\n            </button>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};","import React, { ReactNode } from 'react';\nimport { useConsent } from '@/contexts/ConsentContext';\n\nexport interface UnstyledConsentSettingsProps {\n  className?: string;\n  children?: ReactNode;\n}\n\nconst cookieCategories = [\n  {\n    id: 'necessary',\n    name: 'Necessary Cookies',\n    description: 'These cookies are essential for the website to function properly.',\n    disabled: true,\n  },\n  {\n    id: 'analytics',\n    name: 'Analytics Cookies',\n    description: 'These cookies help us understand how visitors interact with our website.',\n    disabled: false,\n  },\n  {\n    id: 'marketing',\n    name: 'Marketing Cookies',\n    description: 'These cookies are used to track visitors across websites for marketing purposes.',\n    disabled: false,\n  },\n  {\n    id: 'functional',\n    name: 'Functional Cookies',\n    description: 'These cookies enable personalized features and functionality.',\n    disabled: false,\n  },\n];\n\nexport const UnstyledConsentSettings: React.FC<UnstyledConsentSettingsProps> = ({\n  className,\n  children,\n}) => {\n  const { showSettings, consentState, updateConsent, savePreferences, closeSettings } = useConsent();\n\n  if (!showSettings) return null;\n\n  const handleSave = () => {\n    savePreferences(consentState);\n  };\n\n  return (\n    <div className={className} role=\"dialog\" aria-label=\"Cookie preferences\">\n      {children || (\n        <>\n          <div>\n            <h2>Cookie Preferences</h2>\n            <p>Manage your cookie preferences. You can enable or disable different categories of cookies below.</p>\n          </div>\n          \n          <div>\n            {cookieCategories.map((category) => (\n              <div key={category.id}>\n                <div>\n                  <h4>{category.name}</h4>\n                  <p>{category.description}</p>\n                </div>\n                <input\n                  type=\"checkbox\"\n                  checked={consentState[category.id as keyof typeof consentState]}\n                  onChange={(e) => updateConsent(category.id as keyof typeof consentState, e.target.checked)}\n                  disabled={category.disabled}\n                  aria-label={`Toggle ${category.name}`}\n                />\n              </div>\n            ))}\n          </div>\n\n          <div>\n            <button onClick={closeSettings} aria-label=\"Cancel changes\">\n              Cancel\n            </button>\n            <button onClick={handleSave} aria-label=\"Save cookie preferences\">\n              Save Preferences\n            </button>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};","import React from 'react';\nimport { useConsent } from '@/contexts/ConsentContext';\n\nexport interface UnstyledConsentToggleProps {\n  category: 'analytics' | 'marketing' | 'functional';\n  className?: string;\n  label?: string;\n}\n\nexport const UnstyledConsentToggle: React.FC<UnstyledConsentToggleProps> = ({\n  category,\n  className,\n  label,\n}) => {\n  const { consentState, updateConsent } = useConsent();\n\n  return (\n    <label className={className}>\n      <input\n        type=\"checkbox\"\n        checked={consentState[category]}\n        onChange={(e) => updateConsent(category, e.target.checked)}\n        aria-label={label || `Toggle ${category} cookies`}\n      />\n      {label && <span>{label}</span>}\n    </label>\n  );\n};"]}

package/dist/unstyled.mjs

@@ -0,0 +1,2 @@
+import e,{createContext,useContext}from'react';var v=createContext(void 0);function i(){let n=useContext(v);if(!n)throw new Error("useConsent must be used within a ConsentProvider");return n}var C=({className:n,children:a})=>{let{showBanner:o,acceptAll:r,rejectAll:l,openSettings:c}=i();return o?e.createElement("div",{className:n,role:"region","aria-label":"Cookie consent"},a||e.createElement(e.Fragment,null,e.createElement("div",null,e.createElement("h3",null,"Cookie Consent"),e.createElement("p",null,"We use cookies to enhance your experience. By continuing to visit this site you agree to our use of cookies.")),e.createElement("div",null,e.createElement("button",{onClick:r,"aria-label":"Accept all cookies"},"Accept All"),e.createElement("button",{onClick:l,"aria-label":"Reject non-essential cookies"},"Reject All"),e.createElement("button",{onClick:c,"aria-label":"Manage cookie preferences"},"Manage Preferences")))):null};var h=[{id:"necessary",name:"Necessary Cookies",description:"These cookies are essential for the website to function properly.",disabled:true},{id:"analytics",name:"Analytics Cookies",description:"These cookies help us understand how visitors interact with our website.",disabled:false},{id:"marketing",name:"Marketing Cookies",description:"These cookies are used to track visitors across websites for marketing purposes.",disabled:false},{id:"functional",name:"Functional Cookies",description:"These cookies enable personalized features and functionality.",disabled:false}],f=({className:n,children:a})=>{let{showSettings:o,consentState:r,updateConsent:l,savePreferences:c,closeSettings:p}=i();if(!o)return null;let g=()=>{c(r);};return e.createElement("div",{className:n,role:"dialog","aria-label":"Cookie preferences"},a||e.createElement(e.Fragment,null,e.createElement("div",null,e.createElement("h2",null,"Cookie Preferences"),e.createElement("p",null,"Manage your cookie preferences. You can enable or disable different categories of cookies below.")),e.createElement("div",null,h.map(s=>e.createElement("div",{key:s.id},e.createElement("div",null,e.createElement("h4",null,s.name),e.createElement("p",null,s.description)),e.createElement("input",{type:"checkbox",checked:r[s.id],onChange:k=>l(s.id,k.target.checked),disabled:s.disabled,"aria-label":`Toggle ${s.name}`})))),e.createElement("div",null,e.createElement("button",{onClick:p,"aria-label":"Cancel changes"},"Cancel"),e.createElement("button",{onClick:g,"aria-label":"Save cookie preferences"},"Save Preferences"))))};var u=({category:n,className:a,label:o})=>{let{consentState:r,updateConsent:l}=i();return e.createElement("label",{className:a},e.createElement("input",{type:"checkbox",checked:r[n],onChange:c=>l(n,c.target.checked),"aria-label":o||`Toggle ${n} cookies`}),o&&e.createElement("span",null,o))};export{C as ConsentBanner,f as ConsentSettings,u as ConsentToggle};//# sourceMappingURL=unstyled.mjs.map
+//# sourceMappingURL=unstyled.mjs.map

package/dist/unstyled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/ConsentContext.tsx","../src/components/consent/unstyled/UnstyledConsentBanner.tsx","../src/components/consent/unstyled/UnstyledConsentSettings.tsx","../src/components/consent/unstyled/UnstyledConsentToggle.tsx"],"names":["ConsentContext","createContext","useConsent","context","useContext","UnstyledConsentBanner","className","children","showBanner","acceptAll","rejectAll","openSettings","React","cookieCategories","UnstyledConsentSettings","showSettings","consentState","updateConsent","savePreferences","closeSettings","handleSave","category","e","UnstyledConsentToggle","label"],"mappings":"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","file":"unstyled.mjs","sourcesContent":["import React, { createContext, useContext, useState, useCallback, useEffect, ReactNode } from 'react';\n\nexport interface ConsentCategories {\n  necessary: boolean;\n  analytics: boolean;\n  marketing: boolean;\n  functional: boolean;\n  [key: string]: boolean;\n}\n\nexport interface ConsentState {\n  hasUserConsented: boolean;\n  consentState: ConsentCategories;\n  showBanner: boolean;\n  showSettings: boolean;\n}\n\nexport interface ConsentActions {\n  acceptAll: () => void;\n  rejectAll: () => void;\n  savePreferences: (preferences: Partial<ConsentCategories>) => void;\n  openSettings: () => void;\n  closeSettings: () => void;\n  updateConsent: (category: keyof ConsentCategories, value: boolean) => void;\n}\n\nexport interface ConsentContextValue extends ConsentState, ConsentActions {}\n\nconst ConsentContext = createContext<ConsentContextValue | undefined>(undefined);\n\nexport interface ConsentProviderProps {\n  children: ReactNode;\n  initialConsent?: Partial<ConsentCategories>;\n  onConsentChange?: (consent: ConsentCategories) => void;\n  storageKey?: string;\n}\n\nconst defaultConsent: ConsentCategories = {\n  necessary: true, // Always true\n  analytics: false,\n  marketing: false,\n  functional: false,\n};\n\nexport function ConsentProvider({\n  children,\n  initialConsent = {},\n  onConsentChange,\n  storageKey = 'ndpr-consent',\n}: ConsentProviderProps) {\n  const [consentState, setConsentState] = useState<ConsentCategories>(() => {\n    // Try to load from localStorage\n    if (typeof window !== 'undefined') {\n      const stored = localStorage.getItem(storageKey);\n      if (stored) {\n        try {\n          const parsed = JSON.parse(stored);\n          return { ...defaultConsent, ...parsed };\n        } catch (e) {\n          console.error('Failed to parse consent from localStorage', e);\n        }\n      }\n    }\n    return { ...defaultConsent, ...initialConsent };\n  });\n\n  const [hasUserConsented, setHasUserConsented] = useState(() => {\n    if (typeof window !== 'undefined') {\n      return localStorage.getItem(`${storageKey}-set`) === 'true';\n    }\n    return false;\n  });\n\n  const [showBanner, setShowBanner] = useState(!hasUserConsented);\n  const [showSettings, setShowSettings] = useState(false);\n\n  // Persist consent to localStorage\n  useEffect(() => {\n    if (typeof window !== 'undefined' && hasUserConsented) {\n      localStorage.setItem(storageKey, JSON.stringify(consentState));\n      localStorage.setItem(`${storageKey}-set`, 'true');\n    }\n  }, [consentState, hasUserConsented, storageKey]);\n\n  // Notify parent of consent changes\n  useEffect(() => {\n    if (hasUserConsented && onConsentChange) {\n      onConsentChange(consentState);\n    }\n  }, [consentState, hasUserConsented, onConsentChange]);\n\n  const acceptAll = useCallback(() => {\n    const newConsent: ConsentCategories = {\n      necessary: true,\n      analytics: true,\n      marketing: true,\n      functional: true,\n    };\n    setConsentState(newConsent);\n    setHasUserConsented(true);\n    setShowBanner(false);\n    setShowSettings(false);\n  }, []);\n\n  const rejectAll = useCallback(() => {\n    const newConsent: ConsentCategories = {\n      necessary: true,\n      analytics: false,\n      marketing: false,\n      functional: false,\n    };\n    setConsentState(newConsent);\n    setHasUserConsented(true);\n    setShowBanner(false);\n    setShowSettings(false);\n  }, []);\n\n  const savePreferences = useCallback((preferences: Partial<ConsentCategories>) => {\n    setConsentState(prev => ({\n      ...prev,\n      ...preferences,\n      necessary: true, // Always keep necessary as true\n    }));\n    setHasUserConsented(true);\n    setShowBanner(false);\n    setShowSettings(false);\n  }, []);\n\n  const updateConsent = useCallback((category: keyof ConsentCategories, value: boolean) => {\n    if (category === 'necessary') return; // Can't change necessary cookies\n    \n    setConsentState(prev => ({\n      ...prev,\n      [category]: value,\n    }));\n  }, []);\n\n  const openSettings = useCallback(() => {\n    setShowSettings(true);\n    setShowBanner(false);\n  }, []);\n\n  const closeSettings = useCallback(() => {\n    setShowSettings(false);\n  }, []);\n\n  const value: ConsentContextValue = {\n    hasUserConsented,\n    consentState,\n    showBanner,\n    showSettings,\n    acceptAll,\n    rejectAll,\n    savePreferences,\n    openSettings,\n    closeSettings,\n    updateConsent,\n  };\n\n  return (\n    <ConsentContext.Provider value={value}>\n      {children}\n    </ConsentContext.Provider>\n  );\n}\n\nexport function useConsent() {\n  const context = useContext(ConsentContext);\n  if (!context) {\n    throw new Error('useConsent must be used within a ConsentProvider');\n  }\n  return context;\n}\n\n// Export for external use\nexport { ConsentContext };","import React, { ReactNode } from 'react';\nimport { useConsent } from '@/contexts/ConsentContext';\n\nexport interface UnstyledConsentBannerProps {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const UnstyledConsentBanner: React.FC<UnstyledConsentBannerProps> = ({\n  className,\n  children,\n}) => {\n  const { showBanner, acceptAll, rejectAll, openSettings } = useConsent();\n\n  if (!showBanner) return null;\n\n  return (\n    <div className={className} role=\"region\" aria-label=\"Cookie consent\">\n      {children || (\n        <>\n          <div>\n            <h3>Cookie Consent</h3>\n            <p>We use cookies to enhance your experience. By continuing to visit this site you agree to our use of cookies.</p>\n          </div>\n          <div>\n            <button onClick={acceptAll} aria-label=\"Accept all cookies\">\n              Accept All\n            </button>\n            <button onClick={rejectAll} aria-label=\"Reject non-essential cookies\">\n              Reject All\n            </button>\n            <button onClick={openSettings} aria-label=\"Manage cookie preferences\">\n              Manage Preferences\n            </button>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};","import React, { ReactNode } from 'react';\nimport { useConsent } from '@/contexts/ConsentContext';\n\nexport interface UnstyledConsentSettingsProps {\n  className?: string;\n  children?: ReactNode;\n}\n\nconst cookieCategories = [\n  {\n    id: 'necessary',\n    name: 'Necessary Cookies',\n    description: 'These cookies are essential for the website to function properly.',\n    disabled: true,\n  },\n  {\n    id: 'analytics',\n    name: 'Analytics Cookies',\n    description: 'These cookies help us understand how visitors interact with our website.',\n    disabled: false,\n  },\n  {\n    id: 'marketing',\n    name: 'Marketing Cookies',\n    description: 'These cookies are used to track visitors across websites for marketing purposes.',\n    disabled: false,\n  },\n  {\n    id: 'functional',\n    name: 'Functional Cookies',\n    description: 'These cookies enable personalized features and functionality.',\n    disabled: false,\n  },\n];\n\nexport const UnstyledConsentSettings: React.FC<UnstyledConsentSettingsProps> = ({\n  className,\n  children,\n}) => {\n  const { showSettings, consentState, updateConsent, savePreferences, closeSettings } = useConsent();\n\n  if (!showSettings) return null;\n\n  const handleSave = () => {\n    savePreferences(consentState);\n  };\n\n  return (\n    <div className={className} role=\"dialog\" aria-label=\"Cookie preferences\">\n      {children || (\n        <>\n          <div>\n            <h2>Cookie Preferences</h2>\n            <p>Manage your cookie preferences. You can enable or disable different categories of cookies below.</p>\n          </div>\n          \n          <div>\n            {cookieCategories.map((category) => (\n              <div key={category.id}>\n                <div>\n                  <h4>{category.name}</h4>\n                  <p>{category.description}</p>\n                </div>\n                <input\n                  type=\"checkbox\"\n                  checked={consentState[category.id as keyof typeof consentState]}\n                  onChange={(e) => updateConsent(category.id as keyof typeof consentState, e.target.checked)}\n                  disabled={category.disabled}\n                  aria-label={`Toggle ${category.name}`}\n                />\n              </div>\n            ))}\n          </div>\n\n          <div>\n            <button onClick={closeSettings} aria-label=\"Cancel changes\">\n              Cancel\n            </button>\n            <button onClick={handleSave} aria-label=\"Save cookie preferences\">\n              Save Preferences\n            </button>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};","import React from 'react';\nimport { useConsent } from '@/contexts/ConsentContext';\n\nexport interface UnstyledConsentToggleProps {\n  category: 'analytics' | 'marketing' | 'functional';\n  className?: string;\n  label?: string;\n}\n\nexport const UnstyledConsentToggle: React.FC<UnstyledConsentToggleProps> = ({\n  category,\n  className,\n  label,\n}) => {\n  const { consentState, updateConsent } = useConsent();\n\n  return (\n    <label className={className}>\n      <input\n        type=\"checkbox\"\n        checked={consentState[category]}\n        onChange={(e) => updateConsent(category, e.target.checked)}\n        aria-label={label || `Toggle ${category} cookies`}\n      />\n      {label && <span>{label}</span>}\n    </label>\n  );\n};"]}

package/package.json

@@ -1,71 +1,113 @@
 {
   "name": "@tantainnovative/ndpr-toolkit",
-  "version": "1.0.6",
-  "description": "A comprehensive toolkit for implementing NDPR-compliant features in web applications",
-  "main": "dist/index.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
+  "version": "1.0.9",
+  "private": false,
+  "description": "Nigerian Data Protection Compliance Toolkit for implementing NDPR and DPA compliant features",
   "scripts": {
-    "build": "rollup -c",
-    "dev": "rollup -c -w",
-    "test": "jest",
-    "lint": "eslint src --ext .ts,.tsx",
-    "prepublishOnly": "npm run build"
+    "dev": "next dev --turbopack",
+    "build": "next build",
+    "build:lib": "tsup",
+    "prepublishOnly": "pnpm build:lib",
+    "start": "next start",
+    "lint": "next lint",
+    "test": "jest --passWithNoTests",
+    "export": "next export",
+    "build:static": "next build",
+    "deploy": "next build && touch out/.nojekyll && gh-pages -d out",
+    "release": "standard-version",
+    "release:minor": "standard-version --release-as minor",
+    "release:major": "standard-version --release-as major",
+    "release:patch": "standard-version --release-as patch"
   },
   "keywords": [
     "ndpr",
+    "dpa",
+    "nigeria",
     "data-protection",
-    "privacy",
     "compliance",
-    "nigeria",
-    "consent",
-    "dpia",
-    "data-subject-rights",
-    "breach-notification"
+    "privacy",
+    "gdpr"
   ],
   "author": "Tanta Innovative",
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/tantainnovative/ndpr-toolkit"
+    "url": "git+https://github.com/tantainnovative/ndpr-toolkit.git"
+  },
+  "bugs": {
+    "url": "https://github.com/tantainnovative/ndpr-toolkit/issues"
   },
+  "homepage": "https://github.com/tantainnovative/ndpr-toolkit#readme",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./unstyled": {
+      "import": "./dist/unstyled.mjs",
+      "require": "./dist/unstyled.js"
+    },
+    "./styles": {
+      "import": "./dist/styles.css",
+      "require": "./dist/styles.css"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
   "publishConfig": {
     "access": "public"
   },
+  "dependencies": {
+    "@radix-ui/react-label": "^2.1.4",
+    "@radix-ui/react-slot": "^1.2.0",
+    "@radix-ui/react-switch": "^1.2.2",
+    "@radix-ui/react-tabs": "^1.1.9",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "jspdf": "^3.0.3",
+    "lucide-react": "^0.507.0",
+    "tailwind-merge": "^2.6.0",
+    "tslib": "^2.4.0",
+    "uuid": "^13.0.0"
+  },
   "peerDependencies": {
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "^22.0.0",
-    "@rollup/plugin-node-resolve": "^13.3.0",
-    "@rollup/plugin-typescript": "^8.3.2",
-    "@testing-library/jest-dom": "^5.17.0",
-    "@testing-library/react": "^13.4.0",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@testing-library/user-event": "^14.6.1",
-    "@types/jest": "^28.1.6",
-    "@types/react": "^18.0.0",
-    "@types/react-dom": "^18.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.27.0",
-    "@typescript-eslint/parser": "^5.27.0",
-    "eslint": "^8.16.0",
+    "@next/font": "^14.2.15",
+    "@tailwindcss/postcss": "^4.1.13",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@types/jest": "^29.5.0",
+    "@types/react": "^19.1.15",
+    "@types/react-dom": "^19.1.9",
+    "@typescript-eslint/eslint-plugin": "^8.0.0",
+    "@typescript-eslint/parser": "^8.0.0",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^9.0.0",
     "eslint-plugin-react": "^7.30.0",
     "eslint-plugin-react-hooks": "^4.5.0",
-    "identity-obj-proxy": "^3.0.0",
-    "jest": "^28.1.0",
-    "jest-environment-jsdom": "^28.1.3",
+    "gh-pages": "^6.3.0",
+    "husky": "^9.1.7",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "lint-staged": "^16.2.3",
+    "next": "^15.5.4",
+    "postcss": "^8.5.6",
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1",
     "react-test-renderer": "^18.2.0",
-    "rollup": "^2.75.5",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-terser": "^7.0.2",
-    "ts-jest": "^28.0.8",
-    "typescript": "^4.7.2"
-  },
-  "dependencies": {
-    "tslib": "^2.4.0"
+    "standard-version": "^9.5.0",
+    "tailwindcss": "^4.1.13",
+    "ts-jest": "^29.0.0",
+    "tsup": "^8.5.0",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5.0.0"
   }
 }

package/dist/components/breach/BreachNotificationManager.d.ts

@@ -1,62 +0,0 @@
-import React from 'react';
-import { BreachReport, RiskAssessment, RegulatoryNotification } from '../../types/breach';
-export interface BreachNotificationManagerProps {
-    /**
-     * List of breach reports to manage
-     */
-    breachReports: BreachReport[];
-    /**
-     * List of risk assessments
-     */
-    riskAssessments: RiskAssessment[];
-    /**
-     * List of regulatory notifications
-     */
-    regulatoryNotifications: RegulatoryNotification[];
-    /**
-     * Callback function called when a breach is selected
-     */
-    onSelectBreach?: (breachId: string) => void;
-    /**
-     * Callback function called when a risk assessment is requested
-     */
-    onRequestAssessment?: (breachId: string) => void;
-    /**
-     * Callback function called when a notification is requested
-     */
-    onRequestNotification?: (breachId: string) => void;
-    /**
-     * Title displayed on the manager
-     * @default "Breach Notification Manager"
-     */
-    title?: string;
-    /**
-     * Description text displayed on the manager
-     * @default "Manage data breach notifications and track compliance with NDPR requirements."
-     */
-    description?: string;
-    /**
-     * Custom CSS class for the manager
-     */
-    className?: string;
-    /**
-     * Custom CSS class for the buttons
-     */
-    buttonClassName?: string;
-    /**
-     * Whether to show the breach details
-     * @default true
-     */
-    showBreachDetails?: boolean;
-    /**
-     * Whether to show the notification timeline
-     * @default true
-     */
-    showNotificationTimeline?: boolean;
-    /**
-     * Whether to show the deadline alerts
-     * @default true
-     */
-    showDeadlineAlerts?: boolean;
-}
-export declare const BreachNotificationManager: React.FC<BreachNotificationManagerProps>;

package/dist/components/breach/BreachReportForm.d.ts

@@ -1,66 +0,0 @@
-import React from 'react';
-import { BreachCategory } from '../../types/breach';
-export interface BreachReportFormProps {
-    /**
-     * Available breach categories
-     */
-    categories: BreachCategory[];
-    /**
-     * Callback function called when form is submitted
-     */
-    onSubmit: (formData: any) => void;
-    /**
-     * Title displayed on the form
-     * @default "Report a Data Breach"
-     */
-    title?: string;
-    /**
-     * Description text displayed on the form
-     * @default "Use this form to report a suspected or confirmed data breach. All fields marked with * are required."
-     */
-    formDescription?: string;
-    /**
-     * Text for the submit button
-     * @default "Submit Report"
-     */
-    submitButtonText?: string;
-    /**
-     * Custom CSS class for the form
-     */
-    className?: string;
-    /**
-     * Custom CSS class for the submit button
-     */
-    buttonClassName?: string;
-    /**
-     * Whether to show a confirmation message after submission
-     * @default true
-     */
-    showConfirmation?: boolean;
-    /**
-     * Confirmation message to display after submission
-     * @default "Your breach report has been submitted successfully. The data protection team has been notified."
-     */
-    confirmationMessage?: string;
-    /**
-     * Whether to allow file attachments
-     * @default true
-     */
-    allowAttachments?: boolean;
-    /**
-     * Maximum number of attachments allowed
-     * @default 5
-     */
-    maxAttachments?: number;
-    /**
-     * Maximum file size for attachments (in bytes)
-     * @default 5242880 (5MB)
-     */
-    maxFileSize?: number;
-    /**
-     * Allowed file types for attachments
-     * @default ['.pdf', '.jpg', '.jpeg', '.png', '.doc', '.docx', '.xls', '.xlsx', '.txt']
-     */
-    allowedFileTypes?: string[];
-}
-export declare const BreachReportForm: React.FC<BreachReportFormProps>;

package/dist/components/breach/BreachRiskAssessment.d.ts

@@ -1,50 +0,0 @@
-import React from 'react';
-import { BreachReport, RiskAssessment } from '../../types/breach';
-export interface BreachRiskAssessmentProps {
-    /**
-     * The breach data to assess
-     */
-    breachData: BreachReport;
-    /**
-     * Initial assessment data (if editing an existing assessment)
-     */
-    initialAssessment?: Partial<RiskAssessment>;
-    /**
-     * Callback function called when assessment is completed
-     */
-    onComplete: (assessment: RiskAssessment) => void;
-    /**
-     * Title displayed on the assessment form
-     * @default "Breach Risk Assessment"
-     */
-    title?: string;
-    /**
-     * Description text displayed on the assessment form
-     * @default "Assess the risk level of this data breach to determine notification requirements."
-     */
-    description?: string;
-    /**
-     * Text for the submit button
-     * @default "Complete Assessment"
-     */
-    submitButtonText?: string;
-    /**
-     * Custom CSS class for the form
-     */
-    className?: string;
-    /**
-     * Custom CSS class for the submit button
-     */
-    buttonClassName?: string;
-    /**
-     * Whether to show the breach summary
-     * @default true
-     */
-    showBreachSummary?: boolean;
-    /**
-     * Whether to show notification requirements after assessment
-     * @default true
-     */
-    showNotificationRequirements?: boolean;
-}
-export declare const BreachRiskAssessment: React.FC<BreachRiskAssessmentProps>;

package/dist/components/breach/RegulatoryReportGenerator.d.ts

@@ -1,94 +0,0 @@
-import React from 'react';
-import { BreachReport, RiskAssessment, RegulatoryNotification } from '../../types/breach';
-export interface OrganizationInfo {
-    /**
-     * Name of the organization
-     */
-    name: string;
-    /**
-     * Registration number or business ID
-     */
-    registrationNumber?: string;
-    /**
-     * Physical address of the organization
-     */
-    address: string;
-    /**
-     * Website URL
-     */
-    website?: string;
-    /**
-     * Name of the Data Protection Officer
-     */
-    dpoName: string;
-    /**
-     * Email of the Data Protection Officer
-     */
-    dpoEmail: string;
-    /**
-     * Phone number of the Data Protection Officer
-     */
-    dpoPhone?: string;
-}
-export interface RegulatoryReportGeneratorProps {
-    /**
-     * The breach data to include in the report
-     */
-    breachData: BreachReport;
-    /**
-     * The risk assessment data
-     */
-    assessmentData?: RiskAssessment;
-    /**
-     * Organization information to include in the report
-     */
-    organizationInfo: OrganizationInfo;
-    /**
-     * Callback function called when the report is generated
-     */
-    onGenerate: (report: RegulatoryNotification) => void;
-    /**
-     * Title displayed on the generator form
-     * @default "Generate NITDA Notification Report"
-     */
-    title?: string;
-    /**
-     * Description text displayed on the generator form
-     * @default "Generate a report for submission to NITDA in compliance with the NDPR breach notification requirements."
-     */
-    description?: string;
-    /**
-     * Text for the generate button
-     * @default "Generate Report"
-     */
-    generateButtonText?: string;
-    /**
-     * Custom CSS class for the form
-     */
-    className?: string;
-    /**
-     * Custom CSS class for the buttons
-     */
-    buttonClassName?: string;
-    /**
-     * Whether to show a preview of the generated report
-     * @default true
-     */
-    showPreview?: boolean;
-    /**
-     * Whether to allow editing the report content
-     * @default true
-     */
-    allowEditing?: boolean;
-    /**
-     * Whether to allow downloading the report
-     * @default true
-     */
-    allowDownload?: boolean;
-    /**
-     * Format for downloading the report
-     * @default "pdf"
-     */
-    downloadFormat?: 'pdf' | 'docx' | 'html';
-}
-export declare const RegulatoryReportGenerator: React.FC<RegulatoryReportGeneratorProps>;