@devalok/shilp-sutra 0.36.0 → 0.37.0-next.0

package/dist/composed/status-badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"status-badge.js","names":[],"sources":["../../src/composed/status-badge.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { motion, AnimatePresence } from 'framer-motion'\nimport { IconChevronDown } from '@tabler/icons-react'\n\nimport { Icon } from '../ui/icon'\nimport { motionProps } from '../ui/lib/motion'\nimport { cn } from '../ui/lib/utils'\n\nconst statusBadgeVariants = cva(\n  'inline-flex items-center gap-ds-02b rounded-ds-full font-body',\n  {\n    variants: {\n      status: {\n        active: 'bg-success-3 text-success-11',\n        pending: 'bg-warning-3 text-warning-11',\n        approved: 'bg-success-3 text-success-11',\n        rejected: 'bg-error-3 text-error-11',\n        completed: 'bg-success-3 text-success-11',\n        blocked: 'bg-error-3 text-error-11',\n        'in-progress': 'bg-accent-3 text-accent-11',\n        review: 'bg-info-3 text-info-11',\n        cancelled: 'bg-surface-raised text-surface-fg-subtle',\n        draft: 'bg-surface-raised text-surface-fg-subtle',\n      },\n      color: {\n        success: 'bg-success-3 text-success-11',\n        warning: 'bg-warning-3 text-warning-11',\n        error: 'bg-error-3 text-error-11',\n        info: 'bg-info-3 text-info-11',\n        neutral: 'bg-surface-raised text-surface-fg-subtle',\n      },\n      size: {\n        sm: 'px-ds-03 py-ds-01 text-ds-xs font-semibold',\n        md: 'px-ds-04 py-ds-02 text-ds-sm font-medium',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst dotColorMap: Record<string, string> = {\n  active: 'bg-success-9',\n  pending: 'bg-warning-9',\n  approved: 'bg-success-9',\n  rejected: 'bg-error-9',\n  completed: 'bg-success-9',\n  blocked: 'bg-error-9',\n  'in-progress': 'bg-accent-9',\n  review: 'bg-info-9',\n  cancelled: 'bg-disabled',\n  draft: 'bg-surface-fg-subtle',\n}\n\nconst colorDotMap: Record<string, string> = {\n  success: 'bg-success-9',\n  warning: 'bg-warning-9',\n  error: 'bg-error-9',\n  info: 'bg-info-9',\n  neutral: 'bg-surface-fg-subtle',\n}\n\ninterface StatusBadgeBaseProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children' | 'color'> {\n  label?: string\n  hideDot?: boolean\n  size?: VariantProps<typeof statusBadgeVariants>['size']\n  onClick?: () => void\n  icon?: React.ReactNode\n}\n\ninterface StatusBadgeWithStatus extends StatusBadgeBaseProps {\n  status?: VariantProps<typeof statusBadgeVariants>['status']\n  color?: never\n}\n\ninterface StatusBadgeWithColor extends StatusBadgeBaseProps {\n  status?: never\n  color: 'success' | 'warning' | 'error' | 'info' | 'neutral'\n}\n\nexport type StatusBadgeProps = StatusBadgeWithStatus | StatusBadgeWithColor\n\n/* Between durations.moderate02 (0.24) and durations.slow01 (0.4) — intentional for smooth morph */\nconst statusMorphTransition = { duration: 0.3, ease: 'easeOut' as const }\n\nconst StatusBadge = React.forwardRef<HTMLSpanElement, StatusBadgeProps>(\n  ({ status, color, size, label, hideDot = false, onClick, icon, className, ...props }, ref) => {\n    const isClickable = onClick != null\n    const Tag = isClickable ? motion.button : motion.span\n    const clickableClasses = isClickable ? 'cursor-pointer hover:opacity-80 transition-opacity' : undefined\n\n    const trailingIcon = icon != null\n      ? icon\n      : isClickable\n        ? <Icon icon={IconChevronDown} size=\"xs\" className=\"text-current/50 -mr-0.5 shrink-0\" />\n        : null\n\n    if (color != null) {\n      // Color branch — color is the styling key\n      const displayLabel = label ?? (color.charAt(0).toUpperCase() + color.slice(1))\n      const dotColor = colorDotMap[color]\n\n      return (\n        <AnimatePresence mode=\"wait\">\n          <Tag\n            key={color}\n            ref={ref as any}\n            {...(isClickable ? { type: 'button' as const, onClick } : {})}\n            initial={{ opacity: 0.6, scale: 0.95 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0.6, scale: 0.95 }}\n            transition={statusMorphTransition}\n            className={cn(\n              statusBadgeVariants({ color, size }),\n              clickableClasses,\n              className,\n            )}\n            {...motionProps(props)}\n          >\n            {!hideDot && (\n              <span\n                className={cn(\n                  'shrink-0 rounded-ds-full',\n                  size === 'sm' ? 'h-ds-02b w-ds-02b' : 'h-[8px] w-[8px]',\n                  dotColor,\n                )}\n                aria-hidden=\"true\"\n              />\n            )}\n            {displayLabel}\n            {trailingIcon}\n          </Tag>\n        </AnimatePresence>\n      )\n    }\n\n    // Status branch — derive styling from status (default: 'pending')\n    const statusKey = status ?? 'pending'\n    const displayLabel = label ?? (statusKey.charAt(0).toUpperCase() + statusKey.slice(1))\n    const dotColor = dotColorMap[statusKey]\n\n    return (\n      <AnimatePresence mode=\"wait\">\n        <Tag\n          key={statusKey}\n          ref={ref as any}\n          {...(isClickable ? { type: 'button' as const, onClick } : {})}\n          initial={{ opacity: 0.6 }}\n          animate={{ opacity: 1 }}\n          exit={{ opacity: 0.6 }}\n          transition={statusMorphTransition}\n          className={cn(\n            statusBadgeVariants({ status: statusKey, size }),\n            clickableClasses,\n            className,\n          )}\n          {...motionProps(props)}\n        >\n          {!hideDot && (\n            <span\n              className={cn(\n                'shrink-0 rounded-ds-full',\n                size === 'sm' ? 'h-ds-02b w-ds-02b' : 'h-[8px] w-[8px]',\n                dotColor,\n              )}\n              aria-hidden=\"true\"\n            />\n          )}\n          {displayLabel}\n          {trailingIcon}\n        </Tag>\n      </AnimatePresence>\n    )\n  },\n)\nStatusBadge.displayName = 'StatusBadge'\n\nexport { StatusBadge, statusBadgeVariants }\n"],"mappings":";;;;;;;;;;AAWA,IAAM,IAAsB,EAC1B,iEACA;CACE,UAAU;EACR,QAAQ;GACN,QAAQ;GACR,SAAS;GACT,UAAU;GACV,UAAU;GACV,WAAW;GACX,SAAS;GACT,eAAe;GACf,QAAQ;GACR,WAAW;GACX,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,SAAS;GACT,OAAO;GACP,MAAM;GACN,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEK,IAAsC;CAC1C,QAAQ;CACR,SAAS;CACT,UAAU;CACV,UAAU;CACV,WAAW;CACX,SAAS;CACT,eAAe;CACf,QAAQ;CACR,WAAW;CACX,OAAO;CACR,EAEK,IAAsC;CAC1C,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,SAAS;CACV,EAuBK,IAAwB;CAAE,UAAU;CAAK,MAAM;CAAoB,EAEnE,IAAc,EAAM,YACvB,EAAE,WAAQ,UAAO,SAAM,UAAO,aAAU,IAAO,YAAS,SAAM,cAAW,GAAG,KAAS,MAAQ;CAC5F,IAAM,IAAc,KAAW,MACzB,IAAM,IAAc,EAAO,SAAS,EAAO,MAC3C,IAAmB,IAAc,uDAAuD,KAAA,GAExF,IAAe,MAEjB,IACE,kBAAC,GAAD;EAAM,MAAM;EAAiB,MAAK;EAAK,WAAU;EAAqC,CAAA,GACtF;AAEN,KAAI,KAAS,MAAM;EAEjB,IAAM,IAAe,KAAU,EAAM,OAAO,EAAE,CAAC,aAAa,GAAG,EAAM,MAAM,EAAE,EACvE,IAAW,EAAY;AAE7B,SACE,kBAAC,GAAD;GAAiB,MAAK;aACpB,kBAAC,GAAD;IAEO;IACL,GAAK,IAAc;KAAE,MAAM;KAAmB;KAAS,GAAG,EAAE;IAC5D,SAAS;KAAE,SAAS;KAAK,OAAO;KAAM;IACtC,SAAS;KAAE,SAAS;KAAG,OAAO;KAAG;IACjC,MAAM;KAAE,SAAS;KAAK,OAAO;KAAM;IACnC,YAAY;IACZ,WAAW,EACT,EAAoB;KAAE;KAAO;KAAM,CAAC,EACpC,GACA,EACD;IACD,GAAI,EAAY,EAAM;cAbxB;KAeG,CAAC,KACA,kBAAC,QAAD;MACE,WAAW,EACT,4BACA,MAAS,OAAO,sBAAsB,mBACtC,EACD;MACD,eAAY;MACZ,CAAA;KAEH;KACA;KACG;MA1BC,EA0BD;GACU,CAAA;;CAKtB,IAAM,IAAY,KAAU,WACtB,IAAe,KAAU,EAAU,OAAO,EAAE,CAAC,aAAa,GAAG,EAAU,MAAM,EAAE,EAC/E,IAAW,EAAY;AAE7B,QACE,kBAAC,GAAD;EAAiB,MAAK;YACpB,kBAAC,GAAD;GAEO;GACL,GAAK,IAAc;IAAE,MAAM;IAAmB;IAAS,GAAG,EAAE;GAC5D,SAAS,EAAE,SAAS,IAAK;GACzB,SAAS,EAAE,SAAS,GAAG;GACvB,MAAM,EAAE,SAAS,IAAK;GACtB,YAAY;GACZ,WAAW,EACT,EAAoB;IAAE,QAAQ;IAAW;IAAM,CAAC,EAChD,GACA,EACD;GACD,GAAI,EAAY,EAAM;aAbxB;IAeG,CAAC,KACA,kBAAC,QAAD;KACE,WAAW,EACT,4BACA,MAAS,OAAO,sBAAsB,mBACtC,EACD;KACD,eAAY;KACZ,CAAA;IAEH;IACA;IACG;KA1BC,EA0BD;EACU,CAAA;EAGvB;AACD,EAAY,cAAc"}
+{"version":3,"file":"status-badge.js","names":[],"sources":["../../src/composed/status-badge.tsx"],"sourcesContent":["'use client'\n\nimport { IconChevronDown } from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { AnimatePresence,motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { Icon } from '../ui/icon'\nimport { motionProps } from '../ui/lib/motion'\nimport { cn } from '../ui/lib/utils'\n\nconst statusBadgeVariants = cva(\n  'inline-flex items-center gap-ds-02b rounded-ds-full font-body',\n  {\n    variants: {\n      status: {\n        active: 'bg-success-3 text-success-11',\n        pending: 'bg-warning-3 text-warning-11',\n        approved: 'bg-success-3 text-success-11',\n        rejected: 'bg-error-3 text-error-11',\n        completed: 'bg-success-3 text-success-11',\n        blocked: 'bg-error-3 text-error-11',\n        'in-progress': 'bg-accent-3 text-accent-11',\n        review: 'bg-info-3 text-info-11',\n        cancelled: 'bg-surface-raised text-surface-fg-subtle',\n        draft: 'bg-surface-raised text-surface-fg-subtle',\n      },\n      color: {\n        success: 'bg-success-3 text-success-11',\n        warning: 'bg-warning-3 text-warning-11',\n        error: 'bg-error-3 text-error-11',\n        info: 'bg-info-3 text-info-11',\n        neutral: 'bg-surface-raised text-surface-fg-subtle',\n      },\n      size: {\n        sm: 'px-ds-03 py-ds-01 text-ds-xs font-semibold',\n        md: 'px-ds-04 py-ds-02 text-ds-sm font-medium',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  },\n)\n\nconst dotColorMap: Record<string, string> = {\n  active: 'bg-success-9',\n  pending: 'bg-warning-9',\n  approved: 'bg-success-9',\n  rejected: 'bg-error-9',\n  completed: 'bg-success-9',\n  blocked: 'bg-error-9',\n  'in-progress': 'bg-accent-9',\n  review: 'bg-info-9',\n  cancelled: 'bg-disabled',\n  draft: 'bg-surface-fg-subtle',\n}\n\nconst colorDotMap: Record<string, string> = {\n  success: 'bg-success-9',\n  warning: 'bg-warning-9',\n  error: 'bg-error-9',\n  info: 'bg-info-9',\n  neutral: 'bg-surface-fg-subtle',\n}\n\ninterface StatusBadgeBaseProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children' | 'color'> {\n  label?: string\n  hideDot?: boolean\n  size?: VariantProps<typeof statusBadgeVariants>['size']\n  onClick?: () => void\n  icon?: React.ReactNode\n}\n\ninterface StatusBadgeWithStatus extends StatusBadgeBaseProps {\n  status?: VariantProps<typeof statusBadgeVariants>['status']\n  color?: never\n}\n\ninterface StatusBadgeWithColor extends StatusBadgeBaseProps {\n  status?: never\n  color: 'success' | 'warning' | 'error' | 'info' | 'neutral'\n}\n\nexport type StatusBadgeProps = StatusBadgeWithStatus | StatusBadgeWithColor\n\n/* Between durations.moderate02 (0.24) and durations.slow01 (0.4) — intentional for smooth morph */\nconst statusMorphTransition = { duration: 0.3, ease: 'easeOut' as const }\n\nconst StatusBadge = React.forwardRef<HTMLSpanElement, StatusBadgeProps>(\n  ({ status, color, size, label, hideDot = false, onClick, icon, className, ...props }, ref) => {\n    const isClickable = onClick != null\n    const Tag = isClickable ? motion.button : motion.span\n    const clickableClasses = isClickable ? 'cursor-pointer hover:opacity-80 transition-opacity' : undefined\n\n    const trailingIcon = icon != null\n      ? icon\n      : isClickable\n        ? <Icon icon={IconChevronDown} size=\"xs\" className=\"text-current/50 -mr-0.5 shrink-0\" />\n        : null\n\n    if (color != null) {\n      // Color branch — color is the styling key\n      const displayLabel = label ?? (color.charAt(0).toUpperCase() + color.slice(1))\n      const dotColor = colorDotMap[color]\n\n      return (\n        <AnimatePresence mode=\"wait\">\n          <Tag\n            key={color}\n            ref={ref as any}\n            {...(isClickable ? { type: 'button' as const, onClick } : {})}\n            initial={{ opacity: 0.6, scale: 0.95 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0.6, scale: 0.95 }}\n            transition={statusMorphTransition}\n            className={cn(\n              statusBadgeVariants({ color, size }),\n              clickableClasses,\n              className,\n            )}\n            {...motionProps(props)}\n          >\n            {!hideDot && (\n              <span\n                className={cn(\n                  'shrink-0 rounded-ds-full',\n                  size === 'sm' ? 'h-ds-02b w-ds-02b' : 'h-[8px] w-[8px]',\n                  dotColor,\n                )}\n                aria-hidden=\"true\"\n              />\n            )}\n            {displayLabel}\n            {trailingIcon}\n          </Tag>\n        </AnimatePresence>\n      )\n    }\n\n    // Status branch — derive styling from status (default: 'pending')\n    const statusKey = status ?? 'pending'\n    const displayLabel = label ?? (statusKey.charAt(0).toUpperCase() + statusKey.slice(1))\n    const dotColor = dotColorMap[statusKey]\n\n    return (\n      <AnimatePresence mode=\"wait\">\n        <Tag\n          key={statusKey}\n          ref={ref as any}\n          {...(isClickable ? { type: 'button' as const, onClick } : {})}\n          initial={{ opacity: 0.6 }}\n          animate={{ opacity: 1 }}\n          exit={{ opacity: 0.6 }}\n          transition={statusMorphTransition}\n          className={cn(\n            statusBadgeVariants({ status: statusKey, size }),\n            clickableClasses,\n            className,\n          )}\n          {...motionProps(props)}\n        >\n          {!hideDot && (\n            <span\n              className={cn(\n                'shrink-0 rounded-ds-full',\n                size === 'sm' ? 'h-ds-02b w-ds-02b' : 'h-[8px] w-[8px]',\n                dotColor,\n              )}\n              aria-hidden=\"true\"\n            />\n          )}\n          {displayLabel}\n          {trailingIcon}\n        </Tag>\n      </AnimatePresence>\n    )\n  },\n)\nStatusBadge.displayName = 'StatusBadge'\n\nexport { StatusBadge, statusBadgeVariants }\n"],"mappings":";;;;;;;;;;AAWA,IAAM,IAAsB,EAC1B,iEACA;CACE,UAAU;EACR,QAAQ;GACN,QAAQ;GACR,SAAS;GACT,UAAU;GACV,UAAU;GACV,WAAW;GACX,SAAS;GACT,eAAe;GACf,QAAQ;GACR,WAAW;GACX,OAAO;GACR;EACD,OAAO;GACL,SAAS;GACT,SAAS;GACT,OAAO;GACP,MAAM;GACN,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CACF,EAEK,IAAsC;CAC1C,QAAQ;CACR,SAAS;CACT,UAAU;CACV,UAAU;CACV,WAAW;CACX,SAAS;CACT,eAAe;CACf,QAAQ;CACR,WAAW;CACX,OAAO;CACR,EAEK,IAAsC;CAC1C,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,SAAS;CACV,EAuBK,IAAwB;CAAE,UAAU;CAAK,MAAM;CAAoB,EAEnE,IAAc,EAAM,YACvB,EAAE,WAAQ,UAAO,SAAM,UAAO,aAAU,IAAO,YAAS,SAAM,cAAW,GAAG,KAAS,MAAQ;CAC5F,IAAM,IAAc,KAAW,MACzB,IAAM,IAAc,EAAO,SAAS,EAAO,MAC3C,IAAmB,IAAc,uDAAuD,KAAA,GAExF,IAAe,MAEjB,IACE,kBAAC,GAAD;EAAM,MAAM;EAAiB,MAAK;EAAK,WAAU;EAAqC,CAAA,GACtF;AAEN,KAAI,KAAS,MAAM;EAEjB,IAAM,IAAe,KAAU,EAAM,OAAO,EAAE,CAAC,aAAa,GAAG,EAAM,MAAM,EAAE,EACvE,IAAW,EAAY;AAE7B,SACE,kBAAC,GAAD;GAAiB,MAAK;aACpB,kBAAC,GAAD;IAEO;IACL,GAAK,IAAc;KAAE,MAAM;KAAmB;KAAS,GAAG,EAAE;IAC5D,SAAS;KAAE,SAAS;KAAK,OAAO;KAAM;IACtC,SAAS;KAAE,SAAS;KAAG,OAAO;KAAG;IACjC,MAAM;KAAE,SAAS;KAAK,OAAO;KAAM;IACnC,YAAY;IACZ,WAAW,EACT,EAAoB;KAAE;KAAO;KAAM,CAAC,EACpC,GACA,EACD;IACD,GAAI,EAAY,EAAM;cAbxB;KAeG,CAAC,KACA,kBAAC,QAAD;MACE,WAAW,EACT,4BACA,MAAS,OAAO,sBAAsB,mBACtC,EACD;MACD,eAAY;MACZ,CAAA;KAEH;KACA;KACG;MA1BC,EA0BD;GACU,CAAA;;CAKtB,IAAM,IAAY,KAAU,WACtB,IAAe,KAAU,EAAU,OAAO,EAAE,CAAC,aAAa,GAAG,EAAU,MAAM,EAAE,EAC/E,IAAW,EAAY;AAE7B,QACE,kBAAC,GAAD;EAAiB,MAAK;YACpB,kBAAC,GAAD;GAEO;GACL,GAAK,IAAc;IAAE,MAAM;IAAmB;IAAS,GAAG,EAAE;GAC5D,SAAS,EAAE,SAAS,IAAK;GACzB,SAAS,EAAE,SAAS,GAAG;GACvB,MAAM,EAAE,SAAS,IAAK;GACtB,YAAY;GACZ,WAAW,EACT,EAAoB;IAAE,QAAQ;IAAW;IAAM,CAAC,EAChD,GACA,EACD;GACD,GAAI,EAAY,EAAM;aAbxB;IAeG,CAAC,KACA,kBAAC,QAAD;KACE,WAAW,EACT,4BACA,MAAS,OAAO,sBAAsB,mBACtC,EACD;KACD,eAAY;KACZ,CAAA;IAEH;IACA;IACG;KA1BC,EA0BD;EACU,CAAA;EAGvB;AACD,EAAY,cAAc"}

package/dist/hooks/index.d.ts

@@ -1,8 +1,8 @@
 "use client";
-export { useColorMode, type ColorMode } from './use-color-mode';
+export { type ColorMode, useColorMode } from './use-color-mode';
 export { useIsMobile } from './use-mobile';
+export type { ToastActionOptions, ToastOptions, ToastType, ToastUndoOptions, ToastUploadOptions, UploadFile, } from './use-toast';
+export { toast } from './use-toast';
 export { useTouchDevice } from './use-touch-device';
 export { useViewportHeight } from './use-viewport-height';
-export { toast } from './use-toast';
-export type { UploadFile, ToastActionOptions, ToastUndoOptions, ToastUploadOptions, ToastOptions, ToastType, } from './use-toast';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,YAAY,EACV,UAAU,EACV,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,SAAS,GACV,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAC,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC1C,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,GACX,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA"}

package/dist/hooks/index.js

@@ -2,7 +2,7 @@
 import { useIsMobile as e } from "./use-mobile.js";
 import { toast as t } from "../ui/toast.js";
 import { useColorMode as n } from "./use-color-mode.js";
+import "./use-toast.js";
 import { useTouchDevice as r } from "./use-touch-device.js";
 import { useViewportHeight as i } from "./use-viewport-height.js";
-import "./use-toast.js";
 export { t as toast, n as useColorMode, e as useIsMobile, r as useTouchDevice, i as useViewportHeight };

package/dist/hooks/use-color-mode.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-color-mode.js","names":[],"sources":["../../src/hooks/use-color-mode.ts"],"sourcesContent":["'use client'\n\nimport { useState, useCallback, useEffect } from 'react'\n\nexport type ColorMode = 'light' | 'dark' | 'system'\n\nfunction resolveMode(mode: ColorMode): 'light' | 'dark' {\n  if (mode === 'system') {\n    if (typeof window === 'undefined') return 'light'\n    return window.matchMedia('(prefers-color-scheme: dark)').matches\n      ? 'dark'\n      : 'light'\n  }\n  return mode\n}\n\nexport function useColorMode() {\n  const [mode, setModeState] = useState<ColorMode>(() => {\n    if (typeof window === 'undefined') return 'system'\n    const stored = localStorage.getItem('theme')\n    return stored === 'light' || stored === 'dark' || stored === 'system' ? stored : 'system'\n  })\n\n  const setColorMode = useCallback((newMode: ColorMode) => {\n    const resolved = resolveMode(newMode)\n    document.documentElement.classList.toggle('dark', resolved === 'dark')\n    localStorage.setItem('theme', newMode)\n    document.cookie = `theme=${newMode};path=/;max-age=31536000;SameSite=Lax`\n    setModeState(newMode)\n  }, [])\n\n  const toggleColorMode = useCallback(() => {\n    const isDark = document.documentElement.classList.contains('dark')\n    setColorMode(isDark ? 'light' : 'dark')\n  }, [setColorMode])\n\n  useEffect(() => {\n    if (mode !== 'system') return\n    const mq = window.matchMedia('(prefers-color-scheme: dark)')\n    const handler = (e: MediaQueryListEvent) => {\n      document.documentElement.classList.toggle('dark', e.matches)\n    }\n    mq.addEventListener('change', handler)\n    return () => mq.removeEventListener('change', handler)\n  }, [mode])\n\n  return { colorMode: mode, setColorMode, toggleColorMode } as const\n}\n"],"mappings":";;;AAMA,SAAS,EAAY,GAAmC;AAOtD,QANI,MAAS,WACP,OAAO,SAAW,MAAoB,UACnC,OAAO,WAAW,+BAA+B,CAAC,UACrD,SACA,UAEC;;AAGT,SAAgB,IAAe;CAC7B,IAAM,CAAC,GAAM,KAAgB,QAA0B;AACrD,MAAI,OAAO,SAAW,IAAa,QAAO;EAC1C,IAAM,IAAS,aAAa,QAAQ,QAAQ;AAC5C,SAAO,MAAW,WAAW,MAAW,UAAU,MAAW,WAAW,IAAS;GACjF,EAEI,IAAe,GAAa,MAAuB;EACvD,IAAM,IAAW,EAAY,EAAQ;AAIrC,EAHA,SAAS,gBAAgB,UAAU,OAAO,QAAQ,MAAa,OAAO,EACtE,aAAa,QAAQ,SAAS,EAAQ,EACtC,SAAS,SAAS,SAAS,EAAQ,wCACnC,EAAa,EAAQ;IACpB,EAAE,CAAC,EAEA,IAAkB,QAAkB;AAExC,IADe,SAAS,gBAAgB,UAAU,SAAS,OAAO,GAC5C,UAAU,OAAO;IACtC,CAAC,EAAa,CAAC;AAYlB,QAVA,QAAgB;AACd,MAAI,MAAS,SAAU;EACvB,IAAM,IAAK,OAAO,WAAW,+BAA+B,EACtD,KAAW,MAA2B;AAC1C,YAAS,gBAAgB,UAAU,OAAO,QAAQ,EAAE,QAAQ;;AAG9D,SADA,EAAG,iBAAiB,UAAU,EAAQ,QACzB,EAAG,oBAAoB,UAAU,EAAQ;IACrD,CAAC,EAAK,CAAC,EAEH;EAAE,WAAW;EAAM;EAAc;EAAiB"}
+{"version":3,"file":"use-color-mode.js","names":[],"sources":["../../src/hooks/use-color-mode.ts"],"sourcesContent":["'use client'\n\nimport { useCallback, useEffect,useState } from 'react'\n\nexport type ColorMode = 'light' | 'dark' | 'system'\n\nfunction resolveMode(mode: ColorMode): 'light' | 'dark' {\n  if (mode === 'system') {\n    if (typeof window === 'undefined') return 'light'\n    return window.matchMedia('(prefers-color-scheme: dark)').matches\n      ? 'dark'\n      : 'light'\n  }\n  return mode\n}\n\nexport function useColorMode() {\n  const [mode, setModeState] = useState<ColorMode>(() => {\n    if (typeof window === 'undefined') return 'system'\n    const stored = localStorage.getItem('theme')\n    return stored === 'light' || stored === 'dark' || stored === 'system' ? stored : 'system'\n  })\n\n  const setColorMode = useCallback((newMode: ColorMode) => {\n    const resolved = resolveMode(newMode)\n    document.documentElement.classList.toggle('dark', resolved === 'dark')\n    localStorage.setItem('theme', newMode)\n    document.cookie = `theme=${newMode};path=/;max-age=31536000;SameSite=Lax`\n    setModeState(newMode)\n  }, [])\n\n  const toggleColorMode = useCallback(() => {\n    const isDark = document.documentElement.classList.contains('dark')\n    setColorMode(isDark ? 'light' : 'dark')\n  }, [setColorMode])\n\n  useEffect(() => {\n    if (mode !== 'system') return\n    const mq = window.matchMedia('(prefers-color-scheme: dark)')\n    const handler = (e: MediaQueryListEvent) => {\n      document.documentElement.classList.toggle('dark', e.matches)\n    }\n    mq.addEventListener('change', handler)\n    return () => mq.removeEventListener('change', handler)\n  }, [mode])\n\n  return { colorMode: mode, setColorMode, toggleColorMode } as const\n}\n"],"mappings":";;;AAMA,SAAS,EAAY,GAAmC;AAOtD,QANI,MAAS,WACP,OAAO,SAAW,MAAoB,UACnC,OAAO,WAAW,+BAA+B,CAAC,UACrD,SACA,UAEC;;AAGT,SAAgB,IAAe;CAC7B,IAAM,CAAC,GAAM,KAAgB,QAA0B;AACrD,MAAI,OAAO,SAAW,IAAa,QAAO;EAC1C,IAAM,IAAS,aAAa,QAAQ,QAAQ;AAC5C,SAAO,MAAW,WAAW,MAAW,UAAU,MAAW,WAAW,IAAS;GACjF,EAEI,IAAe,GAAa,MAAuB;EACvD,IAAM,IAAW,EAAY,EAAQ;AAIrC,EAHA,SAAS,gBAAgB,UAAU,OAAO,QAAQ,MAAa,OAAO,EACtE,aAAa,QAAQ,SAAS,EAAQ,EACtC,SAAS,SAAS,SAAS,EAAQ,wCACnC,EAAa,EAAQ;IACpB,EAAE,CAAC,EAEA,IAAkB,QAAkB;AAExC,IADe,SAAS,gBAAgB,UAAU,SAAS,OAAO,GAC5C,UAAU,OAAO;IACtC,CAAC,EAAa,CAAC;AAYlB,QAVA,QAAgB;AACd,MAAI,MAAS,SAAU;EACvB,IAAM,IAAK,OAAO,WAAW,+BAA+B,EACtD,KAAW,MAA2B;AAC1C,YAAS,gBAAgB,UAAU,OAAO,QAAQ,EAAE,QAAQ;;AAG9D,SADA,EAAG,iBAAiB,UAAU,EAAQ,QACzB,EAAG,oBAAoB,UAAU,EAAQ;IACrD,CAAC,EAAK,CAAC,EAEH;EAAE,WAAW;EAAM;EAAc;EAAiB"}

package/dist/hooks/use-toast.d.ts

@@ -13,5 +13,5 @@
  * toast('Something happened')
  */
 export { toast } from '../ui/toast';
-export type { UploadFile, ToastActionOptions, ToastUndoOptions, ToastUploadOptions, ToastOptions, ToastType, } from '../ui/toast-types';
+export type { ToastActionOptions, ToastOptions, ToastType, ToastUndoOptions, ToastUploadOptions, UploadFile, } from '../ui/toast-types';
 //# sourceMappingURL=use-toast.d.ts.map

package/dist/hooks/use-toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-toast.d.ts","sourceRoot":"","sources":["../../src/hooks/use-toast.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,YAAY,EACV,UAAU,EACV,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,SAAS,GACV,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"use-toast.d.ts","sourceRoot":"","sources":["../../src/hooks/use-toast.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;GAYG;AACH,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AACnC,YAAY,EACV,kBAAkB,EAClB,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,kBAAkB,EAClB,UAAU,GACX,MAAM,mBAAmB,CAAA"}

package/dist/motion/index.d.ts

@@ -1,4 +1,4 @@
 "use client";
-export { MotionProvider, useMotion, type MotionProviderProps } from './motion-provider';
-export { springs, tweens, stagger, withReducedMotion, motionProps, type SpringPreset, type TweenPreset } from '../ui/lib/motion';
+export { motionProps, type SpringPreset, springs, stagger, type TweenPreset, tweens, withReducedMotion } from '../ui/lib/motion';
+export { MotionProvider, type MotionProviderProps, useMotion } from './motion-provider';
 //# sourceMappingURL=index.d.ts.map

package/dist/motion/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/motion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AACvF,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,KAAK,YAAY,EAAE,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/motion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,WAAW,EAAC,MAAM,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAC/H,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAC,SAAS,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/motion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/motion/check-motion-provider.ts","../../src/motion/index.ts"],"sourcesContent":["/**\n * Dev-mode hint for missing MotionProvider.\n *\n * If the consumer hasn't wrapped their app in <MotionProvider>, Framer Motion\n * animations still work but reduced-motion preferences won't propagate through\n * MotionConfig. This check emits a one-time console.info in dev mode.\n *\n * Only runs once, only in development, only in the browser.\n */\nlet checked = false\n\nexport function checkMotionProvider(): void {\n  if (checked) return\n  if (typeof window === 'undefined') return\n\n  // Skip in production\n  try {\n    // @ts-expect-error -- import.meta.env is Vite-specific, not in base TS lib\n    if (import.meta.env?.PROD) return\n  } catch { /* not in Vite */ }\n\n  checked = true\n\n  // eslint-disable-next-line no-console\n  console.info(\n    '[shilp-sutra] Tip: Wrap your app in <MotionProvider> for reduced-motion support ' +\n    'across all shilp-sutra animations. See https://www.npmjs.com/package/@devalok/shilp-sutra',\n  )\n}\n","export { MotionProvider, useMotion, type MotionProviderProps } from './motion-provider'\nexport { springs, tweens, stagger, withReducedMotion, motionProps, type SpringPreset, type TweenPreset } from '../ui/lib/motion'\n\nimport { checkMotionProvider } from './check-motion-provider'\ncheckMotionProvider()\n"],"mappings":";;;AASA,IAAI,IAAU;AAEd,SAAgB,IAA4B;AACtC,WACA,SAAO,SAAW,MAGtB;MAAI;AAEyB;UACrB;AAKR,EAHA,IAAU,IAGV,QAAQ,KACN,4KAED;;;;;ACvBH,GAAqB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/motion/check-motion-provider.ts","../../src/motion/index.ts"],"sourcesContent":["/**\n * Dev-mode hint for missing MotionProvider.\n *\n * If the consumer hasn't wrapped their app in <MotionProvider>, Framer Motion\n * animations still work but reduced-motion preferences won't propagate through\n * MotionConfig. This check emits a one-time console.info in dev mode.\n *\n * Only runs once, only in development, only in the browser.\n */\nlet checked = false\n\nexport function checkMotionProvider(): void {\n  if (checked) return\n  if (typeof window === 'undefined') return\n\n  // Skip in production\n  try {\n    // @ts-expect-error -- import.meta.env is Vite-specific, not in base TS lib\n    if (import.meta.env?.PROD) return\n  } catch { /* not in Vite */ }\n\n  checked = true\n\n  // eslint-disable-next-line no-console\n  console.info(\n    '[shilp-sutra] Tip: Wrap your app in <MotionProvider> for reduced-motion support ' +\n    'across all shilp-sutra animations. See https://www.npmjs.com/package/@devalok/shilp-sutra',\n  )\n}\n","export { motionProps, type SpringPreset, springs, stagger, type TweenPreset,tweens, withReducedMotion } from '../ui/lib/motion'\nexport { MotionProvider, type MotionProviderProps,useMotion } from './motion-provider'\n\nimport { checkMotionProvider } from './check-motion-provider'\ncheckMotionProvider()\n"],"mappings":";;;AASA,IAAI,IAAU;AAEd,SAAgB,IAA4B;AACtC,WACA,SAAO,SAAW,MAGtB;MAAI;AAEyB;UACrB;AAKR,EAHA,IAAU,IAGV,QAAQ,KACN,4KAED;;;;;ACvBH,GAAqB"}

package/dist/motion/motion-provider.d.ts

@@ -14,5 +14,5 @@ type MotionProviderProps = {
 };
 declare function MotionProvider({ children, reducedMotion }: MotionProviderProps): import("react/jsx-runtime").JSX.Element;
 declare function useMotion(): MotionContextValue;
-export { MotionProvider, useMotion, type MotionProviderProps };
+export { MotionProvider, type MotionProviderProps, useMotion };
 //# sourceMappingURL=motion-provider.d.ts.map

package/dist/motion/motion-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"motion-provider.d.ts","sourceRoot":"","sources":["../../src/motion/motion-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAElD,KAAK,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAA;AAEzC,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,OAAO,OAAO,CAAA;IACvB,MAAM,EAAE,OAAO,MAAM,CAAA;IACrB,aAAa,EAAE,OAAO,CAAA;CACvB,CAAA;AAQD,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wEAAwE;IACxE,aAAa,CAAC,EAAE,iBAAiB,CAAA;CAClC,CAAA;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,aAAsB,EAAE,EAAE,mBAAmB,2CAgBhF;AAED,iBAAS,SAAS,uBAEjB;AAED,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,KAAK,mBAAmB,EAAE,CAAA"}
+{"version":3,"file":"motion-provider.d.ts","sourceRoot":"","sources":["../../src/motion/motion-provider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAElD,KAAK,iBAAiB,GAAG,MAAM,GAAG,OAAO,CAAA;AAEzC,KAAK,kBAAkB,GAAG;IACxB,OAAO,EAAE,OAAO,OAAO,CAAA;IACvB,MAAM,EAAE,OAAO,MAAM,CAAA;IACrB,aAAa,EAAE,OAAO,CAAA;CACvB,CAAA;AAQD,KAAK,mBAAmB,GAAG;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wEAAwE;IACxE,aAAa,CAAC,EAAE,iBAAiB,CAAA;CAClC,CAAA;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,aAAsB,EAAE,EAAE,mBAAmB,2CAgBhF;AAED,iBAAS,SAAS,uBAEjB;AAED,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAC,SAAS,EAAE,CAAA"}

package/dist/motion/primitives-index.d.ts

@@ -1,3 +1,3 @@
 "use client";
-export { MotionFade, MotionScale, MotionPop, MotionSlide, MotionCollapse, MotionStagger, MotionStaggerItem, type MotionPrimitiveProps, type MotionStaggerProps, } from './primitives';
+export { MotionCollapse, MotionFade, MotionPop, type MotionPrimitiveProps, MotionScale, MotionSlide, MotionStagger, MotionStaggerItem, type MotionStaggerProps, } from './primitives';
 //# sourceMappingURL=primitives-index.d.ts.map

package/dist/motion/primitives-index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitives-index.d.ts","sourceRoot":"","sources":["../../src/motion/primitives-index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACX,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,GACxB,MAAM,cAAc,CAAA"}
+{"version":3,"file":"primitives-index.d.ts","sourceRoot":"","sources":["../../src/motion/primitives-index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,UAAU,EACV,SAAS,EACT,KAAK,oBAAoB,EACzB,WAAW,EACX,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,KAAK,kBAAkB,GACxB,MAAM,cAAc,CAAA"}

package/dist/motion/primitives-index.js

@@ -1,11 +1,11 @@
 "use client";
-import { a as e, c as t } from "../_chunks/framer.js";
-import { springs as n, tweens as r } from "../ui/lib/motion.js";
-import { cn as i } from "../ui/lib/utils.js";
-import * as a from "react";
-import { jsx as o } from "react/jsx-runtime";
+import { springs as e, tweens as t } from "../ui/lib/motion.js";
+import { cn as n } from "../ui/lib/utils.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { AnimatePresence as a, motion as o } from "framer-motion";
 //#region src/motion/primitives.tsx
-var s = a.forwardRef(({ show: n, children: a, className: s, layout: c, layoutId: l, whileInView: u, viewportOnce: d = !0, viewportMargin: f = "-50px", ...p }, m) => {
+var s = r.forwardRef(({ show: e, children: r, className: s, layout: c, layoutId: l, whileInView: u, viewportOnce: d = !0, viewportMargin: f = "-50px", ...p }, m) => {
 	let h = u ? {
 		initial: "hidden",
 		whileInView: "visible",
@@ -14,23 +14,23 @@ var s = a.forwardRef(({ show: n, children: a, className: s, layout: c, layoutId:
 			margin: f
 		}
 	} : {};
-	return /* @__PURE__ */ o(t, { children: n && /* @__PURE__ */ o(e.div, {
+	return /* @__PURE__ */ i(a, { children: e && /* @__PURE__ */ i(o.div, {
 		ref: m,
 		initial: { opacity: 0 },
 		animate: { opacity: 1 },
 		exit: { opacity: 0 },
-		transition: r.fade,
-		className: i(s),
+		transition: t.fade,
+		className: n(s),
 		layout: c,
 		layoutId: l,
 		...h,
 		...p,
-		children: a
+		children: r
 	}) });
 });
 s.displayName = "MotionFade";
-var c = a.forwardRef(({ show: a, children: s, className: c, preset: l = "snappy", layout: u, layoutId: d, whileInView: f, viewportOnce: p = !0, viewportMargin: m = "-50px", ...h }, g) => {
-	let _ = n[l], v = f ? {
+var c = r.forwardRef(({ show: r, children: s, className: c, preset: l = "snappy", layout: u, layoutId: d, whileInView: f, viewportOnce: p = !0, viewportMargin: m = "-50px", ...h }, g) => {
+	let _ = e[l], v = f ? {
 		initial: "hidden",
 		whileInView: "visible",
 		viewport: {
@@ -38,7 +38,7 @@ var c = a.forwardRef(({ show: a, children: s, className: c, preset: l = "snappy"
 			margin: m
 		}
 	} : {};
-	return /* @__PURE__ */ o(t, { children: a && /* @__PURE__ */ o(e.div, {
+	return /* @__PURE__ */ i(a, { children: r && /* @__PURE__ */ i(o.div, {
 		ref: g,
 		initial: {
 			opacity: 0,
@@ -54,9 +54,9 @@ var c = a.forwardRef(({ show: a, children: s, className: c, preset: l = "snappy"
 		},
 		transition: {
 			..._,
-			opacity: r.fade
+			opacity: t.fade
 		},
-		className: i(c),
+		className: n(c),
 		layout: u,
 		layoutId: d,
 		...v,
@@ -65,8 +65,8 @@ var c = a.forwardRef(({ show: a, children: s, className: c, preset: l = "snappy"
 	}) });
 });
 c.displayName = "MotionScale";
-var l = a.forwardRef(({ show: a, children: s, className: c, preset: l = "bouncy", layout: u, layoutId: d, whileInView: f, viewportOnce: p = !0, viewportMargin: m = "-50px", ...h }, g) => {
-	let _ = n[l], v = f ? {
+var l = r.forwardRef(({ show: r, children: s, className: c, preset: l = "bouncy", layout: u, layoutId: d, whileInView: f, viewportOnce: p = !0, viewportMargin: m = "-50px", ...h }, g) => {
+	let _ = e[l], v = f ? {
 		initial: "hidden",
 		whileInView: "visible",
 		viewport: {
@@ -74,7 +74,7 @@ var l = a.forwardRef(({ show: a, children: s, className: c, preset: l = "bouncy"
 			margin: m
 		}
 	} : {};
-	return /* @__PURE__ */ o(t, { children: a && /* @__PURE__ */ o(e.div, {
+	return /* @__PURE__ */ i(a, { children: r && /* @__PURE__ */ i(o.div, {
 		ref: g,
 		initial: {
 			opacity: 0,
@@ -90,9 +90,9 @@ var l = a.forwardRef(({ show: a, children: s, className: c, preset: l = "bouncy"
 		},
 		transition: {
 			..._,
-			opacity: r.fade
+			opacity: t.fade
 		},
-		className: i(c),
+		className: n(c),
 		layout: u,
 		layoutId: d,
 		...v,
@@ -101,8 +101,8 @@ var l = a.forwardRef(({ show: a, children: s, className: c, preset: l = "bouncy"
 	}) });
 });
 l.displayName = "MotionPop";
-var u = a.forwardRef(({ show: a, children: s, className: c, preset: l = "smooth", direction: u = "up", layout: d, layoutId: f, whileInView: p, viewportOnce: m = !0, viewportMargin: h = "-50px", ...g }, _) => {
-	let v = n[l], y = {
+var u = r.forwardRef(({ show: r, children: s, className: c, preset: l = "smooth", direction: u = "up", layout: d, layoutId: f, whileInView: p, viewportOnce: m = !0, viewportMargin: h = "-50px", ...g }, _) => {
+	let v = e[l], y = {
 		up: { y: 16 },
 		down: { y: -16 },
 		left: { x: 16 },
@@ -115,7 +115,7 @@ var u = a.forwardRef(({ show: a, children: s, className: c, preset: l = "smooth"
 			margin: h
 		}
 	} : {};
-	return /* @__PURE__ */ o(t, { children: a && /* @__PURE__ */ o(e.div, {
+	return /* @__PURE__ */ i(a, { children: r && /* @__PURE__ */ i(o.div, {
 		ref: _,
 		initial: {
 			opacity: 0,
@@ -132,9 +132,9 @@ var u = a.forwardRef(({ show: a, children: s, className: c, preset: l = "smooth"
 		},
 		transition: {
 			...v,
-			opacity: r.fade
+			opacity: t.fade
 		},
-		className: i(c),
+		className: n(c),
 		layout: d,
 		layoutId: f,
 		...b,
@@ -143,11 +143,11 @@ var u = a.forwardRef(({ show: a, children: s, className: c, preset: l = "smooth"
 	}) });
 });
 u.displayName = "MotionSlide";
-var d = a.forwardRef(({ show: a, children: s, className: c, preset: l = "gentle", layout: u, layoutId: d, ...f }, p) => {
-	let m = n[l];
-	return /* @__PURE__ */ o(t, {
+var d = r.forwardRef(({ show: r, children: s, className: c, preset: l = "gentle", layout: u, layoutId: d, ...f }, p) => {
+	let m = e[l];
+	return /* @__PURE__ */ i(a, {
 		initial: !1,
-		children: a && /* @__PURE__ */ o(e.div, {
+		children: r && /* @__PURE__ */ i(o.div, {
 			ref: p,
 			initial: {
 				height: 0,
@@ -166,9 +166,9 @@ var d = a.forwardRef(({ show: a, children: s, className: c, preset: l = "gentle"
 			},
 			transition: {
 				...m,
-				opacity: r.fade
+				opacity: t.fade
 			},
-			className: i(c),
+			className: n(c),
 			layout: u,
 			layoutId: d,
 			...f,
@@ -177,7 +177,7 @@ var d = a.forwardRef(({ show: a, children: s, className: c, preset: l = "gentle"
 	});
 });
 d.displayName = "MotionCollapse";
-var f = a.forwardRef(({ children: t, className: n, delay: r = .04, whileInView: a, viewportOnce: s = !0, viewportMargin: c = "-50px", ...l }, u) => {
+var f = r.forwardRef(({ children: e, className: t, delay: r = .04, whileInView: a, viewportOnce: s = !0, viewportMargin: c = "-50px", ...l }, u) => {
 	let d = {
 		hidden: {},
 		visible: { transition: { staggerChildren: r } }
@@ -192,13 +192,13 @@ var f = a.forwardRef(({ children: t, className: n, delay: r = .04, whileInView:
 		initial: "hidden",
 		animate: "visible"
 	};
-	return /* @__PURE__ */ o(e.div, {
+	return /* @__PURE__ */ i(o.div, {
 		ref: u,
 		variants: d,
-		className: i(n),
+		className: n(t),
 		...f,
 		...l,
-		children: t
+		children: e
 	});
 });
 f.displayName = "MotionStagger";
@@ -211,16 +211,16 @@ var p = {
 		opacity: 1,
 		y: 0,
 		transition: {
-			...n.smooth,
-			opacity: r.fade
+			...e.smooth,
+			opacity: t.fade
 		}
 	}
-}, m = a.forwardRef(({ children: t, className: n, ...r }, a) => /* @__PURE__ */ o(e.div, {
+}, m = r.forwardRef(({ children: e, className: t, ...r }, a) => /* @__PURE__ */ i(o.div, {
 	ref: a,
 	variants: p,
-	className: i(n),
+	className: n(t),
 	...r,
-	children: t
+	children: e
 }));
 m.displayName = "MotionStaggerItem";
 //#endregion

package/dist/motion/primitives-index.js.map

@@ -1 +1 @@
-{"version":3,"file":"primitives-index.js","names":[],"sources":["../../src/motion/primitives.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { motion, AnimatePresence, type Transition, type Variants, type HTMLMotionProps } from 'framer-motion'\nimport { springs, tweens } from '../ui/lib/motion'\nimport type { SpringPreset } from '../ui/lib/motion'\nimport { cn } from '../ui/lib/utils'\n\n// ── Shared types ──\n\ntype MotionDivProps = Omit<HTMLMotionProps<'div'>, 'ref'>\n\ntype MotionPrimitiveProps = {\n  show: boolean\n  children: React.ReactNode\n  className?: string\n  preset?: SpringPreset\n  layout?: boolean | 'position' | 'size' | 'preserve-aspect'\n  layoutId?: string\n  whileInView?: boolean\n  viewportOnce?: boolean\n  viewportMargin?: string\n}\n\n// ── MotionFade ──\n// Default: fade tween only (no spring needed for pure opacity)\n\nconst MotionFade = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <AnimatePresence>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={tweens.fade}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...inViewProps}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionFade.displayName = 'MotionFade'\n\n// ── MotionScale ──\n// Default: snappy spring for scale + fade tween for opacity\n\nconst MotionScale = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'snappy', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <AnimatePresence>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 0, scale: 0.96 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.96 }}\n            transition={{ ...spring, opacity: tweens.fade }}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...inViewProps}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionScale.displayName = 'MotionScale'\n\n// ── MotionPop ──\n// Default: bouncy spring with overshoot for scale + fade\n\nconst MotionPop = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'bouncy', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <AnimatePresence>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 0, scale: 0.5 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.5 }}\n            transition={{ ...spring, opacity: tweens.fade }}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...inViewProps}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionPop.displayName = 'MotionPop'\n\n// ── MotionSlide ──\n// Default: smooth spring for translate + fade\n\nconst MotionSlide = React.forwardRef<\n  HTMLDivElement,\n  MotionPrimitiveProps & { direction?: 'up' | 'down' | 'left' | 'right' } & MotionDivProps\n>(\n  ({ show, children, className, preset = 'smooth', direction = 'up', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const offsets = {\n      up: { y: 16 },\n      down: { y: -16 },\n      left: { x: 16 },\n      right: { x: -16 },\n    }\n    const offset = offsets[direction]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <AnimatePresence>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 0, ...offset }}\n            animate={{ opacity: 1, x: 0, y: 0 }}\n            exit={{ opacity: 0, ...offset }}\n            transition={{ ...spring, opacity: tweens.fade }}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...inViewProps}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionSlide.displayName = 'MotionSlide'\n\n// ── MotionCollapse ──\n// Default: gentle spring for height + fade\n// Uses height: \"auto\" — Framer Motion handles this natively\n\nconst MotionCollapse = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'gentle', layout, layoutId, ...rest }, ref) => {\n    const spring = springs[preset]\n\n    return (\n      <AnimatePresence initial={false}>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ height: 0, opacity: 0, overflow: 'hidden' }}\n            animate={{ height: 'auto', opacity: 1, overflow: 'hidden' }}\n            exit={{ height: 0, opacity: 0, overflow: 'hidden' }}\n            transition={{ ...spring, opacity: tweens.fade }}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionCollapse.displayName = 'MotionCollapse'\n\n// ── MotionStagger + MotionStaggerItem ──\n// Parent orchestrates children with staggerChildren\n\ntype MotionStaggerProps = {\n  children: React.ReactNode\n  className?: string\n  delay?: number\n  whileInView?: boolean\n  viewportOnce?: boolean\n  viewportMargin?: string\n}\n\nconst MotionStagger = React.forwardRef<HTMLDivElement, MotionStaggerProps & MotionDivProps>(\n  ({ children, className, delay = 0.04, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const variants: Variants = {\n      hidden: {},\n      visible: {\n        transition: { staggerChildren: delay },\n      },\n    }\n\n    const viewProps = whileInView\n      ? { initial: 'hidden' as const, whileInView: 'visible' as const, viewport: { once: viewportOnce, margin: viewportMargin } }\n      : { initial: 'hidden' as const, animate: 'visible' as const }\n\n    return (\n      <motion.div\n        ref={ref}\n        variants={variants}\n        className={cn(className)}\n        {...viewProps}\n        {...rest}\n      >\n        {children}\n      </motion.div>\n    )\n  },\n)\nMotionStagger.displayName = 'MotionStagger'\n\nconst itemVariants: Variants = {\n  hidden: { opacity: 0, y: 8 },\n  visible: {\n    opacity: 1,\n    y: 0,\n    transition: { ...springs.smooth, opacity: tweens.fade },\n  },\n}\n\nconst MotionStaggerItem = React.forwardRef<HTMLDivElement, { children: React.ReactNode; className?: string } & MotionDivProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <motion.div\n        ref={ref}\n        variants={itemVariants}\n        className={cn(className)}\n        {...rest}\n      >\n        {children}\n      </motion.div>\n    )\n  },\n)\nMotionStaggerItem.displayName = 'MotionStaggerItem'\n\nexport {\n  MotionFade,\n  MotionScale,\n  MotionPop,\n  MotionSlide,\n  MotionCollapse,\n  MotionStagger,\n  MotionStaggerItem,\n  type MotionPrimitiveProps,\n  type MotionStaggerProps,\n}\n"],"mappings":"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"}
+{"version":3,"file":"primitives-index.js","names":[],"sources":["../../src/motion/primitives.tsx"],"sourcesContent":["'use client'\n\nimport { AnimatePresence, type HTMLMotionProps,motion, type Transition, type Variants } from 'framer-motion'\nimport * as React from 'react'\n\nimport type { SpringPreset } from '../ui/lib/motion'\nimport { springs, tweens } from '../ui/lib/motion'\nimport { cn } from '../ui/lib/utils'\n\n// ── Shared types ──\n\ntype MotionDivProps = Omit<HTMLMotionProps<'div'>, 'ref'>\n\ntype MotionPrimitiveProps = {\n  show: boolean\n  children: React.ReactNode\n  className?: string\n  preset?: SpringPreset\n  layout?: boolean | 'position' | 'size' | 'preserve-aspect'\n  layoutId?: string\n  whileInView?: boolean\n  viewportOnce?: boolean\n  viewportMargin?: string\n}\n\n// ── MotionFade ──\n// Default: fade tween only (no spring needed for pure opacity)\n\nconst MotionFade = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <AnimatePresence>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={tweens.fade}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...inViewProps}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionFade.displayName = 'MotionFade'\n\n// ── MotionScale ──\n// Default: snappy spring for scale + fade tween for opacity\n\nconst MotionScale = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'snappy', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <AnimatePresence>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 0, scale: 0.96 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.96 }}\n            transition={{ ...spring, opacity: tweens.fade }}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...inViewProps}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionScale.displayName = 'MotionScale'\n\n// ── MotionPop ──\n// Default: bouncy spring with overshoot for scale + fade\n\nconst MotionPop = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'bouncy', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <AnimatePresence>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 0, scale: 0.5 }}\n            animate={{ opacity: 1, scale: 1 }}\n            exit={{ opacity: 0, scale: 0.5 }}\n            transition={{ ...spring, opacity: tweens.fade }}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...inViewProps}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionPop.displayName = 'MotionPop'\n\n// ── MotionSlide ──\n// Default: smooth spring for translate + fade\n\nconst MotionSlide = React.forwardRef<\n  HTMLDivElement,\n  MotionPrimitiveProps & { direction?: 'up' | 'down' | 'left' | 'right' } & MotionDivProps\n>(\n  ({ show, children, className, preset = 'smooth', direction = 'up', layout, layoutId, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const spring = springs[preset]\n    const offsets = {\n      up: { y: 16 },\n      down: { y: -16 },\n      left: { x: 16 },\n      right: { x: -16 },\n    }\n    const offset = offsets[direction]\n    const inViewProps = whileInView ? {\n      initial: 'hidden',\n      whileInView: 'visible',\n      viewport: { once: viewportOnce, margin: viewportMargin },\n    } : {}\n\n    return (\n      <AnimatePresence>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ opacity: 0, ...offset }}\n            animate={{ opacity: 1, x: 0, y: 0 }}\n            exit={{ opacity: 0, ...offset }}\n            transition={{ ...spring, opacity: tweens.fade }}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...inViewProps}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionSlide.displayName = 'MotionSlide'\n\n// ── MotionCollapse ──\n// Default: gentle spring for height + fade\n// Uses height: \"auto\" — Framer Motion handles this natively\n\nconst MotionCollapse = React.forwardRef<HTMLDivElement, MotionPrimitiveProps & MotionDivProps>(\n  ({ show, children, className, preset = 'gentle', layout, layoutId, ...rest }, ref) => {\n    const spring = springs[preset]\n\n    return (\n      <AnimatePresence initial={false}>\n        {show && (\n          <motion.div\n            ref={ref}\n            initial={{ height: 0, opacity: 0, overflow: 'hidden' }}\n            animate={{ height: 'auto', opacity: 1, overflow: 'hidden' }}\n            exit={{ height: 0, opacity: 0, overflow: 'hidden' }}\n            transition={{ ...spring, opacity: tweens.fade }}\n            className={cn(className)}\n            layout={layout}\n            layoutId={layoutId}\n            {...rest}\n          >\n            {children}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    )\n  },\n)\nMotionCollapse.displayName = 'MotionCollapse'\n\n// ── MotionStagger + MotionStaggerItem ──\n// Parent orchestrates children with staggerChildren\n\ntype MotionStaggerProps = {\n  children: React.ReactNode\n  className?: string\n  delay?: number\n  whileInView?: boolean\n  viewportOnce?: boolean\n  viewportMargin?: string\n}\n\nconst MotionStagger = React.forwardRef<HTMLDivElement, MotionStaggerProps & MotionDivProps>(\n  ({ children, className, delay = 0.04, whileInView, viewportOnce = true, viewportMargin = '-50px', ...rest }, ref) => {\n    const variants: Variants = {\n      hidden: {},\n      visible: {\n        transition: { staggerChildren: delay },\n      },\n    }\n\n    const viewProps = whileInView\n      ? { initial: 'hidden' as const, whileInView: 'visible' as const, viewport: { once: viewportOnce, margin: viewportMargin } }\n      : { initial: 'hidden' as const, animate: 'visible' as const }\n\n    return (\n      <motion.div\n        ref={ref}\n        variants={variants}\n        className={cn(className)}\n        {...viewProps}\n        {...rest}\n      >\n        {children}\n      </motion.div>\n    )\n  },\n)\nMotionStagger.displayName = 'MotionStagger'\n\nconst itemVariants: Variants = {\n  hidden: { opacity: 0, y: 8 },\n  visible: {\n    opacity: 1,\n    y: 0,\n    transition: { ...springs.smooth, opacity: tweens.fade },\n  },\n}\n\nconst MotionStaggerItem = React.forwardRef<HTMLDivElement, { children: React.ReactNode; className?: string } & MotionDivProps>(\n  ({ children, className, ...rest }, ref) => {\n    return (\n      <motion.div\n        ref={ref}\n        variants={itemVariants}\n        className={cn(className)}\n        {...rest}\n      >\n        {children}\n      </motion.div>\n    )\n  },\n)\nMotionStaggerItem.displayName = 'MotionStaggerItem'\n\nexport {\n  MotionCollapse,\n  MotionFade,\n  MotionPop,\n  type MotionPrimitiveProps,\n  MotionScale,\n  MotionSlide,\n  MotionStagger,\n  MotionStaggerItem,\n  type MotionStaggerProps,\n}\n"],"mappings":"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"}

package/dist/motion/primitives.d.ts

@@ -34,5 +34,5 @@ declare const MotionStaggerItem: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
     className?: string;
 } & MotionDivProps & React.RefAttributes<HTMLDivElement>>;
-export { MotionFade, MotionScale, MotionPop, MotionSlide, MotionCollapse, MotionStagger, MotionStaggerItem, type MotionPrimitiveProps, type MotionStaggerProps, };
+export { MotionCollapse, MotionFade, MotionPop, type MotionPrimitiveProps, MotionScale, MotionSlide, MotionStagger, MotionStaggerItem, type MotionStaggerProps, };
 //# sourceMappingURL=primitives.d.ts.map

package/dist/motion/primitives.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../src/motion/primitives.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAA2D,KAAK,eAAe,EAAE,MAAM,eAAe,CAAA;AAE7G,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAKpD,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAA;AAEzD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,iBAAiB,CAAA;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAKD,QAAA,MAAM,UAAU,8GA6Bf,CAAA;AAMD,QAAA,MAAM,WAAW,8GA8BhB,CAAA;AAMD,QAAA,MAAM,SAAS,8GA8Bd,CAAA;AAMD,QAAA,MAAM,WAAW;gBAEsB,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;yDAsCtE,CAAA;AAOD,QAAA,MAAM,cAAc,8GAwBnB,CAAA;AAMD,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,QAAA,MAAM,aAAa,4GAyBlB,CAAA;AAYD,QAAA,MAAM,iBAAiB;cAAgD,KAAK,CAAC,SAAS;gBAAc,MAAM;yDAazG,CAAA;AAGD,OAAO,EACL,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACX,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,KAAK,oBAAoB,EACzB,KAAK,kBAAkB,GACxB,CAAA"}
+{"version":3,"file":"primitives.d.ts","sourceRoot":"","sources":["../../src/motion/primitives.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,eAAe,EAAyC,MAAM,eAAe,CAAA;AAC5G,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAMpD,KAAK,cAAc,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,CAAA;AAEzD,KAAK,oBAAoB,GAAG;IAC1B,IAAI,EAAE,OAAO,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,iBAAiB,CAAA;IAC1D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAKD,QAAA,MAAM,UAAU,8GA6Bf,CAAA;AAMD,QAAA,MAAM,WAAW,8GA8BhB,CAAA;AAMD,QAAA,MAAM,SAAS,8GA8Bd,CAAA;AAMD,QAAA,MAAM,WAAW;gBAEsB,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO;yDAsCtE,CAAA;AAOD,QAAA,MAAM,cAAc,8GAwBnB,CAAA;AAMD,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,QAAA,MAAM,aAAa,4GAyBlB,CAAA;AAYD,QAAA,MAAM,iBAAiB;cAAgD,KAAK,CAAC,SAAS;gBAAc,MAAM;yDAazG,CAAA;AAGD,OAAO,EACL,cAAc,EACd,UAAU,EACV,SAAS,EACT,KAAK,oBAAoB,EACzB,WAAW,EACX,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,KAAK,kBAAkB,GACxB,CAAA"}

package/dist/shell/app-command-palette.d.ts

@@ -1,13 +1,5 @@
 "use client";
 import { CommandGroup, CommandPaletteProps, FooterHint } from '../composed/command-palette';
-/**
- * AppCommandPalette -- Application-level command palette wrapper.
- *
- * Props-driven: accepts navigation items, search callbacks, and user
- * info instead of reading from Zustand stores or Remix hooks.
- *
- * Depends on the CommandPalette shared component being available.
- */
 import * as React from 'react';
 export interface SearchResult {
     id: string;

package/dist/shell/app-command-palette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-command-palette.d.ts","sourceRoot":"","sources":["../../src/shell/app-command-palette.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAkB,KAAK,YAAY,EAAoB,KAAK,mBAAmB,EAAE,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAS5I,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAClC,2EAA2E;IAC3E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mFAAmF;IACnF,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,8CAA8C;AAC9C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,YAAY,EAAE,CAAA;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC5D,oDAAoD;IACpD,IAAI,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAAA;IACnC,iHAAiH;IACjH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wCAAwC;IACxC,WAAW,CAAC,EAAE,YAAY,EAAE,CAAA;IAC5B,uDAAuD;IACvD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC;iEAC6D;IAC7D,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B;+DAC2D;IAC3D,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAA;IACxC,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;qFACiF;IACjF,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;IACrD;oEACgE;IAChE,kBAAkB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAA;IAEzD,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,0EAA0E;IAC1E,UAAU,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAA;IAC9C,8CAA8C;IAC9C,SAAS,CAAC,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAA;IAC5C,0BAA0B;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,iDAAiD;IACjD,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;CACnC;AAqCD,QAAA,MAAM,iBAAiB,4GAuJtB,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"app-command-palette.d.ts","sourceRoot":"","sources":["../../src/shell/app-command-palette.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,KAAK,YAAY,EAAoC,KAAK,mBAAmB,EAAE,KAAK,UAAU,EAAE,MAAM,6BAA6B,CAAA;AAS5I,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAClC,2EAA2E;IAC3E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,wDAAwD;IACxD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mFAAmF;IACnF,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,8CAA8C;AAC9C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,YAAY,EAAE,CAAA;CACxB;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IAC5D,oDAAoD;IACpD,IAAI,CAAC,EAAE,qBAAqB,GAAG,IAAI,CAAA;IACnC,iHAAiH;IACjH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wCAAwC;IACxC,WAAW,CAAC,EAAE,YAAY,EAAE,CAAA;IAC5B,uDAAuD;IACvD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC;iEAC6D;IAC7D,aAAa,CAAC,EAAE,YAAY,EAAE,CAAA;IAC9B;+DAC2D;IAC3D,kBAAkB,CAAC,EAAE,iBAAiB,EAAE,CAAA;IACxC,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;qFACiF;IACjF,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,KAAK,IAAI,CAAA;IACrD;oEACgE;IAChE,kBAAkB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,CAAA;IAEzD,6BAA6B;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0BAA0B;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,0EAA0E;IAC1E,UAAU,CAAC,EAAE,mBAAmB,CAAC,YAAY,CAAC,CAAA;IAC9C,8CAA8C;IAC9C,SAAS,CAAC,EAAE,mBAAmB,CAAC,WAAW,CAAC,CAAA;IAC5C,0BAA0B;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,iDAAiD;IACjD,WAAW,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,CAAA;CACnC;AAqCD,QAAA,MAAM,iBAAiB,4GAuJtB,CAAA;AAID,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/shell/app-command-palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"app-command-palette.js","names":[],"sources":["../../src/shell/app-command-palette.tsx"],"sourcesContent":["'use client'\n\n/**\n * AppCommandPalette -- Application-level command palette wrapper.\n *\n * Props-driven: accepts navigation items, search callbacks, and user\n * info instead of reading from Zustand stores or Remix hooks.\n *\n * Depends on the CommandPalette shared component being available.\n */\nimport * as React from 'react'\nimport { useCallback, useMemo } from 'react'\nimport { IconFileText } from '@tabler/icons-react'\nimport { CommandPalette, type CommandGroup, type CommandItem, type CommandPaletteProps, type FooterHint } from '../composed/command-palette'\nimport { Icon } from '../ui/icon'\nimport { cn } from '../ui/lib/utils'\nimport { useCommandRegistry } from './command-registry'\n\n// -----------------------------------------------------------------------\n// Types\n// -----------------------------------------------------------------------\n\nexport interface SearchResult {\n  id: string\n  title: string\n  snippet?: string\n  entityType: string\n  projectId?: string | null\n  metadata?: Record<string, unknown>\n  /** Custom icon for this result. Overrides the default entity-type icon. */\n  icon?: React.ReactNode\n  /** Relevance score for sorting (higher = more relevant). */\n  rank?: number\n  /** Keyboard shortcut hint to display on this result. */\n  shortcut?: string\n  /** Navigation href. Used as fallback when onSearchResultSelect is not provided. */\n  href?: string\n}\n\n/** A group of search results with a label. */\nexport interface SearchResultGroup {\n  label: string\n  results: SearchResult[]\n}\n\nexport interface AppCommandPaletteUser {\n  name: string\n  role?: string\n}\n\nexport interface AppCommandPaletteProps\n  extends Omit<React.ComponentPropsWithRef<'div'>, 'onSearch'> {\n  /** Current user (used to determine admin access) */\n  user?: AppCommandPaletteUser | null\n  /** When true, shows admin command groups regardless of user.role. Takes precedence over role-based detection. */\n  isAdmin?: boolean\n  /** Additional command groups to show */\n  extraGroups?: CommandGroup[]\n  /** Called when the user selects a navigation target */\n  onNavigate?: (path: string) => void\n  /** Called when the search input changes (for server-side search) */\n  onSearch?: (query: string) => void\n  /** Flat search results (displayed in a single \"Search Results\" group).\n   *  For grouped results, use `searchResultGroups` instead. */\n  searchResults?: SearchResult[]\n  /** Grouped search results — displayed as multiple labeled sections.\n   *  Takes precedence over `searchResults` when provided. */\n  searchResultGroups?: SearchResultGroup[]\n  /** Whether a search is currently in progress */\n  isSearching?: boolean\n  /** Called when the user selects a search result. When provided, the component\n   *  does NOT perform internal navigation — the consumer owns routing entirely. */\n  onSearchResultSelect?: (result: SearchResult) => void\n  /** Custom label for the search results group. Overrides \"Search Results\" / \"Searching...\".\n   *  Can be a string or a function receiving the result count. */\n  searchResultsLabel?: string | ((count: number) => string)\n  // -- Pass-through CommandPalette props --\n  /** Controlled open state. */\n  open?: boolean\n  /** Default open state. */\n  defaultOpen?: boolean\n  /** Called when the open state changes. */\n  onOpenChange?: (open: boolean) => void\n  /** Keybinding(s) to toggle. Pass `false` to disable. Default: 'mod+k'. */\n  keybinding?: CommandPaletteProps['keybinding']\n  /** Max height of results. Default '320px'. */\n  maxHeight?: CommandPaletteProps['maxHeight']\n  /** Custom empty state. */\n  emptyState?: React.ReactNode\n  /** Custom footer hints. Pass `false` to hide. */\n  footerHints?: FooterHint[] | false\n}\n\n// -----------------------------------------------------------------------\n// Constants\n// -----------------------------------------------------------------------\n\n// -----------------------------------------------------------------------\n// Helpers\n// -----------------------------------------------------------------------\n\n/** Convert a SearchResult into a CommandItem. */\nfunction searchResultToCommandItem(\n  r: SearchResult,\n  onSearchResultSelect: ((result: SearchResult) => void) | undefined,\n  nav: (to: string) => void,\n): CommandItem {\n  return {\n    id: `search-${r.entityType}-${r.id}`,\n    label: r.title,\n    filterValue: r.title,\n    description: r.snippet,\n    icon: r.icon ?? <Icon icon={IconFileText} />,\n    shortcut: r.shortcut,\n    onSelect: () => {\n      if (onSearchResultSelect) {\n        onSearchResultSelect(r)\n      } else if (r.href) {\n        nav(r.href)\n      }\n    },\n  }\n}\n\n// -----------------------------------------------------------------------\n// AppCommandPalette\n// -----------------------------------------------------------------------\n\nconst AppCommandPalette = React.forwardRef<HTMLDivElement, AppCommandPaletteProps>(\n  function AppCommandPalette(\n    {\n      user,\n      isAdmin: isAdminProp,\n      extraGroups = [],\n      onNavigate,\n      onSearch,\n      searchResults = [],\n      searchResultGroups,\n      isSearching = false,\n      onSearchResultSelect,\n      searchResultsLabel,\n      open,\n      defaultOpen,\n      onOpenChange,\n      keybinding,\n      maxHeight,\n      emptyState,\n      footerHints,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n  const isAdmin =\n    isAdminProp ?? (user?.role === 'Admin' || user?.role === 'SuperAdmin')\n\n  const registry = useCommandRegistry()\n\n  const nav = useCallback(\n    (to: string) => {\n      onNavigate?.(to)\n    },\n    [onNavigate],\n  )\n\n  // -- Static groups ---------------------------------------------------\n\n  const pagesGroup: CommandGroup = useMemo(\n    () => ({\n      label: 'Pages',\n      items: registry\n        ? registry.pages.map((p) => ({\n            id: p.id,\n            label: p.label,\n            icon: p.icon,\n            keywords: p.keywords,\n            onSelect: () => nav(p.path),\n          }))\n        : [],  // Consumer provides pages via CommandRegistryProvider\n    }),\n    [nav, registry],\n  )\n\n  const adminGroup: CommandGroup = useMemo(\n    () => ({\n      label: 'Admin',\n      items: registry\n        ? registry.adminPages.map((p) => ({\n            id: p.id,\n            label: p.label,\n            icon: p.icon,\n            keywords: p.keywords,\n            onSelect: () => nav(p.path),\n          }))\n        : [],  // Consumer provides admin pages via CommandRegistryProvider\n    }),\n    [nav, registry],\n  )\n\n  // -- Dynamic search results groups ------------------------------------\n\n  const searchGroups: CommandGroup[] = useMemo(() => {\n    // Grouped results take precedence (#2)\n    if (searchResultGroups && searchResultGroups.length > 0) {\n      return searchResultGroups.map((group) => {\n        // Sort by rank if provided\n        const sorted = group.results.some(r => r.rank != null)\n          ? [...group.results].sort((a, b) => (b.rank ?? 0) - (a.rank ?? 0))\n          : group.results\n\n        return {\n          label: group.label,\n          items: sorted.map(r => searchResultToCommandItem(r, onSearchResultSelect, nav)),\n        }\n      })\n    }\n\n    // Flat results (legacy behavior)\n    if (searchResults.length === 0) return []\n\n    // Sort by rank if any result has one\n    const sorted = searchResults.some(r => r.rank != null)\n      ? [...searchResults].sort((a, b) => (b.rank ?? 0) - (a.rank ?? 0))\n      : searchResults\n\n    const items = sorted.map(r => searchResultToCommandItem(r, onSearchResultSelect, nav))\n\n    // Resolve the label (#10)\n    let label: string\n    if (searchResultsLabel) {\n      label = typeof searchResultsLabel === 'function'\n        ? searchResultsLabel(items.length)\n        : searchResultsLabel\n    } else {\n      label = isSearching ? 'Searching...' : 'Search Results'\n    }\n\n    return [{ label, items }]\n  }, [searchResults, searchResultGroups, isSearching, nav, onSearchResultSelect, searchResultsLabel])\n\n  // -- Assemble groups -------------------------------------------------\n\n  const groups: CommandGroup[] = useMemo(() => {\n    const g: CommandGroup[] = []\n    g.push(...searchGroups)\n    g.push(pagesGroup)\n    if (isAdmin) g.push(adminGroup)\n    g.push(...extraGroups)\n    return g\n  }, [searchGroups, pagesGroup, isAdmin, adminGroup, extraGroups])\n\n  // -- Handle search ---------------------------------------------------\n\n  const handleSearch = useCallback(\n    (query: string) => {\n      onSearch?.(query)\n    },\n    [onSearch],\n  )\n\n  return (\n    <CommandPalette\n      ref={ref}\n      groups={groups}\n      placeholder=\"Search or jump to...\"\n      onSearch={handleSearch}\n      emptyMessage=\"No results found. Try a different search term.\"\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      keybinding={keybinding}\n      maxHeight={maxHeight}\n      emptyState={emptyState}\n      footerHints={footerHints}\n      className={cn(className)}\n      {...props}\n    />\n  )\n  },\n)\n\nAppCommandPalette.displayName = 'AppCommandPalette'\n\nexport { AppCommandPalette }\n"],"mappings":"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"}
+{"version":3,"file":"app-command-palette.js","names":[],"sources":["../../src/shell/app-command-palette.tsx"],"sourcesContent":["'use client'\n\n/**\n * AppCommandPalette -- Application-level command palette wrapper.\n *\n * Props-driven: accepts navigation items, search callbacks, and user\n * info instead of reading from Zustand stores or Remix hooks.\n *\n * Depends on the CommandPalette shared component being available.\n */\nimport { IconFileText } from '@tabler/icons-react'\nimport * as React from 'react'\nimport { useCallback, useMemo } from 'react'\n\nimport { type CommandGroup, type CommandItem, CommandPalette, type CommandPaletteProps, type FooterHint } from '../composed/command-palette'\nimport { Icon } from '../ui/icon'\nimport { cn } from '../ui/lib/utils'\nimport { useCommandRegistry } from './command-registry'\n\n// -----------------------------------------------------------------------\n// Types\n// -----------------------------------------------------------------------\n\nexport interface SearchResult {\n  id: string\n  title: string\n  snippet?: string\n  entityType: string\n  projectId?: string | null\n  metadata?: Record<string, unknown>\n  /** Custom icon for this result. Overrides the default entity-type icon. */\n  icon?: React.ReactNode\n  /** Relevance score for sorting (higher = more relevant). */\n  rank?: number\n  /** Keyboard shortcut hint to display on this result. */\n  shortcut?: string\n  /** Navigation href. Used as fallback when onSearchResultSelect is not provided. */\n  href?: string\n}\n\n/** A group of search results with a label. */\nexport interface SearchResultGroup {\n  label: string\n  results: SearchResult[]\n}\n\nexport interface AppCommandPaletteUser {\n  name: string\n  role?: string\n}\n\nexport interface AppCommandPaletteProps\n  extends Omit<React.ComponentPropsWithRef<'div'>, 'onSearch'> {\n  /** Current user (used to determine admin access) */\n  user?: AppCommandPaletteUser | null\n  /** When true, shows admin command groups regardless of user.role. Takes precedence over role-based detection. */\n  isAdmin?: boolean\n  /** Additional command groups to show */\n  extraGroups?: CommandGroup[]\n  /** Called when the user selects a navigation target */\n  onNavigate?: (path: string) => void\n  /** Called when the search input changes (for server-side search) */\n  onSearch?: (query: string) => void\n  /** Flat search results (displayed in a single \"Search Results\" group).\n   *  For grouped results, use `searchResultGroups` instead. */\n  searchResults?: SearchResult[]\n  /** Grouped search results — displayed as multiple labeled sections.\n   *  Takes precedence over `searchResults` when provided. */\n  searchResultGroups?: SearchResultGroup[]\n  /** Whether a search is currently in progress */\n  isSearching?: boolean\n  /** Called when the user selects a search result. When provided, the component\n   *  does NOT perform internal navigation — the consumer owns routing entirely. */\n  onSearchResultSelect?: (result: SearchResult) => void\n  /** Custom label for the search results group. Overrides \"Search Results\" / \"Searching...\".\n   *  Can be a string or a function receiving the result count. */\n  searchResultsLabel?: string | ((count: number) => string)\n  // -- Pass-through CommandPalette props --\n  /** Controlled open state. */\n  open?: boolean\n  /** Default open state. */\n  defaultOpen?: boolean\n  /** Called when the open state changes. */\n  onOpenChange?: (open: boolean) => void\n  /** Keybinding(s) to toggle. Pass `false` to disable. Default: 'mod+k'. */\n  keybinding?: CommandPaletteProps['keybinding']\n  /** Max height of results. Default '320px'. */\n  maxHeight?: CommandPaletteProps['maxHeight']\n  /** Custom empty state. */\n  emptyState?: React.ReactNode\n  /** Custom footer hints. Pass `false` to hide. */\n  footerHints?: FooterHint[] | false\n}\n\n// -----------------------------------------------------------------------\n// Constants\n// -----------------------------------------------------------------------\n\n// -----------------------------------------------------------------------\n// Helpers\n// -----------------------------------------------------------------------\n\n/** Convert a SearchResult into a CommandItem. */\nfunction searchResultToCommandItem(\n  r: SearchResult,\n  onSearchResultSelect: ((result: SearchResult) => void) | undefined,\n  nav: (to: string) => void,\n): CommandItem {\n  return {\n    id: `search-${r.entityType}-${r.id}`,\n    label: r.title,\n    filterValue: r.title,\n    description: r.snippet,\n    icon: r.icon ?? <Icon icon={IconFileText} />,\n    shortcut: r.shortcut,\n    onSelect: () => {\n      if (onSearchResultSelect) {\n        onSearchResultSelect(r)\n      } else if (r.href) {\n        nav(r.href)\n      }\n    },\n  }\n}\n\n// -----------------------------------------------------------------------\n// AppCommandPalette\n// -----------------------------------------------------------------------\n\nconst AppCommandPalette = React.forwardRef<HTMLDivElement, AppCommandPaletteProps>(\n  function AppCommandPalette(\n    {\n      user,\n      isAdmin: isAdminProp,\n      extraGroups = [],\n      onNavigate,\n      onSearch,\n      searchResults = [],\n      searchResultGroups,\n      isSearching = false,\n      onSearchResultSelect,\n      searchResultsLabel,\n      open,\n      defaultOpen,\n      onOpenChange,\n      keybinding,\n      maxHeight,\n      emptyState,\n      footerHints,\n      className,\n      ...props\n    },\n    ref,\n  ) {\n  const isAdmin =\n    isAdminProp ?? (user?.role === 'Admin' || user?.role === 'SuperAdmin')\n\n  const registry = useCommandRegistry()\n\n  const nav = useCallback(\n    (to: string) => {\n      onNavigate?.(to)\n    },\n    [onNavigate],\n  )\n\n  // -- Static groups ---------------------------------------------------\n\n  const pagesGroup: CommandGroup = useMemo(\n    () => ({\n      label: 'Pages',\n      items: registry\n        ? registry.pages.map((p) => ({\n            id: p.id,\n            label: p.label,\n            icon: p.icon,\n            keywords: p.keywords,\n            onSelect: () => nav(p.path),\n          }))\n        : [],  // Consumer provides pages via CommandRegistryProvider\n    }),\n    [nav, registry],\n  )\n\n  const adminGroup: CommandGroup = useMemo(\n    () => ({\n      label: 'Admin',\n      items: registry\n        ? registry.adminPages.map((p) => ({\n            id: p.id,\n            label: p.label,\n            icon: p.icon,\n            keywords: p.keywords,\n            onSelect: () => nav(p.path),\n          }))\n        : [],  // Consumer provides admin pages via CommandRegistryProvider\n    }),\n    [nav, registry],\n  )\n\n  // -- Dynamic search results groups ------------------------------------\n\n  const searchGroups: CommandGroup[] = useMemo(() => {\n    // Grouped results take precedence (#2)\n    if (searchResultGroups && searchResultGroups.length > 0) {\n      return searchResultGroups.map((group) => {\n        // Sort by rank if provided\n        const sorted = group.results.some(r => r.rank != null)\n          ? [...group.results].sort((a, b) => (b.rank ?? 0) - (a.rank ?? 0))\n          : group.results\n\n        return {\n          label: group.label,\n          items: sorted.map(r => searchResultToCommandItem(r, onSearchResultSelect, nav)),\n        }\n      })\n    }\n\n    // Flat results (legacy behavior)\n    if (searchResults.length === 0) return []\n\n    // Sort by rank if any result has one\n    const sorted = searchResults.some(r => r.rank != null)\n      ? [...searchResults].sort((a, b) => (b.rank ?? 0) - (a.rank ?? 0))\n      : searchResults\n\n    const items = sorted.map(r => searchResultToCommandItem(r, onSearchResultSelect, nav))\n\n    // Resolve the label (#10)\n    let label: string\n    if (searchResultsLabel) {\n      label = typeof searchResultsLabel === 'function'\n        ? searchResultsLabel(items.length)\n        : searchResultsLabel\n    } else {\n      label = isSearching ? 'Searching...' : 'Search Results'\n    }\n\n    return [{ label, items }]\n  }, [searchResults, searchResultGroups, isSearching, nav, onSearchResultSelect, searchResultsLabel])\n\n  // -- Assemble groups -------------------------------------------------\n\n  const groups: CommandGroup[] = useMemo(() => {\n    const g: CommandGroup[] = []\n    g.push(...searchGroups)\n    g.push(pagesGroup)\n    if (isAdmin) g.push(adminGroup)\n    g.push(...extraGroups)\n    return g\n  }, [searchGroups, pagesGroup, isAdmin, adminGroup, extraGroups])\n\n  // -- Handle search ---------------------------------------------------\n\n  const handleSearch = useCallback(\n    (query: string) => {\n      onSearch?.(query)\n    },\n    [onSearch],\n  )\n\n  return (\n    <CommandPalette\n      ref={ref}\n      groups={groups}\n      placeholder=\"Search or jump to...\"\n      onSearch={handleSearch}\n      emptyMessage=\"No results found. Try a different search term.\"\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      keybinding={keybinding}\n      maxHeight={maxHeight}\n      emptyState={emptyState}\n      footerHints={footerHints}\n      className={cn(className)}\n      {...props}\n    />\n  )\n  },\n)\n\nAppCommandPalette.displayName = 'AppCommandPalette'\n\nexport { AppCommandPalette }\n"],"mappings":"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"}

package/dist/shell/bottom-navbar.d.ts

@@ -1,10 +1,4 @@
 "use client";
-/**
- * BottomNavbar -- Mobile bottom navigation bar.
- *
- * Props-driven: accepts currentPath, user, navItems instead of
- * reading from Remix hooks or Zustand stores.
- */
 import * as React from 'react';
 export interface BottomNavItem {
     title: string;

package/dist/shell/bottom-navbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottom-navbar.d.ts","sourceRoot":"","sources":["../../src/shell/bottom-navbar.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,uEAAuE;IACvE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzC,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kEAAkE;IAClE,IAAI,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC9B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,aAAa,EAAE,CAAA;IAC9B,yDAAyD;IACzD,SAAS,CAAC,EAAE,aAAa,EAAE,CAAA;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA4ED,QAAA,MAAM,YAAY,uFA6JjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"bottom-navbar.d.ts","sourceRoot":"","sources":["../../src/shell/bottom-navbar.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,uEAAuE;IACvE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mFAAmF;IACnF,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzC,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,kEAAkE;IAClE,IAAI,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC9B,6EAA6E;IAC7E,YAAY,CAAC,EAAE,aAAa,EAAE,CAAA;IAC9B,yDAAyD;IACzD,SAAS,CAAC,EAAE,aAAa,EAAE,CAAA;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AA4ED,QAAA,MAAM,YAAY,uFA6JjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}