@lssm/lib.ui-kit 1.11.0 → 1.11.1

package/dist/ui/typography.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.js","names":["Text"],"sources":["../../ui/typography.tsx"],"sourcesContent":["import * as Slot from '@rn-primitives/slot';\nimport * as React from 'react';\nimport { Platform } from 'react-native';\nimport { Text, type TextProps } from './text';\nimport { cn } from './utils';\n\nexport type TypographyProps = TextProps & {\n  asChild?: boolean;\n};\n\nfunction H1({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      role=\"heading\"\n      aria-level=\"1\"\n      className={cn(\n        'text-foreground web:select-text web:scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction H2({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      role=\"heading\"\n      aria-level=\"2\"\n      className={cn(\n        'border-border text-foreground web:select-text web:scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction H3({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      role=\"heading\"\n      aria-level=\"3\"\n      className={cn(\n        'text-foreground web:select-text web:scroll-m-20 text-2xl font-semibold tracking-tight',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction H4({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      role=\"heading\"\n      aria-level=\"4\"\n      className={cn(\n        'text-foreground web:select-text web:scroll-m-20 text-xl font-semibold tracking-tight',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction P({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      className={cn('text-foreground web:select-text text-base', className)}\n      {...props}\n    />\n  );\n}\n\nfunction BlockQuote({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      // @ts-ignore - role of blockquote renders blockquote element on the web\n      role={Platform.OS === 'web' ? 'blockquote' : undefined}\n      className={cn(\n        'native:mt-4 native:pl-3 border-border text-foreground web:select-text mt-6 border-l-2 pl-6 text-base italic',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Code({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      // @ts-ignore - role of code renders code element on the web\n      role={Platform.OS === 'web' ? 'code' : undefined}\n      className={cn(\n        'bg-muted text-foreground web:select-text relative rounded-md px-[0.3rem] py-[0.2rem] text-sm font-semibold',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Lead({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      className={cn('text-muted-foreground web:select-text text-xl', className)}\n      {...props}\n    />\n  );\n}\n\nfunction Large({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      className={cn(\n        'text-foreground web:select-text text-xl font-semibold',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Small({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      className={cn(\n        'text-foreground web:select-text text-sm leading-none font-medium',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction Muted({ className, asChild = false, ...props }: TypographyProps) {\n  const Component = asChild ? Slot.Text : Text;\n  return (\n    <Component\n      className={cn('text-muted-foreground web:select-text text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport { BlockQuote, Code, H1, H2, H3, H4, Large, Lead, Muted, P, Small };\n"],"mappings":";;;;;;;;AAUA,SAAS,GAAG,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAErE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,MAAK;EACL,cAAW;EACX,WAAW,GACT,sGACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,GAAG,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAErE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,MAAK;EACL,cAAW;EACX,WAAW,GACT,gIACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,GAAG,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAErE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,MAAK;EACL,cAAW;EACX,WAAW,GACT,yFACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,GAAG,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAErE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,MAAK;EACL,cAAW;EACX,WAAW,GACT,wFACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,EAAE,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAEpE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,WAAW,GAAG,6CAA6C,UAAU;EACrE,GAAI;GACJ;;AAIN,SAAS,WAAW,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAE7E,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAIpC,MAAM,SAAS,OAAO,QAAQ,eAAe;EAC7C,WAAW,GACT,+GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,KAAK,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAEvE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAIpC,MAAM,SAAS,OAAO,QAAQ,SAAS;EACvC,WAAW,GACT,8GACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,KAAK,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAEvE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,WAAW,GAAG,iDAAiD,UAAU;EACzE,GAAI;GACJ;;AAIN,SAAS,MAAM,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAExE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,WAAW,GACT,yDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,MAAM,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAExE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,WAAW,GACT,oEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,MAAM,EAAE,WAAW,UAAU,OAAO,GAAG,SAA0B;AAExE,QACE,oBAFgB,UAAU,KAAK,OAAOA;EAGpC,WAAW,GAAG,iDAAiD,UAAU;EACzE,GAAI;GACJ"}

package/dist/ui/useColorScheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColorScheme.d.ts","names":[],"sources":["../../ui/useColorScheme.tsx"],"sourcesContent":[],"mappings":";;;iBAIgB,cAAA,CAAA;;;EAAA,cAAA,EAAA,CAAc,MAAA,EAAA,cAAA,CAAA,eAAA,EAAA,GAAA,IAAA"}

package/dist/ui/useColorScheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useColorScheme.js","names":["useNativewindColorScheme"],"sources":["../../ui/useColorScheme.tsx"],"sourcesContent":["import { useColorScheme as useNativewindColorScheme } from 'nativewind';\n\nconst DEFAULT_COLOR_SCHEME = 'light';\n\nexport function useColorScheme() {\n  const { colorScheme, setColorScheme, toggleColorScheme } =\n    useNativewindColorScheme();\n\n  return {\n    colorScheme: colorScheme ?? DEFAULT_COLOR_SCHEME,\n    isDarkColorScheme: colorScheme === 'dark',\n    setColorScheme,\n    toggleColorScheme,\n  };\n}\n"],"mappings":";;;AAEA,MAAM,uBAAuB;AAE7B,SAAgB,iBAAiB;CAC/B,MAAM,EAAE,aAAa,gBAAgB,sBACnCA,kBAA0B;AAE5B,QAAO;EACL,aAAa,eAAe;EAC5B,mBAAmB,gBAAgB;EACnC;EACA;EACD"}

package/dist/ui/useListState.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListState.d.ts","names":[],"sources":["../../ui/useListState.tsx"],"sourcesContent":[],"mappings":";UAEiB,mBAAA;EAAA,aAAA,CAAA,EAAA,MAAmB;EAQnB,cAAA,CAAA,EANE,MAMgB,CAAA,MAAA,EAAA,MAMxB,CAAA;EAqBE,WAAA,CAAA,EAAA,MA2EZ;EA3E4B,mBAAA,CAAA,EAAA,MAAA;EAAA,UAAA,CAAA,EAAA,MAAA;;AAAA,UA3BZ,kBAAA,CA2BY;EAK1B,WAAA,EAAA,MAAA;EAA2B,cAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAsE7B,OAAA,EAhGU,MAgGV,CAAA,MAAA,EAAA,MAAA,CAAA;;;;;;;;;;;MAjFK;;;cAMO;;;;;IAKV,wBAA2B"}

package/dist/ui/useListState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListState.js","names":["filterParams: Record<string, string>"],"sources":["../../ui/useListState.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\n\nexport interface UseListStateOptions {\n  initialSearch?: string;\n  initialFilters?: Record<string, string>;\n  initialPage?: number;\n  initialItemsPerPage?: number;\n  debounceMs?: number;\n}\n\nexport interface UseListStateReturn {\n  // Search\n  searchQuery: string;\n  setSearchQuery: (query: string) => void;\n\n  // Filters\n  filters: Record<string, string>;\n  setFilter: (key: string, value: string) => void;\n  clearFilters: () => void;\n\n  // Pagination\n  currentPage: number;\n  itemsPerPage: number;\n  setCurrentPage: (page: number) => void;\n  setItemsPerPage: (itemsPerPage: number) => void;\n\n  // Combined state for API calls\n  queryParams: {\n    search: string;\n    page: number;\n    limit: number;\n  } & Record<string, string | number>;\n\n  // Reset all\n  resetAll: () => void;\n}\n\nexport const useListState = ({\n  initialSearch = '',\n  initialFilters = {},\n  initialPage = 1,\n  initialItemsPerPage = 25,\n}: UseListStateOptions = {}): UseListStateReturn => {\n  const [searchQuery, setSearchQuery] = useState(initialSearch);\n  const [filters, setFilters] = useState(initialFilters);\n  const [currentPage, setCurrentPage] = useState(initialPage);\n  const [itemsPerPage, setItemsPerPage] = useState(initialItemsPerPage);\n\n  const setFilter = useCallback((key: string, value: string) => {\n    setFilters((prev) => ({\n      ...prev,\n      [key]: value,\n    }));\n    // Reset to first page when filtering\n    setCurrentPage(1);\n  }, []);\n\n  const clearFilters = useCallback(() => {\n    setFilters({});\n    setCurrentPage(1);\n  }, []);\n\n  const handleSetSearchQuery = useCallback((query: string) => {\n    setSearchQuery(query);\n    // Reset to first page when searching\n    setCurrentPage(1);\n  }, []);\n\n  const handleSetItemsPerPage = useCallback((newItemsPerPage: number) => {\n    setItemsPerPage(newItemsPerPage);\n    // Reset to first page when changing items per page\n    setCurrentPage(1);\n  }, []);\n\n  const resetAll = useCallback(() => {\n    setSearchQuery(initialSearch);\n    setFilters(initialFilters);\n    setCurrentPage(initialPage);\n    setItemsPerPage(initialItemsPerPage);\n  }, [initialSearch, initialFilters, initialPage, initialItemsPerPage]);\n\n  const queryParams = useMemo(() => {\n    const baseParams = {\n      search: searchQuery,\n      page: currentPage,\n      limit: itemsPerPage,\n    };\n\n    // Add active filters to params\n    const filterParams: Record<string, string> = {};\n    Object.entries(filters).forEach(([key, value]) => {\n      if (value) {\n        filterParams[key] = value;\n      }\n    });\n\n    return { ...baseParams, ...filterParams };\n  }, [searchQuery, filters, currentPage, itemsPerPage]);\n\n  return {\n    searchQuery,\n    setSearchQuery: handleSetSearchQuery,\n    filters,\n    setFilter,\n    clearFilters,\n    currentPage,\n    itemsPerPage,\n    setCurrentPage,\n    setItemsPerPage: handleSetItemsPerPage,\n    queryParams,\n    resetAll,\n  };\n};\n"],"mappings":";;;AAqCA,MAAa,gBAAgB,EAC3B,gBAAgB,IAChB,iBAAiB,EAAE,EACnB,cAAc,GACd,sBAAsB,OACC,EAAE,KAAyB;CAClD,MAAM,CAAC,aAAa,kBAAkB,SAAS,cAAc;CAC7D,MAAM,CAAC,SAAS,cAAc,SAAS,eAAe;CACtD,MAAM,CAAC,aAAa,kBAAkB,SAAS,YAAY;CAC3D,MAAM,CAAC,cAAc,mBAAmB,SAAS,oBAAoB;CAErE,MAAM,YAAY,aAAa,KAAa,UAAkB;AAC5D,cAAY,UAAU;GACpB,GAAG;IACF,MAAM;GACR,EAAE;AAEH,iBAAe,EAAE;IAChB,EAAE,CAAC;CAEN,MAAM,eAAe,kBAAkB;AACrC,aAAW,EAAE,CAAC;AACd,iBAAe,EAAE;IAChB,EAAE,CAAC;CAEN,MAAM,uBAAuB,aAAa,UAAkB;AAC1D,iBAAe,MAAM;AAErB,iBAAe,EAAE;IAChB,EAAE,CAAC;CAEN,MAAM,wBAAwB,aAAa,oBAA4B;AACrE,kBAAgB,gBAAgB;AAEhC,iBAAe,EAAE;IAChB,EAAE,CAAC;CAEN,MAAM,WAAW,kBAAkB;AACjC,iBAAe,cAAc;AAC7B,aAAW,eAAe;AAC1B,iBAAe,YAAY;AAC3B,kBAAgB,oBAAoB;IACnC;EAAC;EAAe;EAAgB;EAAa;EAAoB,CAAC;AAoBrE,QAAO;EACL;EACA,gBAAgB;EAChB;EACA;EACA;EACA;EACA;EACA;EACA,iBAAiB;EACjB,aA5BkB,cAAc;GAChC,MAAM,aAAa;IACjB,QAAQ;IACR,MAAM;IACN,OAAO;IACR;GAGD,MAAMA,eAAuC,EAAE;AAC/C,UAAO,QAAQ,QAAQ,CAAC,SAAS,CAAC,KAAK,WAAW;AAChD,QAAI,MACF,cAAa,OAAO;KAEtB;AAEF,UAAO;IAAE,GAAG;IAAY,GAAG;IAAc;KACxC;GAAC;GAAa;GAAS;GAAa;GAAa,CAAC;EAanD;EACD"}

package/dist/ui/usecases/UseCaseCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UseCaseCard.d.ts","names":[],"sources":["../../../ui/usecases/UseCaseCard.tsx"],"sourcesContent":[],"mappings":";;;iBAIgB,WAAA;;;;;;;;;EAAA,OAAA,CAAA,EAAA,MAAW;EACzB,QAAA,CAAA,EAAA,MAAA;EACA,UAAA,CAAA,EAAA,GAAA,GAAA,IAAA;CACA,CAAA,EASD,oBAAA,CAAA,GAAA,CAAA,OATC"}

package/dist/ui/usecases/UseCaseCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UseCaseCard.js","names":[],"sources":["../../../ui/usecases/UseCaseCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { VStack, HStack } from '../stack';\nimport { Button } from '../button';\n\nexport function UseCaseCard({\n  title,\n  summary,\n  ctaHref,\n  ctaLabel = 'Learn more',\n  onCtaClick,\n}: {\n  title: string;\n  summary?: string;\n  ctaHref?: string;\n  ctaLabel?: string;\n  onCtaClick?: () => void;\n}) {\n  return (\n    <VStack className=\"rounded-lg border p-4\" gap=\"sm\">\n      <div className=\"text-lg font-semibold\">{title}</div>\n      {summary && (\n        <div className=\"text-muted-foreground text-base\">{summary}</div>\n      )}\n      {ctaHref && (\n        <HStack>\n          <a href={ctaHref} onClick={onCtaClick}>\n            <Button size=\"sm\" variant=\"outline\">\n              {ctaLabel}\n            </Button>\n          </a>\n        </HStack>\n      )}\n    </VStack>\n  );\n}\n"],"mappings":";;;;;;AAIA,SAAgB,YAAY,EAC1B,OACA,SACA,SACA,WAAW,cACX,cAOC;AACD,QACE,qBAAC;EAAO,WAAU;EAAwB,KAAI;;GAC5C,oBAAC;IAAI,WAAU;cAAyB;KAAY;GACnD,WACC,oBAAC;IAAI,WAAU;cAAmC;KAAc;GAEjE,WACC,oBAAC,oBACC,oBAAC;IAAE,MAAM;IAAS,SAAS;cACzB,oBAAC;KAAO,MAAK;KAAK,SAAQ;eACvB;MACM;KACP,GACG;;GAEJ"}

package/dist/ui/usecases/UserStoryCard.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserStoryCard.d.ts","names":[],"sources":["../../../ui/usecases/UserStoryCard.tsx"],"sourcesContent":[],"mappings":";;;iBAGgB,aAAA;;;;;;;EAAA,OAAA,CAAA,EAAA,MAAa;CAC3B,CAAA,EAOD,oBAAA,CAAA,GAAA,CAAA,OAPC"}

package/dist/ui/usecases/UserStoryCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UserStoryCard.js","names":[],"sources":["../../../ui/usecases/UserStoryCard.tsx"],"sourcesContent":["import * as React from 'react';\nimport { VStack } from '../stack';\n\nexport function UserStoryCard({\n  title,\n  body,\n  outcome,\n}: {\n  title: string;\n  body?: string;\n  outcome?: string;\n}) {\n  return (\n    <VStack className=\"rounded-lg border p-4\" gap=\"sm\">\n      <div className=\"text-lg font-semibold\">{title}</div>\n      {body && <div className=\"text-muted-foreground text-base\">{body}</div>}\n      {outcome && (\n        <div className=\"text-base\">\n          <span className=\"font-medium\">Outcome:</span> {outcome}\n        </div>\n      )}\n    </VStack>\n  );\n}\n"],"mappings":";;;;;AAGA,SAAgB,cAAc,EAC5B,OACA,MACA,WAKC;AACD,QACE,qBAAC;EAAO,WAAU;EAAwB,KAAI;;GAC5C,oBAAC;IAAI,WAAU;cAAyB;KAAY;GACnD,QAAQ,oBAAC;IAAI,WAAU;cAAmC;KAAW;GACrE,WACC,qBAAC;IAAI,WAAU;;KACb,oBAAC;MAAK,WAAU;gBAAc;OAAe;;KAAE;;KAC3C;;GAED"}

package/dist/ui/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","names":[],"sources":["../../ui/utils.ts"],"sourcesContent":[],"mappings":";;;iBAGgB,EAAA,YAAc"}

package/dist/ui/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../ui/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC"}